@gen-epix/ui-client-casedb 4.0.0

package/dist/pages/CaseTypesAdminPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_baseSet.js","../../../../../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_basePickBy.js","../../../../../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/_basePick.js","../../../../../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/pick.js","../../../src/pages/CaseTypesAdminPage/CaseTypesAdminPage.tsx"],"sourcesContent":["var assignValue = require('./_assignValue'),\n    castPath = require('./_castPath'),\n    isIndex = require('./_isIndex'),\n    isObject = require('./isObject'),\n    toKey = require('./_toKey');\n\n/**\n * The base implementation of `_.set`.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to set.\n * @param {*} value The value to set.\n * @param {Function} [customizer] The function to customize path creation.\n * @returns {Object} Returns `object`.\n */\nfunction baseSet(object, path, value, customizer) {\n  if (!isObject(object)) {\n    return object;\n  }\n  path = castPath(path, object);\n\n  var index = -1,\n      length = path.length,\n      lastIndex = length - 1,\n      nested = object;\n\n  while (nested != null && ++index < length) {\n    var key = toKey(path[index]),\n        newValue = value;\n\n    if (key === '__proto__' || key === 'constructor' || key === 'prototype') {\n      return object;\n    }\n\n    if (index != lastIndex) {\n      var objValue = nested[key];\n      newValue = customizer ? customizer(objValue, key, nested) : undefined;\n      if (newValue === undefined) {\n        newValue = isObject(objValue)\n          ? objValue\n          : (isIndex(path[index + 1]) ? [] : {});\n      }\n    }\n    assignValue(nested, key, newValue);\n    nested = nested[key];\n  }\n  return object;\n}\n\nmodule.exports = baseSet;\n","var baseGet = require('./_baseGet'),\n    baseSet = require('./_baseSet'),\n    castPath = require('./_castPath');\n\n/**\n * The base implementation of  `_.pickBy` without support for iteratee shorthands.\n *\n * @private\n * @param {Object} object The source object.\n * @param {string[]} paths The property paths to pick.\n * @param {Function} predicate The function invoked per property.\n * @returns {Object} Returns the new object.\n */\nfunction basePickBy(object, paths, predicate) {\n  var index = -1,\n      length = paths.length,\n      result = {};\n\n  while (++index < length) {\n    var path = paths[index],\n        value = baseGet(object, path);\n\n    if (predicate(value, path)) {\n      baseSet(result, castPath(path, object), value);\n    }\n  }\n  return result;\n}\n\nmodule.exports = basePickBy;\n","var basePickBy = require('./_basePickBy'),\n    hasIn = require('./hasIn');\n\n/**\n * The base implementation of `_.pick` without support for individual\n * property identifiers.\n *\n * @private\n * @param {Object} object The source object.\n * @param {string[]} paths The property paths to pick.\n * @returns {Object} Returns the new object.\n */\nfunction basePick(object, paths) {\n  return basePickBy(object, paths, function(value, path) {\n    return hasIn(object, path);\n  });\n}\n\nmodule.exports = basePick;\n","var basePick = require('./_basePick'),\n    flatRest = require('./_flatRest');\n\n/**\n * Creates an object composed of the picked `object` properties.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The source object.\n * @param {...(string|string[])} [paths] The property paths to pick.\n * @returns {Object} Returns the new object.\n * @example\n *\n * var object = { 'a': 1, 'b': '2', 'c': 3 };\n *\n * _.pick(object, ['a', 'c']);\n * // => { 'a': 1, 'c': 3 }\n */\nvar pick = flatRest(function(object, paths) {\n  return object == null ? {} : basePick(object, paths);\n});\n\nmodule.exports = pick;\n","import {\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  object,\n  string,\n} from 'yup';\nimport omit from 'lodash/omit';\nimport pick from 'lodash/pick';\nimport type {\n  CaseDbApiPermission,\n  CaseDbCaseType,\n  CaseDbCaseTypeProps,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbCaseApi,\n  CaseDbCommandName,\n  CaseDbPermissionType,\n} from '@gen-epix/api-casedb';\nimport type { CrudPageSubPage } from '@gen-epix/ui/pages/CrudPage';\nimport type { OmitWithMetaData } from '@gen-epix/ui/models/data';\nimport type { TableColumn } from '@gen-epix/ui/models/table';\nimport { AuthorizationService } from '@gen-epix/ui/classes/services/AuthorizationService';\nimport { CrudPage } from '@gen-epix/ui/pages/CrudPage';\nimport { TableUtil } from '@gen-epix/ui/utils/TableUtil';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\nimport type { FormFieldDefinition } from '@gen-epix/ui-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-form/models/form';\nimport { SchemaUtil } from '@gen-epix/ui-form/utils/SchemaUtil';\n\nimport { useDiseaseOptionsQuery } from '../../dataHooks/useDiseasesQuery';\nimport { useEtiologicalAgentOptionsQuery } from '../../dataHooks/useEtiologicalAgentsQuery';\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\n\ntype FormFields = CaseDbCaseTypeProps & OmitWithMetaData<CaseDbCaseType, 'disease' | 'etiological_agent' | 'props'>;\n\nexport const CaseTypesAdminPage = () => {\n  const { t } = useTranslation();\n  const diseaseOptionsQuery = useDiseaseOptionsQuery();\n  const etiologicalAgentOptionsQuery = useEtiologicalAgentOptionsQuery();\n\n  const loadables = useArray([diseaseOptionsQuery, etiologicalAgentOptionsQuery]);\n\n  const getCaseTypeFromVariables = useCallback((variables: FormFields, id?: string) => {\n    const itemForUpdate: CaseDbCaseType = {\n      ...omit(variables, ['create_max_n_cases', 'delete_max_n_cases', 'read_max_n_cases', 'read_max_tree_size', 'update_max_n_cases']),\n      props: {\n        ...pick(variables, ['create_max_n_cases', 'delete_max_n_cases', 'read_max_n_cases', 'read_max_tree_size', 'update_max_n_cases']),\n      },\n    };\n    if (id) {\n      itemForUpdate.id = id;\n    }\n    return itemForUpdate;\n  }, []);\n\n  const fetchAll = useCallback(async (signal: AbortSignal) => {\n    return (await CaseDbCaseApi.getInstance().caseTypesGetAll(null, null, { signal }))?.data;\n  }, []);\n\n  const deleteOne = useCallback(async (item: CaseDbCaseType) => {\n    return await CaseDbCaseApi.getInstance().caseTypesDeleteOne(item.id);\n  }, []);\n\n  const updateOne = useCallback(async (variables: FormFields, item: CaseDbCaseType) => {\n    return (await CaseDbCaseApi.getInstance().caseTypesPutOne(item.id, getCaseTypeFromVariables(variables, item.id))).data;\n  }, [getCaseTypeFromVariables]);\n\n  const createOne = useCallback(async (variables: FormFields) => {\n    return (await CaseDbCaseApi.getInstance().caseTypesPostOne(getCaseTypeFromVariables(variables))).data;\n  }, [getCaseTypeFromVariables]);\n\n  const getName = useCallback((item: CaseDbCaseType) => {\n    return item.name;\n  }, []);\n\n  const schema = useMemo(() => {\n    return object<FormFields>().shape({\n      create_max_n_cases: SchemaUtil.number.min(0),\n      delete_max_n_cases: SchemaUtil.number.min(0),\n      description: SchemaUtil.description,\n      disease_id: string().uuid4().nullable().test(function(value: string) {\n        const { etiological_agent_id } = this.parent as FormFields;\n        if (value !== null || !!etiological_agent_id) {\n          return true;\n        }\n        return this.createError({\n          message: t`Disease is required when no etiological agent is selected`,\n          path: 'disease_id',\n        });\n      }),\n      etiological_agent_id: string().uuid4().nullable().test(function(value: string) {\n        const { disease_id } = this.parent as FormFields;\n        if (value !== null || !!disease_id) {\n          return true;\n        }\n        return this.createError({\n          message: t`Etiological agent is required when no disease is selected`,\n          path: 'etiological_agent_id',\n        });\n      }),\n      name: SchemaUtil.name,\n      read_max_n_cases: SchemaUtil.number.min(0),\n      read_max_tree_size: SchemaUtil.number.min(0),\n      update_max_n_cases: SchemaUtil.number.min(0),\n    });\n  }, [t]);\n\n  const formFieldDefinitions = useMemo<FormFieldDefinition<FormFields>[]>(() => {\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Name`,\n        name: 'name',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Disease`,\n        loading: diseaseOptionsQuery.isLoading,\n        name: 'disease_id',\n        options: diseaseOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Etiological agent`,\n        loading: etiologicalAgentOptionsQuery.isLoading,\n        name: 'etiological_agent_id',\n        options: etiologicalAgentOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.RICH_TEXT,\n        label: t`Description`,\n        name: 'description',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Read max number of cases`,\n        name: 'read_max_n_cases',\n        type: 'number',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Create max number of cases`,\n        name: 'create_max_n_cases',\n        type: 'number',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Update max number of cases`,\n        name: 'update_max_n_cases',\n        type: 'number',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Delete max number of cases`,\n        name: 'delete_max_n_cases',\n        type: 'number',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Read max tree size`,\n        name: 'read_max_tree_size',\n        type: 'number',\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const;\n  }, [etiologicalAgentOptionsQuery.isLoading, etiologicalAgentOptionsQuery.options, diseaseOptionsQuery, t]);\n\n  const tableColumns = useMemo((): TableColumn<CaseDbCaseType>[] => {\n    return [\n      TableUtil.createTextColumn<CaseDbCaseType>({ id: 'name', name: t`Name` }),\n      TableUtil.createOptionsColumn<CaseDbCaseType>({ id: 'disease_id', name: t`Disease`, options: diseaseOptionsQuery.options }),\n      TableUtil.createOptionsColumn<CaseDbCaseType>({ id: 'etiological_agent_id', name: t`Etiological agent`, options: etiologicalAgentOptionsQuery.options }),\n      {\n        comparatorFactory: TableUtil.createNumberCellRowComperator,\n        headerName: t`Read max number of cases`,\n        id: 'read_max_n_cases',\n        isInitiallyVisible: true,\n        textAlign: 'right',\n        type: 'number',\n        valueGetter: (params) => params.row.props?.read_max_n_cases,\n        widthFlex: 1,\n      },\n      {\n        comparatorFactory: TableUtil.createNumberCellRowComperator,\n        headerName: t`Create max number of cases`,\n        id: 'create_max_n_cases',\n        isInitiallyVisible: true,\n        textAlign: 'right',\n        type: 'number',\n        valueGetter: (params) => params.row.props?.create_max_n_cases,\n        widthFlex: 1,\n      },\n      {\n        comparatorFactory: TableUtil.createNumberCellRowComperator,\n        headerName: t`Update max number of cases`,\n        id: 'update_max_n_cases',\n        isInitiallyVisible: true,\n        textAlign: 'right',\n        type: 'number',\n        valueGetter: (params) => params.row.props?.update_max_n_cases,\n        widthFlex: 1,\n      },\n      {\n        comparatorFactory: TableUtil.createNumberCellRowComperator,\n        headerName: t`Delete max number of cases`,\n        id: 'delete_max_n_cases',\n        isInitiallyVisible: true,\n        textAlign: 'right',\n        type: 'number',\n        valueGetter: (params) => params.row.props?.delete_max_n_cases,\n        widthFlex: 1,\n      },\n      {\n        comparatorFactory: TableUtil.createNumberCellRowComperator,\n        headerName: t`Read max tree size`,\n        id: 'read_max_tree_size',\n        isInitiallyVisible: true,\n        textAlign: 'right',\n        type: 'number',\n        valueGetter: (params) => params.row.props?.read_max_tree_size,\n        widthFlex: 1,\n      },\n    ];\n  }, [etiologicalAgentOptionsQuery.options, diseaseOptionsQuery.options, t]);\n\n  const subPages = useMemo<CrudPageSubPage<CaseDbCaseType>[]>(() => {\n    if (!AuthorizationService.getInstance().doesUserHavePermission<CaseDbApiPermission>([\n      { command_name: CaseDbCommandName.DimCrudCommand, permission_type: CaseDbPermissionType.READ },\n    ])) {\n      return [];\n    }\n\n    return [\n      {\n        getPathName: (item: CaseDbCaseType) => `/management/case-types/${item.id}/dimensions`,\n        label: t`Manage dimensions`,\n      } satisfies CrudPageSubPage<CaseDbCaseType>,\n    ];\n  }, [t]);\n\n  const getFormValuesFromItem = useCallback((item: CaseDbCaseType): Partial<FormFields> => {\n    if (!item) {\n      return {};\n    }\n    return {\n      create_max_n_cases: item.props?.create_max_n_cases,\n      delete_max_n_cases: item.props?.delete_max_n_cases,\n      description: item.description,\n      disease_id: item.disease_id,\n      etiological_agent_id: item.etiological_agent_id,\n      name: item.name,\n      read_max_n_cases: item.props?.read_max_n_cases,\n      read_max_tree_size: item.props?.read_max_tree_size,\n      update_max_n_cases: item.props?.update_max_n_cases,\n    };\n  }, []);\n\n  const getIntermediateItem = useCallback((variables: FormFields, currentItem: CaseDbCaseType): CaseDbCaseType => {\n    return {\n      ...currentItem,\n      description: variables.description,\n      disease_id: variables.disease_id,\n      etiological_agent_id: variables.etiological_agent_id,\n      name: variables.name,\n      props: {\n        create_max_n_cases: variables.create_max_n_cases,\n        delete_max_n_cases: variables.delete_max_n_cases,\n        read_max_n_cases: variables.read_max_n_cases,\n        read_max_tree_size: variables.read_max_tree_size,\n        update_max_n_cases: variables.update_max_n_cases,\n      },\n    };\n  }, []);\n\n  return (\n    <CrudPage<FormFields, CaseDbCaseType, CaseDbCaseType, CASEDB_QUERY_KEY, CaseDbApiPermission>\n      createItemDialogTitle={t`Create new case type`}\n      createOne={createOne}\n      crudCommandType={CaseDbCommandName.CaseTypeCrudCommand}\n      defaultSortByField={'name'}\n      defaultSortDirection={'asc'}\n      deleteOne={deleteOne}\n      fetchAll={fetchAll}\n      formFieldDefinitions={formFieldDefinitions}\n      getFormValuesFromItem={getFormValuesFromItem}\n      getName={getName}\n      getOptimisticUpdateIntermediateItem={getIntermediateItem}\n      itemName={t`Case type`}\n      loadables={loadables}\n      resourceQueryKeyBase={CASEDB_QUERY_KEY.CASE_TYPES}\n      schema={schema}\n      subPages={subPages}\n      tableColumns={tableColumns}\n      testIdAttributes={TestIdUtil.createAttributes('CaseTypesAdminPage')}\n      title={t`Case types`}\n      updateOne={updateOne}\n    />\n  );\n};\n"],"x_google_ignoreList":[0,1,2,3],"mappings":";;;;;;;;;;;;;;;;;;;;;;CAAA,IAAI,IAAA,EAAA,GACA,IAAA,EAAA,GACA,IAAA,EAAA,GACA,IAAA,EAAA,GACA,IAAA,EAAA;CAYJ,SAAS,EAAQ,GAAQ,GAAM,GAAO,GAAY;EAChD,IAAI,CAAC,EAAS,CAAM,GAClB,OAAO;EAET,IAAO,EAAS,GAAM,CAAM;EAO5B,KALA,IAAI,IAAQ,IACR,IAAS,EAAK,QACd,IAAY,IAAS,GACrB,IAAS,GAEN,KAAU,QAAQ,EAAE,IAAQ,IAAQ;GACzC,IAAI,IAAM,EAAM,EAAK,EAAM,GACvB,IAAW;GAEf,IAAI,MAAQ,eAAe,MAAQ,iBAAiB,MAAQ,aAC1D,OAAO;GAGT,IAAI,KAAS,GAAW;IACtB,IAAI,IAAW,EAAO;IAEtB,AADA,IAAW,IAAa,EAAW,GAAU,GAAK,CAAM,IAAI,KAAA,GACxD,MAAa,KAAA,MACf,IAAW,EAAS,CAAQ,IACxB,IACC,EAAQ,EAAK,IAAQ,EAAE,IAAI,CAAC,IAAI,CAAC;GAE1C;GAEA,AADA,EAAY,GAAQ,GAAK,CAAQ,GACjC,IAAS,EAAO;EAClB;EACA,OAAO;CACT;CAEA,EAAO,UAAU;;CClDjB,IAAI,IAAA,EAAA,GACA,IAAA,EAAA,GACA,IAAA,EAAA;CAWJ,SAAS,EAAW,GAAQ,GAAO,GAAW;EAK5C,KAJA,IAAI,IAAQ,IACR,IAAS,EAAM,QACf,IAAS,CAAC,GAEP,EAAE,IAAQ,IAAQ;GACvB,IAAI,IAAO,EAAM,IACb,IAAQ,EAAQ,GAAQ,CAAI;GAEhC,AAAI,EAAU,GAAO,CAAI,KACvB,EAAQ,GAAQ,EAAS,GAAM,CAAM,GAAG,CAAK;EAEjD;EACA,OAAO;CACT;CAEA,EAAO,UAAU;;CC7BjB,IAAI,IAAA,EAAA,GACA,IAAA,EAAA;CAWJ,SAAS,EAAS,GAAQ,GAAO;EAC/B,OAAO,EAAW,GAAQ,GAAO,SAAS,GAAO,GAAM;GACrD,OAAO,EAAM,GAAQ,CAAI;EAC3B,CAAC;CACH;CAEA,EAAO,UAAU;;CClBjB,IAAI,IAAA,EAAA;CAwBJ,EAAO,UAJH,EAAA,CAAA,CAAgB,SAAS,GAAQ,GAAO;EAC1C,OAAO,KAAU,OAAO,CAAC,IAAI,EAAS,GAAQ,CAAK;CACrD,CAEiB;mECeJ,UAA2B;CACtC,IAAM,EAAE,SAAM,EAAe,GACvB,IAAsB,EAAuB,GAC7C,IAA+B,EAAgC,GAE/D,IAAY,EAAS,CAAC,GAAqB,CAA4B,CAAC,GAExE,IAA2B,GAAa,GAAuB,MAAgB;EACnF,IAAM,IAAgC;GACpC,IAAA,GAAA,EAAA,QAAA,CAAQ,GAAW;IAAC;IAAsB;IAAsB;IAAoB;IAAsB;GAAoB,CAAC;GAC/H,OAAO,EACL,IAAA,GAAA,EAAA,QAAA,CAAQ,GAAW;IAAC;IAAsB;IAAsB;IAAoB;IAAsB;GAAoB,CAAC,EACjI;EACF;EAIA,OAHI,MACF,EAAc,KAAK,IAEd;CACT,GAAG,CAAC,CAAC,GAEC,IAAW,EAAY,OAAO,OAC1B,MAAM,EAAc,YAAY,CAAC,CAAC,gBAAgB,MAAM,MAAM,EAAE,UAAO,CAAC,EAAA,EAAI,MACnF,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,MAC5B,MAAM,EAAc,YAAY,CAAC,CAAC,mBAAmB,EAAK,EAAE,GAClE,CAAC,CAAC,GAEC,IAAY,EAAY,OAAO,GAAuB,OAClD,MAAM,EAAc,YAAY,CAAC,CAAC,gBAAgB,EAAK,IAAI,EAAyB,GAAW,EAAK,EAAE,CAAC,EAAA,CAAG,MACjH,CAAC,CAAwB,CAAC,GAEvB,IAAY,EAAY,OAAO,OAC3B,MAAM,EAAc,YAAY,CAAC,CAAC,iBAAiB,EAAyB,CAAS,CAAC,EAAA,CAAG,MAChG,CAAC,CAAwB,CAAC,GAEvB,IAAU,GAAa,MACpB,EAAK,MACX,CAAC,CAAC,GAEC,IAAS,QACN,EAAmB,CAAC,CAAC,MAAM;EAChC,oBAAoB,EAAW,OAAO,IAAI,CAAC;EAC3C,oBAAoB,EAAW,OAAO,IAAI,CAAC;EAC3C,aAAa,EAAW;EACxB,YAAY,EAAO,CAAC,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,SAAS,GAAe;GACnE,IAAM,EAAE,4BAAyB,KAAK;GAItC,OAHI,MAAU,QAAU,IACf,KAEF,KAAK,YAAY;IACtB,SAAS,CAAC;IACV,MAAM;GACR,CAAC;EACH,CAAC;EACD,sBAAsB,EAAO,CAAC,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,SAAS,GAAe;GAC7E,IAAM,EAAE,kBAAe,KAAK;GAI5B,OAHI,MAAU,QAAU,IACf,KAEF,KAAK,YAAY;IACtB,SAAS,CAAC;IACV,MAAM;GACR,CAAC;EACH,CAAC;EACD,MAAM,EAAW;EACjB,kBAAkB,EAAW,OAAO,IAAI,CAAC;EACzC,oBAAoB,EAAW,OAAO,IAAI,CAAC;EAC3C,oBAAoB,EAAW,OAAO,IAAI,CAAC;CAC7C,CAAC,GACA,CAAC,CAAC,CAAC,GAEA,IAAuB,QACpB;EACL;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;EACR;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,SAAS,EAAoB;GAC7B,MAAM;GACN,SAAS,EAAoB;EAC/B;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,SAAS,EAA6B;GACtC,MAAM;GACN,SAAS,EAA6B;EACxC;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;EACR;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;GACN,MAAM;EACR;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;GACN,MAAM;EACR;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;GACN,MAAM;EACR;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;GACN,MAAM;EACR;EACA;GACE,YAAY,EAA2B;GACvC,OAAO,CAAC;GACR,MAAM;GACN,MAAM;EACR;CACF,GACC;EAAC,EAA6B;EAAW,EAA6B;EAAS;EAAqB;CAAC,CAAC,GAEnG,IAAe,QACZ;EACL,EAAU,iBAAiC;GAAE,IAAI;GAAQ,MAAM,CAAC;EAAO,CAAC;EACxE,EAAU,oBAAoC;GAAE,IAAI;GAAc,MAAM,CAAC;GAAW,SAAS,EAAoB;EAAQ,CAAC;EAC1H,EAAU,oBAAoC;GAAE,IAAI;GAAwB,MAAM,CAAC;GAAqB,SAAS,EAA6B;EAAQ,CAAC;EACvJ;GACE,mBAAmB,EAAU;GAC7B,YAAY,CAAC;GACb,IAAI;GACJ,oBAAoB;GACpB,WAAW;GACX,MAAM;GACN,cAAc,MAAW,EAAO,IAAI,OAAO;GAC3C,WAAW;EACb;EACA;GACE,mBAAmB,EAAU;GAC7B,YAAY,CAAC;GACb,IAAI;GACJ,oBAAoB;GACpB,WAAW;GACX,MAAM;GACN,cAAc,MAAW,EAAO,IAAI,OAAO;GAC3C,WAAW;EACb;EACA;GACE,mBAAmB,EAAU;GAC7B,YAAY,CAAC;GACb,IAAI;GACJ,oBAAoB;GACpB,WAAW;GACX,MAAM;GACN,cAAc,MAAW,EAAO,IAAI,OAAO;GAC3C,WAAW;EACb;EACA;GACE,mBAAmB,EAAU;GAC7B,YAAY,CAAC;GACb,IAAI;GACJ,oBAAoB;GACpB,WAAW;GACX,MAAM;GACN,cAAc,MAAW,EAAO,IAAI,OAAO;GAC3C,WAAW;EACb;EACA;GACE,mBAAmB,EAAU;GAC7B,YAAY,CAAC;GACb,IAAI;GACJ,oBAAoB;GACpB,WAAW;GACX,MAAM;GACN,cAAc,MAAW,EAAO,IAAI,OAAO;GAC3C,WAAW;EACb;CACF,GACC;EAAC,EAA6B;EAAS,EAAoB;EAAS;CAAC,CAAC,GAEnE,IAAW,QACV,EAAqB,YAAY,CAAC,CAAC,uBAA4C,CAClF;EAAE,cAAc,EAAkB;EAAgB,iBAAiB,EAAqB;CAAK,CAC/F,CAAC,IAIM,CACL;EACE,cAAc,MAAyB,0BAA0B,EAAK,GAAG;EACzE,OAAO,CAAC;CACV,CACF,IARS,CAAC,GAST,CAAC,CAAC,CAAC,GAEA,IAAwB,GAAa,MACpC,IAGE;EACL,oBAAoB,EAAK,OAAO;EAChC,oBAAoB,EAAK,OAAO;EAChC,aAAa,EAAK;EAClB,YAAY,EAAK;EACjB,sBAAsB,EAAK;EAC3B,MAAM,EAAK;EACX,kBAAkB,EAAK,OAAO;EAC9B,oBAAoB,EAAK,OAAO;EAChC,oBAAoB,EAAK,OAAO;CAClC,IAZS,CAAC,GAaT,CAAC,CAAC,GAEC,IAAsB,GAAa,GAAuB,OACvD;EACL,GAAG;EACH,aAAa,EAAU;EACvB,YAAY,EAAU;EACtB,sBAAsB,EAAU;EAChC,MAAM,EAAU;EAChB,OAAO;GACL,oBAAoB,EAAU;GAC9B,oBAAoB,EAAU;GAC9B,kBAAkB,EAAU;GAC5B,oBAAoB,EAAU;GAC9B,oBAAoB,EAAU;EAChC;CACF,IACC,CAAC,CAAC;CAEL,OACE,kBAAC,GAAD;EACE,uBAAuB,CAAC;EACb;EACX,iBAAiB,EAAkB;EACnC,oBAAoB;EACpB,sBAAsB;EACX;EACD;EACY;EACC;EACd;EACT,qCAAqC;EACrC,UAAU,CAAC;EACA;EACX,sBAAsB,EAAiB;EAC/B;EACE;EACI;EACd,kBAAkB,EAAW,iBAAiB,oBAAoB;EAClE,OAAO,CAAC;EACG;CACZ,CAAA;AAEL"}

package/dist/pages/CasesDetailPage/CasesDetailPage.d.ts

@@ -0,0 +1 @@
+export declare const CasesDetailPage: () => import("react").JSX.Element;

package/dist/pages/CasesDetailPage/index.d.ts

@@ -0,0 +1 @@
+export * from './CasesDetailPage';

package/dist/pages/CasesDetailPage/index.js

@@ -0,0 +1,41 @@
+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-KS7C4IRE.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";
+import { jsx as s } from "react/jsx-runtime";
+import { ResponseHandler as c } from "@gen-epix/ui/components/ui/ResponseHandler";
+import { useItemQuery as l } from "@gen-epix/ui/hooks/useItemQuery";
+import { TestIdUtil as u } from "@gen-epix/ui-core/utils/TestIdUtil";
+import { PageContainer as d } from "@gen-epix/ui/components/ui/PageContainer";
+import { useUpdateBreadcrumb as f } from "@gen-epix/ui/hooks/useUpdateBreadcrumb";
+//#region src/pages/CasesDetailPage/CasesDetailPage.tsx
+var p = () => {
+	let { t: p } = o(), { caseTypeId: m, slug: h } = n(), g = f("Case type"), { data: _, error: v, isLoading: y } = l({
+		baseQueryKey: e.CASE_TYPES,
+		itemId: m,
+		useQueryOptions: { queryFn: async ({ signal: e }) => (await r.getInstance().caseTypesGetOne(m, { signal: e })).data }
+	}), b = a(() => _?.name ? _?.name : p`Case`, [_, p]);
+	return i(() => {
+		g(b);
+	}, [b, g]), /* @__PURE__ */ s(d, {
+		fullHeight: !0,
+		fullWidth: !0,
+		showBreadcrumbs: !0,
+		testIdAttributes: u.createAttributes("CasesDetailPage", {
+			"case-type-id": m,
+			slug: h
+		}),
+		title: b,
+		children: /* @__PURE__ */ s(c, {
+			error: v,
+			isLoading: y,
+			children: /* @__PURE__ */ s(t, { caseTypeId: m })
+		})
+	});
+};
+//#endregion
+export { p as CasesDetailPage };
+
+//# sourceMappingURL=index.js.map

package/dist/pages/CasesDetailPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/CasesDetailPage/CasesDetailPage.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { useParams } from 'react-router-dom';\nimport {\n  useEffect,\n  useMemo,\n} from 'react';\nimport { CaseDbCaseApi } from '@gen-epix/api-casedb';\nimport { PageContainer } from '@gen-epix/ui/components/ui/PageContainer';\nimport { ResponseHandler } from '@gen-epix/ui/components/ui/ResponseHandler';\nimport { useItemQuery } from '@gen-epix/ui/hooks/useItemQuery';\nimport { useUpdateBreadcrumb } from '@gen-epix/ui/hooks/useUpdateBreadcrumb';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\n\nimport { Dashboard } from '../../components/ui/Dashboard';\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\n\n\nexport const CasesDetailPage = () => {\n  const { t } = useTranslation();\n  const { caseTypeId, slug } = useParams();\n\n  const updateBreadcrumb = useUpdateBreadcrumb('Case type');\n\n  const { data: caseType, error, isLoading } = useItemQuery({\n    baseQueryKey: CASEDB_QUERY_KEY.CASE_TYPES,\n    itemId: caseTypeId,\n    useQueryOptions: {\n      queryFn: async ({ signal }) => (await CaseDbCaseApi.getInstance().caseTypesGetOne(caseTypeId, { signal })).data,\n    },\n  });\n\n  const title = useMemo(() => {\n    return caseType?.name ? caseType?.name : t`Case`;\n  }, [caseType, t]);\n\n  useEffect(() => {\n    updateBreadcrumb(title);\n  }, [title, updateBreadcrumb]);\n\n  return (\n    <PageContainer\n      fullHeight\n      fullWidth\n      showBreadcrumbs\n      testIdAttributes={TestIdUtil.createAttributes('CasesDetailPage', { 'case-type-id': caseTypeId, slug })}\n      title={title}\n    >\n      <ResponseHandler\n        error={error}\n        isLoading={isLoading}\n      >\n        <Dashboard\n          caseTypeId={caseTypeId}\n        />\n      </ResponseHandler>\n    </PageContainer>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAiBA,IAAa,UAAwB;CACnC,IAAM,EAAE,SAAM,EAAe,GACvB,EAAE,eAAY,YAAS,EAAU,GAEjC,IAAmB,EAAoB,WAAW,GAElD,EAAE,MAAM,GAAU,UAAO,iBAAc,EAAa;EACxD,cAAc,EAAiB;EAC/B,QAAQ;EACR,iBAAiB,EACf,SAAS,OAAO,EAAE,iBAAc,MAAM,EAAc,YAAY,CAAC,CAAC,gBAAgB,GAAY,EAAE,UAAO,CAAC,EAAA,CAAG,KAC7G;CACF,CAAC,GAEK,IAAQ,QACL,GAAU,OAAO,GAAU,OAAO,CAAC,QACzC,CAAC,GAAU,CAAC,CAAC;CAMhB,OAJA,QAAgB;EACd,EAAiB,CAAK;CACxB,GAAG,CAAC,GAAO,CAAgB,CAAC,GAG1B,kBAAC,GAAD;EACE,YAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAkB,EAAW,iBAAiB,mBAAmB;GAAE,gBAAgB;GAAY;EAAK,CAAC;EAC9F;YAEP,kBAAC,GAAD;GACS;GACI;aAEX,kBAAC,GAAD,EACc,cACb,CAAA;EACc,CAAA;CACJ,CAAA;AAEnB"}

package/dist/pages/CasesPage/CasesPage.d.ts

@@ -0,0 +1 @@
+export declare const CasesPage: () => import("react").JSX.Element;

package/dist/pages/CasesPage/index.d.ts

@@ -0,0 +1 @@
+export * from './CasesPage';

package/dist/pages/CasesPage/index.js

@@ -0,0 +1,229 @@
+import { CaseTypeUtil as e } from "../../utils/CaseTypeUtil/index.js";
+import { CASEDB_QUERY_KEY as t } from "../../constants/query.js";
+import { t as n } from "../../_chunks/CaseDbDownloadUtil.js";
+import { t as r } from "../../_chunks/CaseTypeInfoDialog.js";
+import { useCaseTypeSetCategoriesQuery as i } from "../../dataHooks/useCaseTypeSetCategoriesQuery/index.js";
+import { useCaseTypeStatsQuery as a } from "../../dataHooks/useCaseTypeStatsQuery/index.js";
+import { CaseDbCaseApi as o, CaseDbCaseTypeSetCategoryPurpose as s } from "@gen-epix/api-casedb";
+import { QueryClientService as c } from "@gen-epix/ui/classes/services/QueryClientService";
+import { DATE_FORMAT as l } from "@gen-epix/ui-core/constants/date";
+import { ConfigService as u } from "@gen-epix/ui/classes/services/ConfigService";
+import { Box as d, ListItemIcon as f, ListItemText as p, MenuItem as m, Typography as h, useTheme as ee } from "@mui/material";
+import { useCallback as g, useMemo as _, useRef as v } from "react";
+import { useTranslation as y } from "react-i18next";
+import { TableStoreContextProvider as b, createTableStore as x } from "@gen-epix/ui/stores/tableStore";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { ResponseHandler as T } from "@gen-epix/ui/components/ui/ResponseHandler";
+import { useQueryMemo as E } from "@gen-epix/ui/hooks/useQueryMemo";
+import { DataUtil as te } from "@gen-epix/ui-core/utils/DataUtil";
+import { Table as ne, TableCaption as re, TableMenu as ie, TableSidebarMenu as ae } from "@gen-epix/ui/components/ui/Table";
+import { TableUtil as D } from "@gen-epix/ui/utils/TableUtil";
+import { useInitializeTableStore as oe } from "@gen-epix/ui/hooks/useInitializeTableStore";
+import { TestIdUtil as se } from "@gen-epix/ui-core/utils/TestIdUtil";
+import { RouterService as O } from "@gen-epix/ui/classes/services/RouterService";
+import k from "@mui/icons-material/Info";
+import A from "@mui/icons-material/ArrowCircleRight";
+import { PageContainer as j } from "@gen-epix/ui/components/ui/PageContainer";
+import M from "@mui/icons-material/FileDownload";
+//#region src/pages/CasesPage/CasesPage.tsx
+var N = (e) => `caseTypeSetCategory-${e}`, P = () => {
+	let { t: P } = y(), F = ee(), I = v(null), L = a(), R = i(), { data: z, error: B, isLoading: V } = E({
+		queryFn: async ({ signal: e }) => (await o.getInstance().caseTypesGetAll(null, null, { signal: e })).data,
+		queryKey: c.getInstance().getGenericKey(t.CASE_TYPES)
+	}), H = _(() => new Map(L.data?.map((e) => [e.case_type_id, e])), [L]), { data: U, error: ce, isLoading: W } = E({
+		queryFn: async ({ signal: e }) => (await o.getInstance().caseTypeSetsGetAll(null, null, { signal: e })).data,
+		queryKey: c.getInstance().getGenericKey(t.CASE_TYPE_SETS)
+	}), { data: G, error: le, isLoading: ue } = E({
+		queryFn: async ({ signal: e }) => (await o.getInstance().caseTypeSetMembersGetAll(null, null, { signal: e })).data,
+		queryKey: c.getInstance().getGenericKey(t.CASE_TYPE_SET_MEMBERS)
+	}), K = V || W || ue || R.isLoading || L.isLoading, q = B || ce || le || R.error || L.error, J = g(async (t) => {
+		await O.getInstance().router.navigate(e.createCaseTypeLink(t));
+	}, []), de = g(async (e) => {
+		await J(e.row);
+	}, [J]), Y = g(async (e) => {
+		await J(e.row);
+	}, [J]), X = g((e) => {
+		I.current.open({ caseTypeId: e.row.id });
+	}, []), Z = g(async (e) => {
+		await n.downloadExcelTemplate(e.row.id, P);
+	}, [P]), fe = g((e) => {
+		I.current.open({ caseTypeId: e.id });
+	}, []), pe = _(() => {
+		if (K || q) return;
+		let e = /* @__PURE__ */ new Map();
+		U.forEach((t) => {
+			e.set(t.id, t);
+		});
+		let t = /* @__PURE__ */ new Map();
+		return G.forEach((e) => {
+			let n = t.get(e.case_type_id);
+			n ? n.includes(e.case_type_set_id) || n.push(e.case_type_set_id) : t.set(e.case_type_id, [e.case_type_set_id]);
+		}), z.map((n) => {
+			let r = {
+				first_case_date: H.get(n.id)?.first_case_date,
+				hasCases: H.get(n.id)?.n_cases > 0,
+				id: n.id,
+				last_case_date: H.get(n.id)?.last_case_date,
+				n_cases: H.get(n.id)?.n_cases ?? 0,
+				n_own_cases: H.get(n.id)?.n_own_cases ?? 0,
+				name: n.name
+			};
+			return R.data.forEach((e) => {
+				r[N(e.id)] = [];
+			}), (t.get(n.id) ?? []).forEach((t) => {
+				let n = e.get(t);
+				n && r[N(n.case_type_set_category_id)].push(t);
+			}), r;
+		});
+	}, [
+		R,
+		G,
+		U,
+		H,
+		z,
+		q,
+		K
+	]), Q = _(() => {
+		let e = {};
+		return R.data?.forEach((t) => {
+			e[t.id] = U?.filter((e) => e.case_type_set_category_id === t.id).sort(te.rankSortComperatorFactory("name")).map((e) => ({
+				label: e.name,
+				value: e.id
+			}));
+		}), e;
+	}, [R, U]), me = _(() => {
+		if (!(K || q)) return [
+			D.createReadableIndexColumn({ getAriaLabel: (e) => P("Open case type information for {{name}}", { name: e.row.name }) }),
+			D.createTextColumn({
+				flex: 1.5,
+				id: "name",
+				name: P("Name")
+			}),
+			...R.data.filter((e) => e.purpose === s.CONTENT).map((e) => ({
+				comparatorFactory: D.createOptionsCellRowComperator,
+				headerName: e.name,
+				id: N(e.id),
+				isInitiallyVisible: !0,
+				maxNumOptionsExpanded: Infinity,
+				options: Q[e.id] ?? [],
+				type: "options",
+				widthFlex: 1
+			})),
+			D.createNumberColumn({
+				flex: .5,
+				id: "n_cases",
+				name: P("Cases")
+			}),
+			D.createNumberColumn({
+				flex: .5,
+				id: "n_own_cases",
+				name: P("Own cases")
+			}),
+			D.createDateColumn({
+				dateFormat: l.DATE,
+				flex: .5,
+				id: "first_case_date",
+				name: P("First case date")
+			}),
+			D.createDateColumn({
+				dateFormat: l.DATE,
+				flex: .5,
+				id: "last_case_date",
+				name: P("Last case date")
+			}),
+			D.createActionsColumn({
+				getActions: (e) => [
+					/* @__PURE__ */ w(m, {
+						disabled: !e.row.hasCases,
+						onClick: async () => Y(e),
+						children: [/* @__PURE__ */ C(f, { children: /* @__PURE__ */ C(A, {}) }), /* @__PURE__ */ C(p, { children: P`Go to cases` })]
+					}, "actions1"),
+					/* @__PURE__ */ w(m, {
+						onClick: () => X(e),
+						children: [/* @__PURE__ */ C(f, { children: /* @__PURE__ */ C(k, {}) }), /* @__PURE__ */ C(p, { children: P`Show case type information` })]
+					}, "actions2"),
+					/* @__PURE__ */ w(m, {
+						onClick: async () => Z(e),
+						children: [/* @__PURE__ */ C(f, { children: /* @__PURE__ */ C(M, {}) }), /* @__PURE__ */ C(p, { children: P`Download Excel template` })]
+					}, "actions3")
+				],
+				t: P
+			})
+		];
+	}, [
+		R.data,
+		Q,
+		q,
+		K,
+		Z,
+		X,
+		Y,
+		P
+	]), $ = _(() => x({
+		defaultSortByField: "name",
+		defaultSortDirection: "asc",
+		idSelectorCallback: (e) => e.id,
+		isRowEnabledCallback: (e) => e.n_cases > 0,
+		navigatorFunction: O.getInstance().router.navigate,
+		storageNamePostFix: "cases",
+		storageVersion: 1
+	}), []);
+	oe({
+		columns: me,
+		createFiltersFromColumns: !0,
+		rows: pe,
+		store: $
+	});
+	let he = g((e) => e.name, []);
+	return /* @__PURE__ */ C(b, {
+		store: $,
+		children: /* @__PURE__ */ w(j, {
+			contentActions: /* @__PURE__ */ C(ie, {}),
+			contentHeader: /* @__PURE__ */ C(re, {
+				caption: P`Cases`,
+				component: "h2",
+				variant: "h2"
+			}),
+			fullWidth: !0,
+			showBreadcrumbs: !0,
+			testIdAttributes: se.createAttributes("CasesPage"),
+			title: P`Cases`,
+			children: [/* @__PURE__ */ C(d, {
+				sx: {
+					height: "100%",
+					position: "relative"
+				},
+				children: /* @__PURE__ */ w(T, {
+					error: q,
+					isLoading: K,
+					children: [z?.length === 0 && /* @__PURE__ */ C(d, {
+						sx: {
+							alignItems: "center",
+							display: "flex",
+							flexDirection: "column"
+						},
+						children: /* @__PURE__ */ C(h, {
+							variant: "h6",
+							children: P`No cases found`
+						})
+					}), z?.length > 0 && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(ae, {}), /* @__PURE__ */ C(d, {
+						sx: {
+							height: "100%",
+							paddingLeft: F.spacing(u.getInstance().config.layout.SIDEBAR_MENU_WIDTH + 1),
+							width: "100%"
+						},
+						children: /* @__PURE__ */ C(ne, {
+							getRowName: he,
+							onReadableIndexClick: fe,
+							onRowClick: de
+						})
+					})] })]
+				})
+			}), /* @__PURE__ */ C(r, { ref: I })]
+		})
+	});
+};
+//#endregion
+export { P as CasesPage };
+
+//# sourceMappingURL=index.js.map

package/dist/pages/CasesPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/CasesPage/CasesPage.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport {\n  Box,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  Typography,\n  useTheme,\n} from '@mui/material';\nimport ArrowCircleRightIcon from '@mui/icons-material/ArrowCircleRight';\nimport InfoIcon from '@mui/icons-material/Info';\nimport FileDownloadIcon from '@mui/icons-material/FileDownload';\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\nimport type {\n  CaseDbCaseStats,\n  CaseDbCaseTypeSet,\n  CaseDbCaseTypeSetCategory,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbCaseApi,\n  CaseDbCaseTypeSetCategoryPurpose,\n} from '@gen-epix/api-casedb';\nimport type {\n  TableColumn,\n  TableRowParams,\n} from '@gen-epix/ui/models/table';\nimport { ConfigService } from '@gen-epix/ui/classes/services/ConfigService';\nimport {\n  createTableStore,\n  TableStoreContextProvider,\n} from '@gen-epix/ui/stores/tableStore';\nimport { PageContainer } from '@gen-epix/ui/components/ui/PageContainer';\nimport { QueryClientService } from '@gen-epix/ui/classes/services/QueryClientService';\nimport { ResponseHandler } from '@gen-epix/ui/components/ui/ResponseHandler';\nimport { RouterService } from '@gen-epix/ui/classes/services/RouterService';\nimport {\n  Table,\n  TableCaption,\n  TableMenu,\n  TableSidebarMenu,\n} from '@gen-epix/ui/components/ui/Table';\nimport { TableUtil } from '@gen-epix/ui/utils/TableUtil';\nimport { useInitializeTableStore } from '@gen-epix/ui/hooks/useInitializeTableStore';\nimport { useQueryMemo } from '@gen-epix/ui/hooks/useQueryMemo';\nimport { DataUtil } from '@gen-epix/ui-core/utils/DataUtil';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { DATE_FORMAT } from '@gen-epix/ui-core/constants/date';\nimport type { OptionBase } from '@gen-epix/ui-form/models/form';\n\nimport type { CaseTypeInfoDialogWithLoaderRefMethods } from '../../components/ui/CaseTypeInfoDialog';\nimport { CaseTypeInfoDialogWithLoader } from '../../components/ui/CaseTypeInfoDialog';\nimport { useCaseTypeSetCategoriesQuery } from '../../dataHooks/useCaseTypeSetCategoriesQuery';\nimport { useCaseTypeStatsQuery } from '../../dataHooks/useCaseTypeStatsQuery';\nimport { CaseTypeUtil } from '../../utils/CaseTypeUtil';\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\nimport { CaseDbDownloadUtil } from '../../utils/CaseDbDownloadUtil';\n\n\ntype Row = {\n  [key: string]: boolean | number | string | string[];\n  hasCases: boolean;\n  id: string;\n  name: string;\n} & Omit<CaseDbCaseStats, 'case_type_id'>;\n\nconst getCaseTypeSetCategoryRowId = (id: string) => `caseTypeSetCategory-${id}`;\n\nexport const CasesPage = () => {\n  const { t } = useTranslation();\n  const theme = useTheme();\n  const caseTypeInfoDialogWithLoaderRef = useRef<CaseTypeInfoDialogWithLoaderRefMethods>(null);\n  const caseTypeStatsQuery = useCaseTypeStatsQuery();\n  const caseTypeSetCategoriesQuery = useCaseTypeSetCategoriesQuery();\n\n  const { data: caseTypes, error: caseTypesError, isLoading: isCaseTypesLoading } = useQueryMemo({\n    queryFn: async ({ signal }) => {\n      const response = await CaseDbCaseApi.getInstance().caseTypesGetAll(null, null, { signal });\n      return response.data;\n    },\n    queryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.CASE_TYPES),\n  });\n\n  const caseTypeStatsMap = useMemo(() => {\n    return new Map<string, CaseDbCaseStats>(caseTypeStatsQuery.data?.map(stat => [stat.case_type_id, stat]));\n  }, [caseTypeStatsQuery]);\n\n\n  const { data: caseTypeSets, error: caseTypeSetsError, isLoading: isCaseTypeSetsLoading } = useQueryMemo({\n    queryFn: async ({ signal }) => {\n      const response = await CaseDbCaseApi.getInstance().caseTypeSetsGetAll(null, null, { signal });\n      return response.data;\n    },\n    queryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.CASE_TYPE_SETS),\n  });\n\n  const { data: caseTypeSetMembers, error: caseTypeSetMembersError, isLoading: isCaseTypeSetMembersLoading } = useQueryMemo({\n    queryFn: async ({ signal }) => {\n      const response = await CaseDbCaseApi.getInstance().caseTypeSetMembersGetAll(null, null, { signal });\n      return response.data;\n    },\n    queryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.CASE_TYPE_SET_MEMBERS),\n  });\n\n  const isLoading = isCaseTypesLoading || isCaseTypeSetsLoading || isCaseTypeSetMembersLoading || caseTypeSetCategoriesQuery.isLoading || caseTypeStatsQuery.isLoading;\n  const error = caseTypesError || caseTypeSetsError || caseTypeSetMembersError || caseTypeSetCategoriesQuery.error || caseTypeStatsQuery.error;\n\n  const handleCellNavigation = useCallback(async (caseType: Row) => {\n    await RouterService.getInstance().router.navigate(CaseTypeUtil.createCaseTypeLink(caseType));\n  }, []);\n\n  const onRowClick = useCallback(async (params: TableRowParams<Row>) => {\n    await handleCellNavigation(params.row);\n  }, [handleCellNavigation]);\n\n  const onShowItemClick = useCallback(async (params: TableRowParams<Row>) => {\n    await handleCellNavigation(params.row);\n  }, [handleCellNavigation]);\n\n  const onShowCaseTypeInformationClick = useCallback((params: TableRowParams<Row>) => {\n    caseTypeInfoDialogWithLoaderRef.current.open({\n      caseTypeId: params.row.id,\n    });\n  }, []);\n\n  const onDownloadExcelTemplateButtonClick = useCallback(async (params: TableRowParams<Row>) => {\n    await CaseDbDownloadUtil.downloadExcelTemplate(params.row.id, t);\n  }, [t]);\n\n  const onIndexCellClick = useCallback((row: Row) => {\n    caseTypeInfoDialogWithLoaderRef.current.open({\n      caseTypeId: row.id,\n    });\n  }, []);\n\n  const data = useMemo<Row[]>(() => {\n    if (isLoading || error) {\n      return;\n    }\n\n    const caseTypeSetCache = new Map<string, CaseDbCaseTypeSet>();\n    caseTypeSets.forEach(caseTypeSet => {\n      caseTypeSetCache.set(caseTypeSet.id, caseTypeSet);\n    });\n\n    const caseTypeMemberCache = new Map<string, string[]>();\n    caseTypeSetMembers.forEach(caseTypeSetMember => {\n      const caseTypeMemberCacheEntry = caseTypeMemberCache.get(caseTypeSetMember.case_type_id);\n\n      if (caseTypeMemberCacheEntry) {\n        if (!caseTypeMemberCacheEntry.includes(caseTypeSetMember.case_type_set_id)) {\n          caseTypeMemberCacheEntry.push(caseTypeSetMember.case_type_set_id);\n        }\n      } else {\n        caseTypeMemberCache.set(caseTypeSetMember.case_type_id, [caseTypeSetMember.case_type_set_id]);\n      }\n    });\n\n    const rows = caseTypes.map<Row>(caseType => {\n      const row: Row = {\n        first_case_date: caseTypeStatsMap.get(caseType.id)?.first_case_date,\n        hasCases: caseTypeStatsMap.get(caseType.id)?.n_cases > 0,\n        id: caseType.id,\n        last_case_date: caseTypeStatsMap.get(caseType.id)?.last_case_date,\n        n_cases: caseTypeStatsMap.get(caseType.id)?.n_cases ?? 0,\n        n_own_cases: caseTypeStatsMap.get(caseType.id)?.n_own_cases ?? 0,\n        name: caseType.name,\n      };\n      caseTypeSetCategoriesQuery.data.forEach((caseTypeSetCategorie) => {\n        row[getCaseTypeSetCategoryRowId(caseTypeSetCategorie.id)] = [];\n      });\n\n      (caseTypeMemberCache.get(caseType.id) ?? []).forEach(caseTypeSetId => {\n        const caseTypeSet = caseTypeSetCache.get(caseTypeSetId);\n        if (caseTypeSet) {\n          (row[getCaseTypeSetCategoryRowId(caseTypeSet.case_type_set_category_id)] as string[]).push(caseTypeSetId);\n        }\n      });\n      return row;\n    });\n    return rows;\n  }, [caseTypeSetCategoriesQuery, caseTypeSetMembers, caseTypeSets, caseTypeStatsMap, caseTypes, error, isLoading]);\n\n  const caseTypeSetCategoryOptions = useMemo(() => {\n    const options: { [key: string]: OptionBase<string>[] } = {};\n\n    caseTypeSetCategoriesQuery.data?.forEach(category => {\n      options[category.id] = caseTypeSets?.filter(set => set.case_type_set_category_id === category.id).sort(DataUtil.rankSortComperatorFactory('name')).map<OptionBase<string>>(set => ({ label: set.name, value: set.id }));\n    });\n    return options;\n  }, [caseTypeSetCategoriesQuery, caseTypeSets]);\n\n  const columns = useMemo<TableColumn<Row>[]>(() => {\n    if (isLoading || error) {\n      return;\n    }\n\n    return [\n      TableUtil.createReadableIndexColumn({\n        getAriaLabel: (params: TableRowParams<Row>) => t('Open case type information for {{name}}', { name: params.row.name }),\n      }),\n      TableUtil.createTextColumn({\n        flex: 1.5,\n        id: 'name',\n        name: t('Name'),\n      }),\n      ...caseTypeSetCategoriesQuery.data.filter(c => c.purpose === CaseDbCaseTypeSetCategoryPurpose.CONTENT).map<TableColumn<Row>>((caseTypeSetCategory: CaseDbCaseTypeSetCategory) => {\n        return {\n          comparatorFactory: TableUtil.createOptionsCellRowComperator,\n          headerName: caseTypeSetCategory.name,\n          id: getCaseTypeSetCategoryRowId(caseTypeSetCategory.id),\n          isInitiallyVisible: true,\n          maxNumOptionsExpanded: Infinity,\n          options: caseTypeSetCategoryOptions[caseTypeSetCategory.id] ?? [],\n          type: 'options',\n          widthFlex: 1,\n        };\n      }),\n      TableUtil.createNumberColumn({ flex: 0.5, id: 'n_cases', name: t('Cases') }),\n      TableUtil.createNumberColumn({ flex: 0.5, id: 'n_own_cases', name: t('Own cases') }),\n      TableUtil.createDateColumn({ dateFormat: DATE_FORMAT.DATE, flex: 0.5, id: 'first_case_date', name: t('First case date') }),\n      TableUtil.createDateColumn({ dateFormat: DATE_FORMAT.DATE, flex: 0.5, id: 'last_case_date', name: t('Last case date') }),\n      TableUtil.createActionsColumn({\n        getActions: (params) => {\n          return [\n            (\n              <MenuItem\n                disabled={!params.row.hasCases}\n                key={'actions1'}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onClick={async () => onShowItemClick(params)}\n              >\n                <ListItemIcon>\n                  <ArrowCircleRightIcon />\n                </ListItemIcon>\n                <ListItemText>\n                  {t`Go to cases`}\n                </ListItemText>\n              </MenuItem>\n            ),\n            (\n              <MenuItem\n                key={'actions2'}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onClick={() => onShowCaseTypeInformationClick(params)}\n              >\n                <ListItemIcon>\n                  <InfoIcon />\n                </ListItemIcon>\n                <ListItemText>\n                  {t`Show case type information`}\n                </ListItemText>\n              </MenuItem>\n            ),\n            (\n              <MenuItem\n                key={'actions3'}\n                // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                onClick={async () => onDownloadExcelTemplateButtonClick(params)}\n              >\n                <ListItemIcon>\n                  <FileDownloadIcon />\n                </ListItemIcon>\n                <ListItemText>\n                  {t`Download Excel template`}\n                </ListItemText>\n              </MenuItem>\n            ),\n          ];\n        },\n        t,\n      }),\n    ] satisfies TableColumn<Row>[];\n  }, [caseTypeSetCategoriesQuery.data, caseTypeSetCategoryOptions, error, isLoading, onDownloadExcelTemplateButtonClick, onShowCaseTypeInformationClick, onShowItemClick, t]);\n\n  const tableStore = useMemo(() => createTableStore<Row>({\n    defaultSortByField: 'name',\n    defaultSortDirection: 'asc',\n    idSelectorCallback: (row) => row.id,\n    isRowEnabledCallback: (row) => row.n_cases > 0,\n    navigatorFunction: RouterService.getInstance().router.navigate,\n    storageNamePostFix: 'cases',\n    storageVersion: 1,\n  }), []);\n\n  useInitializeTableStore({ columns, createFiltersFromColumns: true, rows: data, store: tableStore });\n\n  const getRowName = useCallback((row: Row) => {\n    return row.name;\n  }, []);\n\n  return (\n    <TableStoreContextProvider store={tableStore}>\n      <PageContainer\n        contentActions={(<TableMenu />)}\n        contentHeader={(\n          <TableCaption\n            caption={t`Cases`}\n            component={'h2'}\n            variant={'h2'}\n          />\n        )}\n        fullWidth\n        showBreadcrumbs\n        testIdAttributes={TestIdUtil.createAttributes('CasesPage')}\n        title={t`Cases`}\n      >\n        <Box\n          sx={{\n            height: '100%',\n            position: 'relative',\n          }}\n        >\n          <ResponseHandler\n            error={error}\n            isLoading={isLoading}\n          >\n            {caseTypes?.length === 0 && (\n              <Box\n                sx={{\n                  alignItems: 'center',\n                  display: 'flex',\n                  flexDirection: 'column',\n                }}\n              >\n                <Typography variant={'h6'}>\n                  {t`No cases found`}\n                </Typography>\n              </Box>\n            )}\n            {caseTypes?.length > 0 && (\n              <>\n                <TableSidebarMenu />\n                <Box\n                  sx={{\n                    height: '100%',\n                    paddingLeft: theme.spacing(ConfigService.getInstance().config.layout.SIDEBAR_MENU_WIDTH + 1),\n                    width: '100%',\n                  }}\n                >\n                  <Table\n                    getRowName={getRowName}\n                    onReadableIndexClick={onIndexCellClick}\n                    onRowClick={onRowClick}\n                  />\n                </Box>\n              </>\n            )}\n          </ResponseHandler>\n        </Box>\n        <CaseTypeInfoDialogWithLoader ref={caseTypeInfoDialogWithLoaderRef} />\n      </PageContainer>\n    </TableStoreContextProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,IAAM,KAA+B,MAAe,uBAAuB,KAE9D,UAAkB;CAC7B,IAAM,EAAE,SAAM,EAAe,GACvB,IAAQ,GAAS,GACjB,IAAkC,EAA+C,IAAI,GACrF,IAAqB,EAAsB,GAC3C,IAA6B,EAA8B,GAE3D,EAAE,MAAM,GAAW,OAAO,GAAgB,WAAW,MAAuB,EAAa;EAC7F,SAAS,OAAO,EAAE,iBAET,MADgB,EAAc,YAAY,CAAC,CAAC,gBAAgB,MAAM,MAAM,EAAE,UAAO,CAAC,EAAA,CACzE;EAElB,UAAU,EAAmB,YAAY,CAAC,CAAC,cAAc,EAAiB,UAAU;CACtF,CAAC,GAEK,IAAmB,QAChB,IAAI,IAA6B,EAAmB,MAAM,KAAI,MAAQ,CAAC,EAAK,cAAc,CAAI,CAAC,CAAC,GACtG,CAAC,CAAkB,CAAC,GAGjB,EAAE,MAAM,GAAc,OAAO,IAAmB,WAAW,MAA0B,EAAa;EACtG,SAAS,OAAO,EAAE,iBAET,MADgB,EAAc,YAAY,CAAC,CAAC,mBAAmB,MAAM,MAAM,EAAE,UAAO,CAAC,EAAA,CAC5E;EAElB,UAAU,EAAmB,YAAY,CAAC,CAAC,cAAc,EAAiB,cAAc;CAC1F,CAAC,GAEK,EAAE,MAAM,GAAoB,OAAO,IAAyB,WAAW,OAAgC,EAAa;EACxH,SAAS,OAAO,EAAE,iBAET,MADgB,EAAc,YAAY,CAAC,CAAC,yBAAyB,MAAM,MAAM,EAAE,UAAO,CAAC,EAAA,CAClF;EAElB,UAAU,EAAmB,YAAY,CAAC,CAAC,cAAc,EAAiB,qBAAqB;CACjG,CAAC,GAEK,IAAY,KAAsB,KAAyB,MAA+B,EAA2B,aAAa,EAAmB,WACrJ,IAAQ,KAAkB,MAAqB,MAA2B,EAA2B,SAAS,EAAmB,OAEjI,IAAuB,EAAY,OAAO,MAAkB;EAChE,MAAM,EAAc,YAAY,CAAC,CAAC,OAAO,SAAS,EAAa,mBAAmB,CAAQ,CAAC;CAC7F,GAAG,CAAC,CAAC,GAEC,KAAa,EAAY,OAAO,MAAgC;EACpE,MAAM,EAAqB,EAAO,GAAG;CACvC,GAAG,CAAC,CAAoB,CAAC,GAEnB,IAAkB,EAAY,OAAO,MAAgC;EACzE,MAAM,EAAqB,EAAO,GAAG;CACvC,GAAG,CAAC,CAAoB,CAAC,GAEnB,IAAiC,GAAa,MAAgC;EAClF,EAAgC,QAAQ,KAAK,EAC3C,YAAY,EAAO,IAAI,GACzB,CAAC;CACH,GAAG,CAAC,CAAC,GAEC,IAAqC,EAAY,OAAO,MAAgC;EAC5F,MAAM,EAAmB,sBAAsB,EAAO,IAAI,IAAI,CAAC;CACjE,GAAG,CAAC,CAAC,CAAC,GAEA,KAAmB,GAAa,MAAa;EACjD,EAAgC,QAAQ,KAAK,EAC3C,YAAY,EAAI,GAClB,CAAC;CACH,GAAG,CAAC,CAAC,GAEC,KAAO,QAAqB;EAChC,IAAI,KAAa,GACf;EAGF,IAAM,oBAAmB,IAAI,IAA+B;EAC5D,EAAa,SAAQ,MAAe;GAClC,EAAiB,IAAI,EAAY,IAAI,CAAW;EAClD,CAAC;EAED,IAAM,oBAAsB,IAAI,IAAsB;EAmCtD,OAlCA,EAAmB,SAAQ,MAAqB;GAC9C,IAAM,IAA2B,EAAoB,IAAI,EAAkB,YAAY;GAEvF,AAAI,IACG,EAAyB,SAAS,EAAkB,gBAAgB,KACvE,EAAyB,KAAK,EAAkB,gBAAgB,IAGlE,EAAoB,IAAI,EAAkB,cAAc,CAAC,EAAkB,gBAAgB,CAAC;EAEhG,CAAC,GAEY,EAAU,KAAS,MAAY;GAC1C,IAAM,IAAW;IACf,iBAAiB,EAAiB,IAAI,EAAS,EAAE,CAAC,EAAE;IACpD,UAAU,EAAiB,IAAI,EAAS,EAAE,CAAC,EAAE,UAAU;IACvD,IAAI,EAAS;IACb,gBAAgB,EAAiB,IAAI,EAAS,EAAE,CAAC,EAAE;IACnD,SAAS,EAAiB,IAAI,EAAS,EAAE,CAAC,EAAE,WAAW;IACvD,aAAa,EAAiB,IAAI,EAAS,EAAE,CAAC,EAAE,eAAe;IAC/D,MAAM,EAAS;GACjB;GAWA,OAVA,EAA2B,KAAK,SAAS,MAAyB;IAChE,EAAI,EAA4B,EAAqB,EAAE,KAAK,CAAC;GAC/D,CAAC,IAEA,EAAoB,IAAI,EAAS,EAAE,KAAK,CAAC,EAAA,CAAG,SAAQ,MAAiB;IACpE,IAAM,IAAc,EAAiB,IAAI,CAAa;IACtD,AAAI,KACF,EAAK,EAA4B,EAAY,yBAAyB,EAAE,CAAc,KAAK,CAAa;GAE5G,CAAC,GACM;EACT,CACO;CACT,GAAG;EAAC;EAA4B;EAAoB;EAAc;EAAkB;EAAW;EAAO;CAAS,CAAC,GAE1G,IAA6B,QAAc;EAC/C,IAAM,IAAmD,CAAC;EAK1D,OAHA,EAA2B,MAAM,SAAQ,MAAY;GACnD,EAAQ,EAAS,MAAM,GAAc,QAAO,MAAO,EAAI,8BAA8B,EAAS,EAAE,CAAC,CAAC,KAAK,GAAS,0BAA0B,MAAM,CAAC,CAAC,CAAC,KAAwB,OAAQ;IAAE,OAAO,EAAI;IAAM,OAAO,EAAI;GAAG,EAAE;EACxN,CAAC,GACM;CACT,GAAG,CAAC,GAA4B,CAAY,CAAC,GAEvC,KAAU,QAAkC;EAC5C,WAAa,IAIjB,OAAO;GACL,EAAU,0BAA0B,EAClC,eAAe,MAAgC,EAAE,2CAA2C,EAAE,MAAM,EAAO,IAAI,KAAK,CAAC,EACvH,CAAC;GACD,EAAU,iBAAiB;IACzB,MAAM;IACN,IAAI;IACJ,MAAM,EAAE,MAAM;GAChB,CAAC;GACD,GAAG,EAA2B,KAAK,QAAO,MAAK,EAAE,YAAY,EAAiC,OAAO,CAAC,CAAC,KAAuB,OACrH;IACL,mBAAmB,EAAU;IAC7B,YAAY,EAAoB;IAChC,IAAI,EAA4B,EAAoB,EAAE;IACtD,oBAAoB;IACpB,uBAAuB;IACvB,SAAS,EAA2B,EAAoB,OAAO,CAAC;IAChE,MAAM;IACN,WAAW;GACb,EACD;GACD,EAAU,mBAAmB;IAAE,MAAM;IAAK,IAAI;IAAW,MAAM,EAAE,OAAO;GAAE,CAAC;GAC3E,EAAU,mBAAmB;IAAE,MAAM;IAAK,IAAI;IAAe,MAAM,EAAE,WAAW;GAAE,CAAC;GACnF,EAAU,iBAAiB;IAAE,YAAY,EAAY;IAAM,MAAM;IAAK,IAAI;IAAmB,MAAM,EAAE,iBAAiB;GAAE,CAAC;GACzH,EAAU,iBAAiB;IAAE,YAAY,EAAY;IAAM,MAAM;IAAK,IAAI;IAAkB,MAAM,EAAE,gBAAgB;GAAE,CAAC;GACvH,EAAU,oBAAoB;IAC5B,aAAa,MACJ;KAEH,kBAAC,GAAD;MACE,UAAU,CAAC,EAAO,IAAI;MAGtB,SAAS,YAAY,EAAgB,CAAM;gBAJ7C,CAME,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAuB,CAAA,EACX,CAAA,GACd,kBAAC,GAAD,EAAA,UACG,CAAC,cACU,CAAA,CACN;QAVH,UAUG;KAGV,kBAAC,GAAD;MAGE,eAAe,EAA+B,CAAM;gBAHtD,CAKE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAW,CAAA,EACC,CAAA,GACd,kBAAC,GAAD,EAAA,UACG,CAAC,6BACU,CAAA,CACN;QAVH,UAUG;KAGV,kBAAC,GAAD;MAGE,SAAS,YAAY,EAAmC,CAAM;gBAHhE,CAKE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAmB,CAAA,EACP,CAAA,GACd,kBAAC,GAAD,EAAA,UACG,CAAC,0BACU,CAAA,CACN;QAVH,UAUG;IAEd;IAEF;GACF,CAAC;EACH;CACF,GAAG;EAAC,EAA2B;EAAM;EAA4B;EAAO;EAAW;EAAoC;EAAgC;EAAiB;CAAC,CAAC,GAEpK,IAAa,QAAc,EAAsB;EACrD,oBAAoB;EACpB,sBAAsB;EACtB,qBAAqB,MAAQ,EAAI;EACjC,uBAAuB,MAAQ,EAAI,UAAU;EAC7C,mBAAmB,EAAc,YAAY,CAAC,CAAC,OAAO;EACtD,oBAAoB;EACpB,gBAAgB;CAClB,CAAC,GAAG,CAAC,CAAC;CAEN,GAAwB;EAAE;EAAS,0BAA0B;EAAM,MAAM;EAAM,OAAO;CAAW,CAAC;CAElG,IAAM,KAAa,GAAa,MACvB,EAAI,MACV,CAAC,CAAC;CAEL,OACE,kBAAC,GAAD;EAA2B,OAAO;YAChC,kBAAC,GAAD;GACE,gBAAiB,kBAAC,IAAD,CAAY,CAAA;GAC7B,eACE,kBAAC,IAAD;IACE,SAAS,CAAC;IACV,WAAW;IACX,SAAS;GACV,CAAA;GAEH,WAAA;GACA,iBAAA;GACA,kBAAkB,GAAW,iBAAiB,WAAW;GACzD,OAAO,CAAC;aAZV,CAcE,kBAAC,GAAD;IACE,IAAI;KACF,QAAQ;KACR,UAAU;IACZ;cAEA,kBAAC,GAAD;KACS;KACI;eAFb,CAIG,GAAW,WAAW,KACrB,kBAAC,GAAD;MACE,IAAI;OACF,YAAY;OACZ,SAAS;OACT,eAAe;MACjB;gBAEA,kBAAC,GAAD;OAAY,SAAS;iBAClB,CAAC;MACQ,CAAA;KACT,CAAA,GAEN,GAAW,SAAS,KACnB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,IAAD,CAAmB,CAAA,GACnB,kBAAC,GAAD;MACE,IAAI;OACF,QAAQ;OACR,aAAa,EAAM,QAAQ,EAAc,YAAY,CAAC,CAAC,OAAO,OAAO,qBAAqB,CAAC;OAC3F,OAAO;MACT;gBAEA,kBAAC,IAAD;OACc;OACZ,sBAAsB;OACV;MACb,CAAA;KACE,CAAA,CACL,EAAA,CAAA,CAEW;;GACd,CAAA,GACL,kBAAC,GAAD,EAA8B,KAAK,EAAkC,CAAA,CACxD;;CACU,CAAA;AAE/B"}

package/dist/pages/ColSetsAdminPage/ColSetsAdminPage.d.ts

@@ -0,0 +1 @@
+export declare const ColSetsAdminPage: () => import("react").JSX.Element;

package/dist/pages/ColSetsAdminPage/index.d.ts

@@ -0,0 +1 @@
+export * from './ColSetsAdminPage';

package/dist/pages/ColSetsAdminPage/index.js

@@ -0,0 +1,109 @@
+import { h as e } from "../../_chunks/_MapCache.js";
+import { CASEDB_QUERY_KEY as t } from "../../constants/query.js";
+import { useColOptionsQuery as n } from "../../dataHooks/useColsQuery/index.js";
+import { t as r } from "../../_chunks/omit.js";
+import { useColSetMembersQuery as i } from "../../dataHooks/useColSetMembersQuery/index.js";
+import { array 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";
+import { FORM_FIELD_DEFINITION_TYPE as d } from "@gen-epix/ui-form/models/form";
+import { useCallback as f, useMemo as p } from "react";
+import { useTranslation as m } from "react-i18next";
+import { jsx as h } from "react/jsx-runtime";
+import { useArray as g } from "@gen-epix/ui-core/hooks/useArray";
+import { TableUtil as _ } from "@gen-epix/ui/utils/TableUtil";
+import { TestIdUtil as v } from "@gen-epix/ui-core/utils/TestIdUtil";
+import { SchemaUtil as y } from "@gen-epix/ui-form/utils/SchemaUtil";
+import { CrudPage as b } from "@gen-epix/ui/pages/CrudPage";
+//#region src/pages/ColSetsAdminPage/ColSetsAdminPage.tsx
+var x = /* @__PURE__ */ e(r(), 1), S = () => {
+	let { t: e } = m(), r = n(), S = i(), C = g([r, S]), w = f(async (e) => (await c.getInstance().colSetsGetAll(null, null, { signal: e }))?.data, []), T = f(async (e) => await c.getInstance().colSetsDeleteOne(e.id), []), E = f(async (e, t) => (await c.getInstance().colSetsPutCols(t.id, { col_set_members: e.colIds.map((e) => ({
+		col_id: e,
+		col_set_id: t.id
+	})) }), (await c.getInstance().colSetsPutOne(t.id, (0, x.default)({
+		id: t.id,
+		...e
+	}, ["colIds"]))).data), []), D = f(async (e) => {
+		let t = (await c.getInstance().colSetsPostOne((0, x.default)(e, ["colIds"]))).data;
+		return await c.getInstance().colSetsPutCols(t.id, { col_set_members: e.colIds.map((e) => ({
+			col_id: e,
+			col_set_id: t.id
+		})) }), t;
+	}, []), O = f((e) => e.name, []), k = p(() => o().shape({
+		colIds: a().of(s().uuid4()).min(1).required(),
+		description: y.description,
+		name: y.name
+	}), []), A = p(() => [
+		{
+			definition: d.TEXTFIELD,
+			label: e`Name`,
+			name: "name"
+		},
+		{
+			definition: d.TEXTFIELD,
+			label: e`Description`,
+			multiline: !0,
+			name: "description",
+			rows: 5
+		},
+		{
+			definition: d.TRANSFER_LIST,
+			label: e`Columns`,
+			loading: r.isLoading,
+			name: "colIds",
+			options: r.options
+		}
+	], [
+		r.isLoading,
+		r.options,
+		e
+	]), j = p(() => [_.createTextColumn({
+		id: "name",
+		name: e`Name`
+	}), {
+		displayValueGetter: (e) => `${e.row.colIds.length} / ${r.options.length}`,
+		headerName: e`Column count`,
+		id: "numCols",
+		isInitiallyVisible: !0,
+		textAlign: "right",
+		type: "number",
+		valueGetter: (e) => e.row.colIds.length,
+		widthFlex: .5
+	}], [r.options.length, e]), M = p(() => [{
+		command_name: l.ColSetColUpdateAssociationCommand,
+		permission_type: u.EXECUTE
+	}], []), N = f((e) => !e || !S.data ? [] : e.map((e) => {
+		let t = S.data.filter((t) => t.col_set_id === e.id).map((e) => e.col_id);
+		return {
+			...e,
+			colIds: t
+		};
+	}), [S.data]);
+	return /* @__PURE__ */ h(b, {
+		associationQueryKeys: p(() => [[t.COL_SET_MEMBERS]], []),
+		convertToTableData: N,
+		createItemDialogTitle: e`Create new column set`,
+		createOne: D,
+		crudCommandType: l.ColSetCrudCommand,
+		defaultSortByField: "name",
+		defaultSortDirection: "asc",
+		deleteOne: T,
+		extraCreateOnePermissions: M,
+		extraDeleteOnePermissions: M,
+		extraUpdateOnePermissions: M,
+		fetchAll: w,
+		formFieldDefinitions: A,
+		getName: O,
+		itemName: e`Column set`,
+		loadables: C,
+		resourceQueryKeyBase: t.COL_SETS,
+		schema: k,
+		tableColumns: j,
+		testIdAttributes: v.createAttributes("ColSetsAdminPage"),
+		title: e`Column sets`,
+		updateOne: E
+	});
+};
+//#endregion
+export { S as ColSetsAdminPage };
+
+//# sourceMappingURL=index.js.map

package/dist/pages/ColSetsAdminPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/ColSetsAdminPage/ColSetsAdminPage.tsx"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  array,\n  object,\n  string,\n} from 'yup';\nimport omit from 'lodash/omit';\nimport type {\n  CaseDbApiPermission,\n  CaseDbColSet,\n  CaseDbColSetMember,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbCaseApi,\n  CaseDbCommandName,\n  CaseDbPermissionType,\n} from '@gen-epix/api-casedb';\nimport type { OmitWithMetaData } from '@gen-epix/ui/models/data';\nimport type { TableColumn } from '@gen-epix/ui/models/table';\nimport { CrudPage } from '@gen-epix/ui/pages/CrudPage';\nimport { TableUtil } from '@gen-epix/ui/utils/TableUtil';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\nimport type { FormFieldDefinition } from '@gen-epix/ui-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-form/models/form';\nimport { SchemaUtil } from '@gen-epix/ui-form/utils/SchemaUtil';\n\nimport { useColOptionsQuery } from '../../dataHooks/useColsQuery';\nimport { useColSetMembersQuery } from '../../dataHooks/useColSetMembersQuery';\nimport { CASEDB_QUERY_KEY } from '../../constants/query';\n\ntype FormFields = OmitWithMetaData<TableData>;\n\ntype TableData = { colIds: string[] } & CaseDbColSet;\n\nexport const ColSetsAdminPage = () => {\n  const { t } = useTranslation();\n\n  const colOptionsQuery = useColOptionsQuery();\n  const colSetMembersQuery = useColSetMembersQuery();\n\n  const loadables = useArray([colOptionsQuery, colSetMembersQuery]);\n\n  const fetchAll = useCallback(async (signal: AbortSignal) => {\n    return (await CaseDbCaseApi.getInstance().colSetsGetAll(null, null, { signal }))?.data;\n  }, []);\n\n  const deleteOne = useCallback(async (item: CaseDbColSet) => {\n    return await CaseDbCaseApi.getInstance().colSetsDeleteOne(item.id);\n  }, []);\n\n  const updateOne = useCallback(async (variables: FormFields, item: CaseDbColSet) => {\n    await CaseDbCaseApi.getInstance().colSetsPutCols(item.id, {\n      col_set_members: variables.colIds.map<CaseDbColSetMember>(col_id => ({\n        col_id,\n        col_set_id: item.id,\n      })),\n    });\n\n    return (await CaseDbCaseApi.getInstance().colSetsPutOne(item.id, omit({ id: item.id, ...variables }, ['colIds']))).data;\n  }, []);\n\n  const createOne = useCallback(async (variables: FormFields) => {\n    const resultItem = (await CaseDbCaseApi.getInstance().colSetsPostOne(omit(variables, ['colIds']))).data;\n    await CaseDbCaseApi.getInstance().colSetsPutCols(resultItem.id, {\n      col_set_members: variables.colIds.map<CaseDbColSetMember>(col_id => ({\n        col_id,\n        col_set_id: resultItem.id,\n      })),\n    });\n\n    return resultItem;\n  }, []);\n\n  const getName = useCallback((item: CaseDbColSet) => {\n    return item.name;\n  }, []);\n\n  const schema = useMemo(() => {\n    return object<FormFields>().shape({\n      colIds: array().of(string().uuid4()).min(1).required(),\n      description: SchemaUtil.description,\n      name: SchemaUtil.name,\n    });\n  }, []);\n\n  const formFieldDefinitions = useMemo<FormFieldDefinition<FormFields>[]>(() => {\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Name`,\n        name: 'name',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Description`,\n        multiline: true,\n        name: 'description',\n        rows: 5,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TRANSFER_LIST,\n        label: t`Columns`,\n        loading: colOptionsQuery.isLoading,\n        name: 'colIds',\n        options: colOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const;\n  }, [colOptionsQuery.isLoading, colOptionsQuery.options, t]);\n\n  const tableColumns = useMemo((): TableColumn<TableData>[] => {\n    return [\n      TableUtil.createTextColumn<TableData>({ id: 'name', name: t`Name` }),\n      {\n        displayValueGetter: (item) => `${item.row.colIds.length} / ${colOptionsQuery.options.length}`,\n        headerName: t`Column count`,\n        id: 'numCols',\n        isInitiallyVisible: true,\n        textAlign: 'right',\n        type: 'number',\n        valueGetter: (item) => item.row.colIds.length,\n        widthFlex: 0.5,\n      },\n    ];\n  }, [colOptionsQuery.options.length, t]);\n\n  const extraPermissions = useMemo<CaseDbApiPermission[]>(() => [\n    { command_name: CaseDbCommandName.ColSetColUpdateAssociationCommand, permission_type: CaseDbPermissionType.EXECUTE },\n  ], []);\n\n  const convertToTableData = useCallback((items: CaseDbColSet[]) => {\n    if (!items || !colSetMembersQuery.data) {\n      return [];\n    }\n    return items.map<TableData>((item) => {\n      const colIds = colSetMembersQuery.data.filter(member => member.col_set_id === item.id).map(member => member.col_id);\n      return {\n        ...item,\n        colIds,\n      } satisfies TableData;\n    });\n  }, [colSetMembersQuery.data]);\n\n  const associationQueryKeys = useMemo(() => [\n    [CASEDB_QUERY_KEY.COL_SET_MEMBERS],\n  ], []);\n\n  return (\n    <CrudPage<FormFields, CaseDbColSet, TableData, CASEDB_QUERY_KEY, CaseDbApiPermission>\n      associationQueryKeys={associationQueryKeys}\n      convertToTableData={convertToTableData}\n      createItemDialogTitle={t`Create new column set`}\n      createOne={createOne}\n      crudCommandType={CaseDbCommandName.ColSetCrudCommand}\n      defaultSortByField={'name'}\n      defaultSortDirection={'asc'}\n      deleteOne={deleteOne}\n      extraCreateOnePermissions={extraPermissions}\n      extraDeleteOnePermissions={extraPermissions}\n      extraUpdateOnePermissions={extraPermissions}\n      fetchAll={fetchAll}\n      formFieldDefinitions={formFieldDefinitions}\n      getName={getName}\n      itemName={t`Column set`}\n      loadables={loadables}\n      resourceQueryKeyBase={CASEDB_QUERY_KEY.COL_SETS}\n      schema={schema}\n      tableColumns={tableColumns}\n      testIdAttributes={TestIdUtil.createAttributes('ColSetsAdminPage')}\n      title={t`Column sets`}\n      updateOne={updateOne}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/pages/ColsAdminPage/ColsAdminPage.d.ts

@@ -0,0 +1 @@
+export declare const ColsAdminPage: () => import("react").JSX.Element;

package/dist/pages/ColsAdminPage/index.d.ts

@@ -0,0 +1 @@
+export * from './ColsAdminPage';