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

package/dist/components/form/fields/ArrangementEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/form/fields/ArrangementEditor/ArrangementEditor.tsx"],"sourcesContent":["/* eslint-disable react-hooks/immutability */\nimport type {\n  ChangeEvent,\n  ReactElement,\n} from 'react';\nimport {\n  Fragment,\n  useCallback,\n  useId,\n} from 'react';\nimport {\n  Box,\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  FormLabel,\n  RadioGroup as MuiRadioGroup,\n  Radio,\n  useTheme,\n} from '@mui/material';\nimport type {\n  FieldValues,\n  Path,\n  PathValue,\n  UseControllerReturn,\n} from 'react-hook-form';\nimport {\n  Controller,\n  useFormContext,\n} from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { StringUtil } from '@gen-epix/ui-core/utils/StringUtil';\nimport { FormFieldHelperText } from '@gen-epix/ui-form/components/helpers/FormFieldHelperText';\nimport { FormFieldLoadingIndicator } from '@gen-epix/ui-form/components/helpers/FormFieldLoadingIndicator';\nimport { FormUtil } from '@gen-epix/ui-form/utils/FormUtil';\n\nimport { DASHBOARD_ARRANGEMENT_ORIENTATION } from '../../../../models/dashboard';\nimport type { DashboardArrangement } from '../../../../models/dashboard';\n\nexport type ArrangementEditorProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = {\n  readonly disabled?: boolean;\n  readonly infoMessage?: string;\n  readonly label: string;\n  readonly loading?: boolean;\n  readonly name: TName;\n  readonly onChange?: (value: string) => void;\n  readonly options: { [key: string]: DashboardArrangement };\n  readonly required?: boolean;\n  readonly warningMessage?: string;\n};\n\nexport const ArrangementEditor = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({\n  disabled,\n  infoMessage,\n  label,\n  loading,\n  name,\n  onChange: onChangeProp,\n  options,\n  required,\n  warningMessage,\n}: ArrangementEditorProps<TFieldValues, TName>): ReactElement => {\n  const { t } = useTranslation();\n  const theme = useTheme();\n  const id = useId();\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const errorMessage = FormUtil.getFieldErrorMessage(errors, name);\n  const hasError = !!errorMessage;\n\n  const renderArrangement = useCallback((option: DashboardArrangement) => {\n    const direction: 'column' | 'row' = option.orientation === DASHBOARD_ARRANGEMENT_ORIENTATION.HORIZONTAL ? 'row' : 'column';\n    const gridTemplate = option.cells.map((cell) => `${cell.size}fr`).join(' ');\n\n    return (\n      <Box\n        data-direction={direction}\n        sx={{\n          display: 'grid',\n          gap: theme.spacing(0.5),\n          gridTemplateColumns: direction === 'row' ? gridTemplate : undefined,\n          gridTemplateRows: direction === 'column' ? gridTemplate : undefined,\n          height: '100%',\n          width: '100%',\n        }}\n      >\n        {option.cells.map((subOption, subIndex) => (\n          <Fragment\n            key={StringUtil.createHash(JSON.stringify({ subIndex, subOption }))}\n          >\n            {'name' in subOption\n              ? (\n                <Box\n                  sx={{\n                    backgroundColor: theme.palette.primary.main,\n                    borderRadius: 0.5,\n                    height: '100%',\n                    width: '100%',\n                  }}\n                />\n              )\n              : renderArrangement(subOption)}\n          </Fragment>\n        ))}\n      </Box>\n    );\n  }, [theme]);\n\n  const onRadioGroupChange = useCallback(\n    (onChange: UseControllerReturn<TFieldValues, TName>['field']['onChange']) =>\n      (_event: ChangeEvent<HTMLInputElement>, newValue: string) => {\n        if (options[newValue] !== undefined) {\n          if (onChangeProp) {\n            onChangeProp(newValue);\n          }\n          onChange(newValue);\n        }\n      },\n    [options, onChangeProp],\n  );\n\n  const renderController = useCallback(({ field: { onBlur, onChange, value } }: UseControllerReturn<TFieldValues, TName>) => {\n    return (\n      <FormControl\n        component={'fieldset'}\n        error={hasError}\n        {...TestIdUtil.createAttributes('ArrangementEditor', { label, name })}\n        fullWidth\n        sx={{\n          '&:hover legend button, &:focus-within legend button': {\n            display: 'initial',\n          },\n          'legend button': {\n            display: 'none',\n          },\n        }}\n      >\n        <FormLabel\n          component={'legend'}\n          disabled={disabled || loading}\n          id={id}\n          required={required}\n        >\n          {label}\n        </FormLabel>\n        {!loading && (\n          <MuiRadioGroup\n            aria-labelledby={id}\n            onBlur={onBlur}\n            onChange={onRadioGroupChange(onChange)}\n            row\n            value={typeof value === 'string' ? value : ''}\n          >\n            <Box\n              sx={{\n                display: 'flex',\n                flexWrap: 'wrap',\n                gap: 1,\n                marginTop: 1,\n              }}\n            >\n              {Object.entries(options).map(([key, option], index) => (\n                <Box\n                  key={key}\n                  sx={{\n                    alignItems: 'center',\n                    display: 'flex',\n                    flexDirection: 'column',\n                  }}\n                >\n                  <Box\n                    aria-hidden\n                    sx={{\n                      height: '90px',\n                      width: '160px',\n                    }}\n                  >\n                    {renderArrangement(option)}\n                  </Box>\n                  <FormControlLabel\n                    control={<Radio />}\n                    label={t('Option {{n}}', { n: index + 1 })}\n                    sx={{ m: 0 }}\n                    value={key}\n                  />\n                </Box>\n              ))}\n            </Box>\n          </MuiRadioGroup>\n        )}\n        {!!loading && <FormFieldLoadingIndicator inline />}\n        <FormHelperText sx={{ ml: 0 }}>\n          <FormFieldHelperText\n            errorMessage={errorMessage}\n            infoMessage={infoMessage}\n            noIndent\n            warningMessage={warningMessage}\n          />\n        </FormHelperText>\n      </FormControl>\n    );\n  }, [hasError, label, name, disabled, loading, id, required, t, options, errorMessage, infoMessage, warningMessage, renderArrangement, onRadioGroupChange]);\n\n  return (\n    <Controller\n      control={control}\n      defaultValue={'' as PathValue<TFieldValues, TName>}\n      name={name}\n      render={renderController}\n    />\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/form/fields/ArrangementEditor/ArrangementEditor.tsx"],"sourcesContent":["/* eslint-disable react-hooks/immutability */\nimport type {\n  ChangeEvent,\n  ReactElement,\n} from 'react';\nimport {\n  Fragment,\n  useCallback,\n  useId,\n} from 'react';\nimport {\n  Box,\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  FormLabel,\n  RadioGroup as MuiRadioGroup,\n  Radio,\n  useTheme,\n} from '@mui/material';\nimport type {\n  FieldValues,\n  Path,\n  PathValue,\n  UseControllerReturn,\n} from 'react-hook-form';\nimport {\n  Controller,\n  useFormContext,\n} from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { StringUtil } from '@gen-epix/ui-core/utils/StringUtil';\nimport { FormFieldHelperText } from '@gen-epix/ui-core-form/components/helpers/FormFieldHelperText';\nimport { FormFieldLoadingIndicator } from '@gen-epix/ui-core-form/components/helpers/FormFieldLoadingIndicator';\nimport { FormUtil } from '@gen-epix/ui-core-form/utils/FormUtil';\n\nimport { DASHBOARD_ARRANGEMENT_ORIENTATION } from '../../../../models/dashboard';\nimport type { DashboardArrangement } from '../../../../models/dashboard';\n\nexport type ArrangementEditorProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = {\n  readonly disabled?: boolean;\n  readonly infoMessage?: string;\n  readonly label: string;\n  readonly loading?: boolean;\n  readonly name: TName;\n  readonly onChange?: (value: string) => void;\n  readonly options: { [key: string]: DashboardArrangement };\n  readonly required?: boolean;\n  readonly warningMessage?: string;\n};\n\nexport const ArrangementEditor = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({\n  disabled,\n  infoMessage,\n  label,\n  loading,\n  name,\n  onChange: onChangeProp,\n  options,\n  required,\n  warningMessage,\n}: ArrangementEditorProps<TFieldValues, TName>): ReactElement => {\n  const { t } = useTranslation();\n  const theme = useTheme();\n  const id = useId();\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const errorMessage = FormUtil.getFieldErrorMessage(errors, name);\n  const hasError = !!errorMessage;\n\n  const renderArrangement = useCallback((option: DashboardArrangement) => {\n    const direction: 'column' | 'row' = option.orientation === DASHBOARD_ARRANGEMENT_ORIENTATION.HORIZONTAL ? 'row' : 'column';\n    const gridTemplate = option.cells.map((cell) => `${cell.size}fr`).join(' ');\n\n    return (\n      <Box\n        data-direction={direction}\n        sx={{\n          display: 'grid',\n          gap: theme.spacing(0.5),\n          gridTemplateColumns: direction === 'row' ? gridTemplate : undefined,\n          gridTemplateRows: direction === 'column' ? gridTemplate : undefined,\n          height: '100%',\n          width: '100%',\n        }}\n      >\n        {option.cells.map((subOption, subIndex) => (\n          <Fragment\n            key={StringUtil.createHash(JSON.stringify({ subIndex, subOption }))}\n          >\n            {'name' in subOption\n              ? (\n                <Box\n                  sx={{\n                    backgroundColor: theme.palette.primary.main,\n                    borderRadius: 0.5,\n                    height: '100%',\n                    width: '100%',\n                  }}\n                />\n              )\n              : renderArrangement(subOption)}\n          </Fragment>\n        ))}\n      </Box>\n    );\n  }, [theme]);\n\n  const onRadioGroupChange = useCallback(\n    (onChange: UseControllerReturn<TFieldValues, TName>['field']['onChange']) =>\n      (_event: ChangeEvent<HTMLInputElement>, newValue: string) => {\n        if (options[newValue] !== undefined) {\n          if (onChangeProp) {\n            onChangeProp(newValue);\n          }\n          onChange(newValue);\n        }\n      },\n    [options, onChangeProp],\n  );\n\n  const renderController = useCallback(({ field: { onBlur, onChange, value } }: UseControllerReturn<TFieldValues, TName>) => {\n    return (\n      <FormControl\n        component={'fieldset'}\n        error={hasError}\n        {...TestIdUtil.createAttributes('ArrangementEditor', { label, name })}\n        fullWidth\n        sx={{\n          '&:hover legend button, &:focus-within legend button': {\n            display: 'initial',\n          },\n          'legend button': {\n            display: 'none',\n          },\n        }}\n      >\n        <FormLabel\n          component={'legend'}\n          disabled={disabled || loading}\n          id={id}\n          required={required}\n        >\n          {label}\n        </FormLabel>\n        {!loading && (\n          <MuiRadioGroup\n            aria-labelledby={id}\n            onBlur={onBlur}\n            onChange={onRadioGroupChange(onChange)}\n            row\n            value={typeof value === 'string' ? value : ''}\n          >\n            <Box\n              sx={{\n                display: 'flex',\n                flexWrap: 'wrap',\n                gap: 1,\n                marginTop: 1,\n              }}\n            >\n              {Object.entries(options).map(([key, option], index) => (\n                <Box\n                  key={key}\n                  sx={{\n                    alignItems: 'center',\n                    display: 'flex',\n                    flexDirection: 'column',\n                  }}\n                >\n                  <Box\n                    aria-hidden\n                    sx={{\n                      height: '90px',\n                      width: '160px',\n                    }}\n                  >\n                    {renderArrangement(option)}\n                  </Box>\n                  <FormControlLabel\n                    control={<Radio />}\n                    label={t('Option {{n}}', { n: index + 1 })}\n                    sx={{ m: 0 }}\n                    value={key}\n                  />\n                </Box>\n              ))}\n            </Box>\n          </MuiRadioGroup>\n        )}\n        {!!loading && <FormFieldLoadingIndicator inline />}\n        <FormHelperText sx={{ ml: 0 }}>\n          <FormFieldHelperText\n            errorMessage={errorMessage}\n            infoMessage={infoMessage}\n            noIndent\n            warningMessage={warningMessage}\n          />\n        </FormHelperText>\n      </FormControl>\n    );\n  }, [hasError, label, name, disabled, loading, id, required, t, options, errorMessage, infoMessage, warningMessage, renderArrangement, onRadioGroupChange]);\n\n  return (\n    <Controller\n      control={control}\n      defaultValue={'' as PathValue<TFieldValues, TName>}\n      name={name}\n      render={renderController}\n    />\n  );\n};\n"],"mappings":"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"}

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

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

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

@@ -1,4 +1,4 @@
-import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui-core-components/hoc/withDialog';
 import { CaseDbCase } from '@gen-epix/api-casedb';
 import { CaseContentFormProps } from '../CaseContentForm/CaseContentForm';
 export interface CaseContentFormDialogProps extends WithDialogRenderProps<CaseFormDialogOpenProps> {
@@ -6,4 +6,4 @@ export interface CaseContentFormDialogProps extends WithDialogRenderProps<CaseFo
 }
 export type CaseContentFormDialogRefMethods = WithDialogRefMethods<CaseContentFormDialogProps, CaseFormDialogOpenProps>;
 export type CaseFormDialogOpenProps = Omit<CaseContentFormProps, 'onSubmit'>;
-export declare const CaseContentFormDialog: import('react').ComponentClass<CaseContentFormDialogProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<CaseFormDialogOpenProps>>;
+export declare const CaseContentFormDialog: import('react').ComponentClass<CaseContentFormDialogProps, import('@gen-epix/ui-core-components/hoc/withDialog').WithDialogState<CaseFormDialogOpenProps>>;

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

@@ -2,7 +2,7 @@ import { t as e } from "../../../_chunks/CaseContentForm.js";
 import { useCallback as t, useEffect as n } from "react";
 import { useTranslation as r } from "react-i18next";
 import { jsx as i } from "react/jsx-runtime";
-import { withDialog as a } from "@gen-epix/ui/hoc/withDialog";
+import { withDialog as a } from "@gen-epix/ui-core-components/hoc/withDialog";
 import { TestIdUtil as o } from "@gen-epix/ui-core/utils/TestIdUtil";
 import s from "@mui/icons-material/Save";
 //#region src/components/ui/CaseContentFormDialog/CaseContentFormDialog.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/CaseContentFormDialog/CaseContentFormDialog.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n} from 'react';\nimport type { ReactElement } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport type { DialogAction } from '@gen-epix/ui/components/ui/Dialog';\nimport type {\n  WithDialogRefMethods,\n  WithDialogRenderProps,\n} from '@gen-epix/ui/hoc/withDialog';\nimport { withDialog } from '@gen-epix/ui/hoc/withDialog';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport SaveIcon from '@mui/icons-material/Save';\nimport type { CaseDbCase } from '@gen-epix/api-casedb';\n\nimport { CaseContentForm } from '../CaseContentForm/CaseContentForm';\nimport type { CaseContentFormProps } from '../CaseContentForm/CaseContentForm';\n\n\nexport interface CaseContentFormDialogProps extends WithDialogRenderProps<CaseFormDialogOpenProps> {\n  readonly onSubmit: (caseId: string, content: CaseDbCase['content']) => void;\n}\n\nexport type CaseContentFormDialogRefMethods = WithDialogRefMethods<CaseContentFormDialogProps, CaseFormDialogOpenProps>;\n\nexport type CaseFormDialogOpenProps = Omit<CaseContentFormProps, 'onSubmit'>;\n\nexport const CaseContentFormDialog = withDialog<CaseContentFormDialogProps, CaseFormDialogOpenProps>((\n  {\n    onActionsChange,\n    onClose,\n    onSubmit,\n    onTitleChange,\n    openProps,\n  }: CaseContentFormDialogProps,\n): ReactElement => {\n  const { t } = useTranslation();\n  useEffect(() => {\n    onTitleChange(t`Edit case`);\n  }, [t, onTitleChange]);\n\n  useEffect(() => {\n    const actions: DialogAction[] = [];\n    actions.push(\n      {\n        ...TestIdUtil.createAttributes('CaseInfoDialog-closeButton'),\n        color: 'secondary',\n        label: t`Close`,\n        onClick: onClose,\n        variant: 'outlined',\n      },\n      {\n        ...TestIdUtil.createAttributes('CaseInfoDialog-saveButton'),\n        autoFocus: true,\n        color: 'primary',\n        form: openProps.formId,\n        label: t`Save`,\n        startIcon: <SaveIcon />,\n        type: 'submit',\n        variant: 'contained',\n      },\n    );\n    onActionsChange(actions);\n  }, [onActionsChange, onClose, t, openProps.formId]);\n\n  const onEpiCaseContentFormSubmit = useCallback((caseId: string, content: CaseDbCase['content']) => {\n    onSubmit(caseId, content);\n    onClose();\n  }, [onClose, onSubmit]);\n\n\n  return (\n    <CaseContentForm\n      caseContent={openProps.caseContent}\n      caseId={openProps.caseId}\n      completeCaseType={openProps.completeCaseType}\n      enabledColIds={openProps.enabledColIds}\n      formId={openProps.formId}\n      onSubmit={onEpiCaseContentFormSubmit}\n    />\n  );\n}, {\n  defaultTitle: '',\n  fullWidth: true,\n  maxWidth: 'lg',\n  testId: 'CaseFormDialog',\n});\n"],"mappings":";;;;;;;;AA4BA,IAAa,IAAwB,GACnC,EACE,oBACA,YACA,aACA,kBACA,mBAEe;CACjB,IAAM,EAAE,SAAM,EAAe;CAK7B,AAJA,QAAgB;EACd,EAAc,CAAC,WAAW;CAC5B,GAAG,CAAC,GAAG,CAAa,CAAC,GAErB,QAAgB;EACd,IAAM,IAA0B,CAAC;EAoBjC,AAnBA,EAAQ,KACN;GACE,GAAG,EAAW,iBAAiB,4BAA4B;GAC3D,OAAO;GACP,OAAO,CAAC;GACR,SAAS;GACT,SAAS;EACX,GACA;GACE,GAAG,EAAW,iBAAiB,2BAA2B;GAC1D,WAAW;GACX,OAAO;GACP,MAAM,EAAU;GAChB,OAAO,CAAC;GACR,WAAW,kBAAC,GAAD,CAAW,CAAA;GACtB,MAAM;GACN,SAAS;EACX,CACF,GACA,EAAgB,CAAO;CACzB,GAAG;EAAC;EAAiB;EAAS;EAAG,EAAU;CAAM,CAAC;CAElD,IAAM,IAA6B,GAAa,GAAgB,MAAmC;EAEjG,AADA,EAAS,GAAQ,CAAO,GACxB,EAAQ;CACV,GAAG,CAAC,GAAS,CAAQ,CAAC;CAGtB,OACE,kBAAC,GAAD;EACE,aAAa,EAAU;EACvB,QAAQ,EAAU;EAClB,kBAAkB,EAAU;EAC5B,eAAe,EAAU;EACzB,QAAQ,EAAU;EAClB,UAAU;CACX,CAAA;AAEL,GAAG;CACD,cAAc;CACd,WAAW;CACX,UAAU;CACV,QAAQ;AACV,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/CaseContentFormDialog/CaseContentFormDialog.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n} from 'react';\nimport type { ReactElement } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport type { DialogAction } from '@gen-epix/ui-core-components/components/Dialog';\nimport type {\n  WithDialogRefMethods,\n  WithDialogRenderProps,\n} from '@gen-epix/ui-core-components/hoc/withDialog';\nimport { withDialog } from '@gen-epix/ui-core-components/hoc/withDialog';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport SaveIcon from '@mui/icons-material/Save';\nimport type { CaseDbCase } from '@gen-epix/api-casedb';\n\nimport { CaseContentForm } from '../CaseContentForm/CaseContentForm';\nimport type { CaseContentFormProps } from '../CaseContentForm/CaseContentForm';\n\n\nexport interface CaseContentFormDialogProps extends WithDialogRenderProps<CaseFormDialogOpenProps> {\n  readonly onSubmit: (caseId: string, content: CaseDbCase['content']) => void;\n}\n\nexport type CaseContentFormDialogRefMethods = WithDialogRefMethods<CaseContentFormDialogProps, CaseFormDialogOpenProps>;\n\nexport type CaseFormDialogOpenProps = Omit<CaseContentFormProps, 'onSubmit'>;\n\nexport const CaseContentFormDialog = withDialog<CaseContentFormDialogProps, CaseFormDialogOpenProps>((\n  {\n    onActionsChange,\n    onClose,\n    onSubmit,\n    onTitleChange,\n    openProps,\n  }: CaseContentFormDialogProps,\n): ReactElement => {\n  const { t } = useTranslation();\n  useEffect(() => {\n    onTitleChange(t`Edit case`);\n  }, [t, onTitleChange]);\n\n  useEffect(() => {\n    const actions: DialogAction[] = [];\n    actions.push(\n      {\n        ...TestIdUtil.createAttributes('CaseInfoDialog-closeButton'),\n        color: 'secondary',\n        label: t`Close`,\n        onClick: onClose,\n        variant: 'outlined',\n      },\n      {\n        ...TestIdUtil.createAttributes('CaseInfoDialog-saveButton'),\n        autoFocus: true,\n        color: 'primary',\n        form: openProps.formId,\n        label: t`Save`,\n        startIcon: <SaveIcon />,\n        type: 'submit',\n        variant: 'contained',\n      },\n    );\n    onActionsChange(actions);\n  }, [onActionsChange, onClose, t, openProps.formId]);\n\n  const onEpiCaseContentFormSubmit = useCallback((caseId: string, content: CaseDbCase['content']) => {\n    onSubmit(caseId, content);\n    onClose();\n  }, [onClose, onSubmit]);\n\n\n  return (\n    <CaseContentForm\n      caseContent={openProps.caseContent}\n      caseId={openProps.caseId}\n      completeCaseType={openProps.completeCaseType}\n      enabledColIds={openProps.enabledColIds}\n      formId={openProps.formId}\n      onSubmit={onEpiCaseContentFormSubmit}\n    />\n  );\n}, {\n  defaultTitle: '',\n  fullWidth: true,\n  maxWidth: 'lg',\n  testId: 'CaseFormDialog',\n});\n"],"mappings":";;;;;;;;AA4BA,IAAa,IAAwB,GACnC,EACE,oBACA,YACA,aACA,kBACA,mBAEe;CACjB,IAAM,EAAE,SAAM,EAAe;CAK7B,AAJA,QAAgB;EACd,EAAc,CAAC,WAAW;CAC5B,GAAG,CAAC,GAAG,CAAa,CAAC,GAErB,QAAgB;EACd,IAAM,IAA0B,CAAC;EAoBjC,AAnBA,EAAQ,KACN;GACE,GAAG,EAAW,iBAAiB,4BAA4B;GAC3D,OAAO;GACP,OAAO,CAAC;GACR,SAAS;GACT,SAAS;EACX,GACA;GACE,GAAG,EAAW,iBAAiB,2BAA2B;GAC1D,WAAW;GACX,OAAO;GACP,MAAM,EAAU;GAChB,OAAO,CAAC;GACR,WAAW,kBAAC,GAAD,CAAW,CAAA;GACtB,MAAM;GACN,SAAS;EACX,CACF,GACA,EAAgB,CAAO;CACzB,GAAG;EAAC;EAAiB;EAAS;EAAG,EAAU;CAAM,CAAC;CAElD,IAAM,IAA6B,GAAa,GAAgB,MAAmC;EAEjG,AADA,EAAS,GAAQ,CAAO,GACxB,EAAQ;CACV,GAAG,CAAC,GAAS,CAAQ,CAAC;CAGtB,OACE,kBAAC,GAAD;EACE,aAAa,EAAU;EACvB,QAAQ,EAAU;EAClB,kBAAkB,EAAU;EAC5B,eAAe,EAAU;EACzB,QAAQ,EAAU;EAClB,UAAU;CACX,CAAA;AAEL,GAAG;CACD,cAAc;CACd,WAAW;CACX,UAAU;CACV,QAAQ;AACV,CAAC"}

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

@@ -1,4 +1,4 @@
-import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui-core-components/hoc/withDialog';
 export declare enum CASE_INFO_DIALOG_TAB_NAME {
     EDIT = "EDIT",
     INFO = "INFO",
@@ -12,4 +12,4 @@ export interface CaseInfoDialogOpenProps {
 export interface CaseInfoDialogProps extends WithDialogRenderProps<CaseInfoDialogOpenProps> {
 }
 export type CaseInfoDialogRefMethods = WithDialogRefMethods<CaseInfoDialogProps, CaseInfoDialogOpenProps>;
-export declare const CaseInfoDialog: import('react').ComponentClass<CaseInfoDialogProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<CaseInfoDialogOpenProps>>;
+export declare const CaseInfoDialog: import('react').ComponentClass<CaseInfoDialogProps, import('@gen-epix/ui-core-components/hoc/withDialog').WithDialogState<CaseInfoDialogOpenProps>>;

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

@@ -1,4 +1,4 @@
-import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui-core-components/hoc/withDialog';
 export interface CaseSetInfoDialogOpenProps {
     readonly caseSetId: string;
     readonly caseTypeId: string;
@@ -7,4 +7,4 @@ export interface CaseSetInfoDialogProps extends WithDialogRenderProps<CaseSetInf
     readonly showNavigationButton?: boolean;
 }
 export type CaseSetInfoDialogRefMethods = WithDialogRefMethods<CaseSetInfoDialogProps, CaseSetInfoDialogOpenProps>;
-export declare const CaseSetInfoDialog: import('react').ComponentClass<CaseSetInfoDialogProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<CaseSetInfoDialogOpenProps>>;
+export declare const CaseSetInfoDialog: import('react').ComponentClass<CaseSetInfoDialogProps, import('@gen-epix/ui-core-components/hoc/withDialog').WithDialogState<CaseSetInfoDialogOpenProps>>;

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

@@ -5,7 +5,7 @@ import { t as r } from "../../../_chunks/shallow.js";
 import { Box as i, IconButton as a, Tooltip as o } from "@mui/material";
 import { Fragment as s, use as c, useCallback as l, useMemo as u } from "react";
 import { useTranslation as d } from "react-i18next";
-import { useTableStoreContext as f } from "@gen-epix/ui/stores/tableStore";
+import { useTableStoreContext as f } from "@gen-epix/ui-client-common/stores/tableStore";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import h from "@mui/icons-material/Add";
 import g from "@mui/icons-material/Remove";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/CaseSummary/CaseSummary.tsx"],"sourcesContent":["import {\n  Fragment,\n  use,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useStore } from 'zustand';\nimport { useShallow } from 'zustand/shallow';\nimport {\n  Box,\n  IconButton,\n  Tooltip,\n} from '@mui/material';\nimport AddIcon from '@mui/icons-material/Add';\nimport RemoveIcon from '@mui/icons-material/Remove';\nimport { useTranslation } from 'react-i18next';\nimport type { CaseDbCase } from '@gen-epix/api-casedb';\nimport type { TableColumnText } from '@gen-epix/ui/models/table';\nimport { useTableStoreContext } from '@gen-epix/ui/stores/tableStore';\n\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { CaseUtil } from '../../../utils/CaseUtil';\n\nexport type CaseSummaryProps = {\n  readonly caseDbCase: CaseDbCase;\n};\n\nexport const CaseSummary = ({ caseDbCase }: CaseSummaryProps) => {\n  const { t } = useTranslation();\n  const dashboardStore = use(DashboardStoreContext);\n  const tableStore = useTableStoreContext<CaseDbCase>();\n  const completeCaseType = useStore(dashboardStore, (state) => state.completeCaseType);\n  const numVisibleAttributesInSummary = useStore(dashboardStore, (state) => state.numVisibleAttributesInSummary);\n  const setNumVisibleAttributesInSummary = useStore(dashboardStore, (state) => state.setNumVisibleAttributesInSummary);\n  const tableColumns = useStore(tableStore, useShallow((state) => state.columns));\n  const columnVisualSettings = useStore(tableStore, useShallow((state) => state.getCurrentColumnVisualSettings()));\n  const columnVisualSettingsVisibleColumnIds = useStore(tableStore, useShallow((state) => state.getCurrentColumnVisualSettings().filter(c => c.isVisible).map(c => c.id)));\n\n  const visibleCaseTypeTableColumns = useMemo(() => columnVisualSettings.map(x => tableColumns.find(c => c.id === x.id)).filter(c => c.columnContext && columnVisualSettingsVisibleColumnIds.includes(c.id)) as TableColumnText<CaseDbCase>[], [columnVisualSettings, tableColumns, columnVisualSettingsVisibleColumnIds]);\n\n  const visibleAttributes = useMemo(() => {\n    return visibleCaseTypeTableColumns.slice(0, numVisibleAttributesInSummary);\n  }, [visibleCaseTypeTableColumns, numVisibleAttributesInSummary]);\n\n  const onRemoveAttributeClick = useCallback(() => {\n    if (numVisibleAttributesInSummary <= 1) {\n      return;\n    }\n    if (numVisibleAttributesInSummary > visibleCaseTypeTableColumns.length) {\n      setNumVisibleAttributesInSummary(visibleCaseTypeTableColumns.length);\n    }\n    if (numVisibleAttributesInSummary > 1) {\n      setNumVisibleAttributesInSummary(numVisibleAttributesInSummary - 1);\n    }\n  }, [numVisibleAttributesInSummary, setNumVisibleAttributesInSummary, visibleCaseTypeTableColumns.length]);\n\n  const onAddAttributeClick = useCallback(() => {\n    setNumVisibleAttributesInSummary(Math.min(visibleCaseTypeTableColumns.length, numVisibleAttributesInSummary + 1));\n  }, [numVisibleAttributesInSummary, setNumVisibleAttributesInSummary, visibleCaseTypeTableColumns.length]);\n\n  return (\n    <Box>\n      <Box\n        component={'dl'}\n        sx={{\n          '& dd': {\n            display: 'inline-block',\n            float: 'left',\n            margin: 0,\n            marginLeft: 0.5,\n          },\n          '& dt': {\n            '&:after': {\n              content: '\":\"',\n            },\n            clear: 'left',\n            display: 'inline-block',\n            float: 'left',\n            fontWeight: 'bold',\n            margin: 0,\n          },\n          clear: 'both',\n          margin: 0,\n        }}\n      >\n        {visibleAttributes.map(tableColumn => {\n          try {\n            const value = CaseUtil.getRowValue(caseDbCase.content, tableColumn.columnContext, completeCaseType);\n            return (\n              <Fragment key={tableColumn.id}>\n                <dt>\n                  {tableColumn.headerName}\n                </dt>\n                <dd>\n                  {value.short}\n                </dd>\n              </Fragment>\n            );\n          } catch {\n            return null;\n          }\n        })}\n      </Box>\n      <Box\n        sx={{\n          clear: 'both',\n          float: 'right',\n        }}\n      >\n        <Tooltip\n          arrow\n          title={t`Show one less attribute`}\n        >\n          <IconButton\n            aria-label={t`Show one less attribute`}\n            color={'primary'}\n            disabled={numVisibleAttributesInSummary <= 1}\n            onClick={onRemoveAttributeClick}\n            size={'small'}\n          >\n            <RemoveIcon fontSize={'inherit'} />\n          </IconButton>\n        </Tooltip>\n        <Tooltip\n          arrow\n          title={t`Show one more attribute`}\n        >\n          <IconButton\n            aria-label={t`Show one more attribute`}\n            color={'primary'}\n            disabled={numVisibleAttributesInSummary >= visibleCaseTypeTableColumns.length - 1}\n            onClick={onAddAttributeClick}\n            size={'small'}\n          >\n            <AddIcon fontSize={'inherit'} />\n          </IconButton>\n        </Tooltip>\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AA2BA,IAAa,KAAe,EAAE,oBAAmC;CAC/D,IAAM,EAAE,SAAM,EAAe,GACvB,IAAiB,EAAI,CAAqB,GAC1C,IAAa,EAAiC,GAC9C,IAAmB,EAAS,IAAiB,MAAU,EAAM,gBAAgB,GAC7E,IAAgC,EAAS,IAAiB,MAAU,EAAM,6BAA6B,GACvG,IAAmC,EAAS,IAAiB,MAAU,EAAM,gCAAgC,GAC7G,IAAe,EAAS,GAAY,GAAY,MAAU,EAAM,OAAO,CAAC,GACxE,IAAuB,EAAS,GAAY,GAAY,MAAU,EAAM,+BAA+B,CAAC,CAAC,GACzG,IAAuC,EAAS,GAAY,GAAY,MAAU,EAAM,+BAA+B,CAAC,CAAC,QAAO,MAAK,EAAE,SAAS,CAAC,CAAC,KAAI,MAAK,EAAE,EAAE,CAAC,CAAC,GAEjK,IAA8B,QAAc,EAAqB,KAAI,MAAK,EAAa,MAAK,MAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,QAAO,MAAK,EAAE,iBAAiB,EAAqC,SAAS,EAAE,EAAE,CAAC,GAAoC;EAAC;EAAsB;EAAc;CAAoC,CAAC,GAEjT,IAAoB,QACjB,EAA4B,MAAM,GAAG,CAA6B,GACxE,CAAC,GAA6B,CAA6B,CAAC,GAEzD,IAAyB,QAAkB;EAC3C,KAAiC,MAGjC,IAAgC,EAA4B,UAC9D,EAAiC,EAA4B,MAAM,GAEjE,IAAgC,KAClC,EAAiC,IAAgC,CAAC;CAEtE,GAAG;EAAC;EAA+B;EAAkC,EAA4B;CAAM,CAAC,GAElG,IAAsB,QAAkB;EAC5C,EAAiC,KAAK,IAAI,EAA4B,QAAQ,IAAgC,CAAC,CAAC;CAClH,GAAG;EAAC;EAA+B;EAAkC,EAA4B;CAAM,CAAC;CAExG,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,WAAW;EACX,IAAI;GACF,QAAQ;IACN,SAAS;IACT,OAAO;IACP,QAAQ;IACR,YAAY;GACd;GACA,QAAQ;IACN,WAAW,EACT,SAAS,QACX;IACA,OAAO;IACP,SAAS;IACT,OAAO;IACP,YAAY;IACZ,QAAQ;GACV;GACA,OAAO;GACP,QAAQ;EACV;YAEC,EAAkB,KAAI,MAAe;GACpC,IAAI;IACF,IAAM,IAAQ,EAAS,YAAY,EAAW,SAAS,EAAY,eAAe,CAAgB;IAClG,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UACG,EAAY,WACX,CAAA,GACJ,kBAAC,MAAD,EAAA,UACG,EAAM,MACL,CAAA,CACI,EAAA,GAPK,EAAY,EAOjB;GAEd,QAAQ;IACN,OAAO;GACT;EACF,CAAC;CACE,CAAA,GACL,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,OAAO;EACT;YAJF,CAME,kBAAC,GAAD;GACE,OAAA;GACA,OAAO,CAAC;aAER,kBAAC,GAAD;IACE,cAAY,CAAC;IACb,OAAO;IACP,UAAU,KAAiC;IAC3C,SAAS;IACT,MAAM;cAEN,kBAAC,GAAD,EAAY,UAAU,UAAY,CAAA;GACxB,CAAA;EACL,CAAA,GACT,kBAAC,GAAD;GACE,OAAA;GACA,OAAO,CAAC;aAER,kBAAC,GAAD;IACE,cAAY,CAAC;IACb,OAAO;IACP,UAAU,KAAiC,EAA4B,SAAS;IAChF,SAAS;IACT,MAAM;cAEN,kBAAC,GAAD,EAAS,UAAU,UAAY,CAAA;GACrB,CAAA;EACL,CAAA,CACN;GACF,EAAA,CAAA;AAET"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/CaseSummary/CaseSummary.tsx"],"sourcesContent":["import {\n  Fragment,\n  use,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useStore } from 'zustand';\nimport { useShallow } from 'zustand/shallow';\nimport {\n  Box,\n  IconButton,\n  Tooltip,\n} from '@mui/material';\nimport AddIcon from '@mui/icons-material/Add';\nimport RemoveIcon from '@mui/icons-material/Remove';\nimport { useTranslation } from 'react-i18next';\nimport type { CaseDbCase } from '@gen-epix/api-casedb';\nimport type { TableColumnText } from '@gen-epix/ui-client-common/models/table';\nimport { useTableStoreContext } from '@gen-epix/ui-client-common/stores/tableStore';\n\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { CaseUtil } from '../../../utils/CaseUtil';\n\nexport type CaseSummaryProps = {\n  readonly caseDbCase: CaseDbCase;\n};\n\nexport const CaseSummary = ({ caseDbCase }: CaseSummaryProps) => {\n  const { t } = useTranslation();\n  const dashboardStore = use(DashboardStoreContext);\n  const tableStore = useTableStoreContext<CaseDbCase>();\n  const completeCaseType = useStore(dashboardStore, (state) => state.completeCaseType);\n  const numVisibleAttributesInSummary = useStore(dashboardStore, (state) => state.numVisibleAttributesInSummary);\n  const setNumVisibleAttributesInSummary = useStore(dashboardStore, (state) => state.setNumVisibleAttributesInSummary);\n  const tableColumns = useStore(tableStore, useShallow((state) => state.columns));\n  const columnVisualSettings = useStore(tableStore, useShallow((state) => state.getCurrentColumnVisualSettings()));\n  const columnVisualSettingsVisibleColumnIds = useStore(tableStore, useShallow((state) => state.getCurrentColumnVisualSettings().filter(c => c.isVisible).map(c => c.id)));\n\n  const visibleCaseTypeTableColumns = useMemo(() => columnVisualSettings.map(x => tableColumns.find(c => c.id === x.id)).filter(c => c.columnContext && columnVisualSettingsVisibleColumnIds.includes(c.id)) as TableColumnText<CaseDbCase>[], [columnVisualSettings, tableColumns, columnVisualSettingsVisibleColumnIds]);\n\n  const visibleAttributes = useMemo(() => {\n    return visibleCaseTypeTableColumns.slice(0, numVisibleAttributesInSummary);\n  }, [visibleCaseTypeTableColumns, numVisibleAttributesInSummary]);\n\n  const onRemoveAttributeClick = useCallback(() => {\n    if (numVisibleAttributesInSummary <= 1) {\n      return;\n    }\n    if (numVisibleAttributesInSummary > visibleCaseTypeTableColumns.length) {\n      setNumVisibleAttributesInSummary(visibleCaseTypeTableColumns.length);\n    }\n    if (numVisibleAttributesInSummary > 1) {\n      setNumVisibleAttributesInSummary(numVisibleAttributesInSummary - 1);\n    }\n  }, [numVisibleAttributesInSummary, setNumVisibleAttributesInSummary, visibleCaseTypeTableColumns.length]);\n\n  const onAddAttributeClick = useCallback(() => {\n    setNumVisibleAttributesInSummary(Math.min(visibleCaseTypeTableColumns.length, numVisibleAttributesInSummary + 1));\n  }, [numVisibleAttributesInSummary, setNumVisibleAttributesInSummary, visibleCaseTypeTableColumns.length]);\n\n  return (\n    <Box>\n      <Box\n        component={'dl'}\n        sx={{\n          '& dd': {\n            display: 'inline-block',\n            float: 'left',\n            margin: 0,\n            marginLeft: 0.5,\n          },\n          '& dt': {\n            '&:after': {\n              content: '\":\"',\n            },\n            clear: 'left',\n            display: 'inline-block',\n            float: 'left',\n            fontWeight: 'bold',\n            margin: 0,\n          },\n          clear: 'both',\n          margin: 0,\n        }}\n      >\n        {visibleAttributes.map(tableColumn => {\n          try {\n            const value = CaseUtil.getRowValue(caseDbCase.content, tableColumn.columnContext, completeCaseType);\n            return (\n              <Fragment key={tableColumn.id}>\n                <dt>\n                  {tableColumn.headerName}\n                </dt>\n                <dd>\n                  {value.short}\n                </dd>\n              </Fragment>\n            );\n          } catch {\n            return null;\n          }\n        })}\n      </Box>\n      <Box\n        sx={{\n          clear: 'both',\n          float: 'right',\n        }}\n      >\n        <Tooltip\n          arrow\n          title={t`Show one less attribute`}\n        >\n          <IconButton\n            aria-label={t`Show one less attribute`}\n            color={'primary'}\n            disabled={numVisibleAttributesInSummary <= 1}\n            onClick={onRemoveAttributeClick}\n            size={'small'}\n          >\n            <RemoveIcon fontSize={'inherit'} />\n          </IconButton>\n        </Tooltip>\n        <Tooltip\n          arrow\n          title={t`Show one more attribute`}\n        >\n          <IconButton\n            aria-label={t`Show one more attribute`}\n            color={'primary'}\n            disabled={numVisibleAttributesInSummary >= visibleCaseTypeTableColumns.length - 1}\n            onClick={onAddAttributeClick}\n            size={'small'}\n          >\n            <AddIcon fontSize={'inherit'} />\n          </IconButton>\n        </Tooltip>\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AA2BA,IAAa,KAAe,EAAE,oBAAmC;CAC/D,IAAM,EAAE,SAAM,EAAe,GACvB,IAAiB,EAAI,CAAqB,GAC1C,IAAa,EAAiC,GAC9C,IAAmB,EAAS,IAAiB,MAAU,EAAM,gBAAgB,GAC7E,IAAgC,EAAS,IAAiB,MAAU,EAAM,6BAA6B,GACvG,IAAmC,EAAS,IAAiB,MAAU,EAAM,gCAAgC,GAC7G,IAAe,EAAS,GAAY,GAAY,MAAU,EAAM,OAAO,CAAC,GACxE,IAAuB,EAAS,GAAY,GAAY,MAAU,EAAM,+BAA+B,CAAC,CAAC,GACzG,IAAuC,EAAS,GAAY,GAAY,MAAU,EAAM,+BAA+B,CAAC,CAAC,QAAO,MAAK,EAAE,SAAS,CAAC,CAAC,KAAI,MAAK,EAAE,EAAE,CAAC,CAAC,GAEjK,IAA8B,QAAc,EAAqB,KAAI,MAAK,EAAa,MAAK,MAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,QAAO,MAAK,EAAE,iBAAiB,EAAqC,SAAS,EAAE,EAAE,CAAC,GAAoC;EAAC;EAAsB;EAAc;CAAoC,CAAC,GAEjT,IAAoB,QACjB,EAA4B,MAAM,GAAG,CAA6B,GACxE,CAAC,GAA6B,CAA6B,CAAC,GAEzD,IAAyB,QAAkB;EAC3C,KAAiC,MAGjC,IAAgC,EAA4B,UAC9D,EAAiC,EAA4B,MAAM,GAEjE,IAAgC,KAClC,EAAiC,IAAgC,CAAC;CAEtE,GAAG;EAAC;EAA+B;EAAkC,EAA4B;CAAM,CAAC,GAElG,IAAsB,QAAkB;EAC5C,EAAiC,KAAK,IAAI,EAA4B,QAAQ,IAAgC,CAAC,CAAC;CAClH,GAAG;EAAC;EAA+B;EAAkC,EAA4B;CAAM,CAAC;CAExG,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,WAAW;EACX,IAAI;GACF,QAAQ;IACN,SAAS;IACT,OAAO;IACP,QAAQ;IACR,YAAY;GACd;GACA,QAAQ;IACN,WAAW,EACT,SAAS,QACX;IACA,OAAO;IACP,SAAS;IACT,OAAO;IACP,YAAY;IACZ,QAAQ;GACV;GACA,OAAO;GACP,QAAQ;EACV;EAEC,UAAA,EAAkB,KAAI,MAAe;GACpC,IAAI;IACF,IAAM,IAAQ,EAAS,YAAY,EAAW,SAAS,EAAY,eAAe,CAAgB;IAClG,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UACG,EAAY,WACX,CAAA,GACJ,kBAAC,MAAD,EAAA,UACG,EAAM,MACL,CAAA,CACI,EAAA,GAPK,EAAY,EAOjB;GAEd,QAAQ;IACN,OAAO;GACT;EACF,CAAC;CACE,CAAA,GACL,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,OAAO;EACT;EAJF,UAAA,CAME,kBAAC,GAAD;GACE,OAAA;GACA,OAAO,CAAC;GAER,UAAA,kBAAC,GAAD;IACE,cAAY,CAAC;IACb,OAAO;IACP,UAAU,KAAiC;IAC3C,SAAS;IACT,MAAM;IAEN,UAAA,kBAAC,GAAD,EAAY,UAAU,UAAY,CAAA;GACxB,CAAA;EACL,CAAA,GACT,kBAAC,GAAD;GACE,OAAA;GACA,OAAO,CAAC;GAER,UAAA,kBAAC,GAAD;IACE,cAAY,CAAC;IACb,OAAO;IACP,UAAU,KAAiC,EAA4B,SAAS;IAChF,SAAS;IACT,MAAM;IAEN,UAAA,kBAAC,GAAD,EAAS,UAAU,UAAY,CAAA;GACrB,CAAA;EACL,CAAA,CACN;CACF,CAAA,CAAA,EAAA,CAAA;AAET"}

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

@@ -1,7 +1,7 @@
-import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui-core-components/hoc/withDialog';
 export interface CaseTypeInfoDialogOpenProps {
 }
 export interface CaseTypeInfoDialogProps extends WithDialogRenderProps<CaseTypeInfoDialogOpenProps> {
 }
 export type CaseTypeInfoDialogRefMethods = WithDialogRefMethods<CaseTypeInfoDialogProps, CaseTypeInfoDialogOpenProps>;
-export declare const CaseTypeInfoDialog: import('react').ComponentClass<CaseTypeInfoDialogProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<CaseTypeInfoDialogOpenProps>>;
+export declare const CaseTypeInfoDialog: import('react').ComponentClass<CaseTypeInfoDialogProps, import('@gen-epix/ui-core-components/hoc/withDialog').WithDialogState<CaseTypeInfoDialogOpenProps>>;

package/dist/components/ui/CaseTypeInfoDialog/CaseTypeInfoDialogContent.d.ts

@@ -1,3 +1,3 @@
-import { WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+import { WithDialogRenderProps } from '@gen-epix/ui-core-components/hoc/withDialog';
 export type CaseTypeInfoDialogContentProps = Pick<WithDialogRenderProps, 'onPermalinkChange' | 'onTitleChange'>;
 export declare const CaseTypeInfoDialogContent: ({ onPermalinkChange, onTitleChange }: CaseTypeInfoDialogContentProps) => import("react").JSX.Element;

package/dist/components/ui/CaseTypeInfoDialog/CaseTypeInfoDialogWithLoader.d.ts

@@ -1,8 +1,8 @@
-import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui-core-components/hoc/withDialog';
 export interface CaseTypeInfoDialogWithLoaderOpenProps {
     caseTypeId: string;
 }
 export interface CaseTypeInfoDialogWithLoaderProps extends WithDialogRenderProps<CaseTypeInfoDialogWithLoaderOpenProps> {
 }
 export type CaseTypeInfoDialogWithLoaderRefMethods = WithDialogRefMethods<CaseTypeInfoDialogWithLoaderProps, CaseTypeInfoDialogWithLoaderOpenProps>;
-export declare const CaseTypeInfoDialogWithLoader: import('react').ComponentClass<CaseTypeInfoDialogWithLoaderProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<CaseTypeInfoDialogWithLoaderOpenProps>>;
+export declare const CaseTypeInfoDialogWithLoader: import('react').ComponentClass<CaseTypeInfoDialogWithLoaderProps, import('@gen-epix/ui-core-components/hoc/withDialog').WithDialogState<CaseTypeInfoDialogWithLoaderOpenProps>>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import type { PopoverPosition } from '@mui/material';\nimport {\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n} from '@mui/material';\nimport PlaylistAddCheckIcon from '@mui/icons-material/PlaylistAddCheck';\nimport PlaylistAddIcon from '@mui/icons-material/PlaylistAdd';\nimport PlaylistRemoveIcon from '@mui/icons-material/PlaylistRemove';\nimport PlaylistPlayIcon from '@mui/icons-material/PlaylistPlay';\nimport type { ReactElement } from 'react';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useStore } from 'zustand';\n\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { CaseSelectionUtil } from '../../../utils/CaseSelectionUtil';\n\nexport type ContextMenuConfigWithAnchor = {\n  anchorElement?: Element;\n  mouseEvent?: MouseEvent;\n  parseIdsFromAnchorElement?: (element: Element) => string[];\n};\n\nexport type ContextMenuConfigWithPosition = {\n  caseIds?: string[];\n  mouseEvent?: MouseEvent;\n  position?: PopoverPosition;\n};\n\nexport type ContextMenuProps = {\n  readonly config: ContextMenuConfig;\n  readonly getExtraItems?: (onMenuClose?: () => void) => ReactElement;\n  readonly onMenuClose: () => void;\n};\n\ntype ContextMenuConfig = ContextMenuConfigWithAnchor & ContextMenuConfigWithPosition;\n\nexport const ContextMenu = ({ config, getExtraItems, onMenuClose }: ContextMenuProps) => {\n  const { t } = useTranslation();\n  const dashboardStore = use(DashboardStoreContext);\n  const selectedIds = useStore(dashboardStore, (state) => state.selectedIds);\n  const setSelectedIds = useStore(dashboardStore, (state) => state.setSelectedIds);\n\n  const componentCaseIds = useMemo(() => {\n    if (config?.parseIdsFromAnchorElement) {\n      return config.parseIdsFromAnchorElement(config.anchorElement);\n    }\n    if (config?.caseIds) {\n      return config.caseIds;\n    }\n    return [];\n  }, [config]);\n\n  useEffect(() => {\n    const mouseEvent = config?.mouseEvent;\n    if (!mouseEvent || (!mouseEvent.metaKey && !mouseEvent.ctrlKey)) {\n      return;\n    }\n    if (CaseSelectionUtil.canAddToSelection(componentCaseIds, selectedIds)) {\n      setSelectedIds(CaseSelectionUtil.addComponentCaseIdsToSelection(componentCaseIds, selectedIds));\n      onMenuClose();\n      return;\n    }\n    if (CaseSelectionUtil.canRemoveFromSelection(componentCaseIds, selectedIds)) {\n      setSelectedIds(CaseSelectionUtil.removeComponentCaseIdsFromSelection(componentCaseIds, selectedIds));\n      onMenuClose();\n      return;\n    }\n  }, [componentCaseIds, config?.mouseEvent, selectedIds, setSelectedIds, onMenuClose]);\n\n\n  const onMenuSelectClick = useCallback(() => {\n    setSelectedIds(componentCaseIds);\n    onMenuClose();\n  }, [componentCaseIds, onMenuClose, setSelectedIds]);\n\n  const onAddToSelectionMenuItemClick = useCallback(() => {\n    setSelectedIds(CaseSelectionUtil.addComponentCaseIdsToSelection(componentCaseIds, selectedIds));\n    onMenuClose();\n  }, [componentCaseIds, onMenuClose, setSelectedIds, selectedIds]);\n\n  const onRemoveFromSelectionMenuItemClick = useCallback(() => {\n    setSelectedIds(CaseSelectionUtil.removeComponentCaseIdsFromSelection(componentCaseIds, selectedIds));\n    onMenuClose();\n  }, [componentCaseIds, onMenuClose, setSelectedIds, selectedIds]);\n\n  const onRefineSelectionMenuItemClick = useCallback(() => {\n    setSelectedIds(CaseSelectionUtil.refineSelectionWithComponentCaseIds(componentCaseIds, selectedIds));\n    onMenuClose();\n  }, [componentCaseIds, onMenuClose, setSelectedIds, selectedIds]);\n\n  const extraItems = getExtraItems ? getExtraItems(onMenuClose) : null;\n\n  return (\n    <Menu\n      anchorEl={config?.anchorElement}\n      anchorPosition={config?.position}\n      anchorReference={config?.anchorElement ? 'anchorEl' : 'anchorPosition'}\n      onClose={onMenuClose}\n      open={!!config}\n    >\n      {extraItems}\n      <MenuItem\n        disabled={componentCaseIds.length === 0}\n        onClick={onMenuSelectClick}\n      >\n        <ListItemIcon>\n          <PlaylistAddCheckIcon fontSize={'small'} />\n        </ListItemIcon>\n        <ListItemText>\n          {t`Select rows`}\n        </ListItemText>\n      </MenuItem>\n      <MenuItem\n        disabled={!CaseSelectionUtil.canAddToSelection(componentCaseIds, selectedIds)}\n        onClick={onAddToSelectionMenuItemClick}\n      >\n        <ListItemIcon>\n          <PlaylistAddIcon fontSize={'small'} />\n        </ListItemIcon>\n        <ListItemText>\n          {t`Add to selected rows`}\n        </ListItemText>\n      </MenuItem>\n      <MenuItem\n        disabled={!CaseSelectionUtil.canRemoveFromSelection(componentCaseIds, selectedIds)}\n        onClick={onRemoveFromSelectionMenuItemClick}\n      >\n        <ListItemIcon>\n          <PlaylistRemoveIcon fontSize={'small'} />\n        </ListItemIcon>\n        <ListItemText>\n          {t`Remove from selected rows`}\n        </ListItemText>\n      </MenuItem>\n      <MenuItem\n        disabled={!CaseSelectionUtil.canRefineSelection(componentCaseIds, selectedIds)}\n        onClick={onRefineSelectionMenuItemClick}\n      >\n        <ListItemIcon>\n          <PlaylistPlayIcon fontSize={'small'} />\n        </ListItemIcon>\n        <ListItemText>\n          {t`Refine selected rows (intersect)`}\n        </ListItemText>\n      </MenuItem>\n    </Menu>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AA4CA,IAAa,KAAe,EAAE,WAAQ,kBAAe,qBAAoC;CACvF,IAAM,EAAE,SAAM,EAAe,GACvB,IAAiB,EAAI,CAAqB,GAC1C,IAAc,EAAS,IAAiB,MAAU,EAAM,WAAW,GACnE,IAAiB,EAAS,IAAiB,MAAU,EAAM,cAAc,GAEzE,IAAmB,QACnB,GAAQ,4BACH,EAAO,0BAA0B,EAAO,aAAa,IAE1D,GAAQ,UACH,EAAO,UAET,CAAC,GACP,CAAC,CAAM,CAAC;CAEX,QAAgB;EACd,IAAM,IAAa,GAAQ;EACvB,OAAC,KAAe,CAAC,EAAW,WAAW,CAAC,EAAW,UAGvD;OAAI,EAAkB,kBAAkB,GAAkB,CAAW,GAAG;IAEtE,AADA,EAAe,EAAkB,+BAA+B,GAAkB,CAAW,CAAC,GAC9F,EAAY;IACZ;GACF;GACA,IAAI,EAAkB,uBAAuB,GAAkB,CAAW,GAAG;IAE3E,AADA,EAAe,EAAkB,oCAAoC,GAAkB,CAAW,CAAC,GACnG,EAAY;IACZ;GACF;EALA;CAMF,GAAG;EAAC;EAAkB,GAAQ;EAAY;EAAa;EAAgB;CAAW,CAAC;CAGnF,IAAM,IAAoB,QAAkB;EAE1C,AADA,EAAe,CAAgB,GAC/B,EAAY;CACd,GAAG;EAAC;EAAkB;EAAa;CAAc,CAAC,GAE5C,IAAgC,QAAkB;EAEtD,AADA,EAAe,EAAkB,+BAA+B,GAAkB,CAAW,CAAC,GAC9F,EAAY;CACd,GAAG;EAAC;EAAkB;EAAa;EAAgB;CAAW,CAAC,GAEzD,IAAqC,QAAkB;EAE3D,AADA,EAAe,EAAkB,oCAAoC,GAAkB,CAAW,CAAC,GACnG,EAAY;CACd,GAAG;EAAC;EAAkB;EAAa;EAAgB;CAAW,CAAC,GAEzD,IAAiC,QAAkB;EAEvD,AADA,EAAe,EAAkB,oCAAoC,GAAkB,CAAW,CAAC,GACnG,EAAY;CACd,GAAG;EAAC;EAAkB;EAAa;EAAgB;CAAW,CAAC,GAEzD,IAAa,IAAgB,EAAc,CAAW,IAAI;CAEhE,OACE,kBAAC,GAAD;EACE,UAAU,GAAQ;EAClB,gBAAgB,GAAQ;EACxB,iBAAiB,GAAQ,gBAAgB,aAAa;EACtD,SAAS;EACT,MAAM,CAAC,CAAC;YALV;GAOG;GACD,kBAAC,GAAD;IACE,UAAU,EAAiB,WAAW;IACtC,SAAS;cAFX,CAIE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAsB,UAAU,QAAU,CAAA,EAC9B,CAAA,GACd,kBAAC,GAAD,EAAA,UACG,CAAC,cACU,CAAA,CACN;;GACV,kBAAC,GAAD;IACE,UAAU,CAAC,EAAkB,kBAAkB,GAAkB,CAAW;IAC5E,SAAS;cAFX,CAIE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAiB,UAAU,QAAU,CAAA,EACzB,CAAA,GACd,kBAAC,GAAD,EAAA,UACG,CAAC,uBACU,CAAA,CACN;;GACV,kBAAC,GAAD;IACE,UAAU,CAAC,EAAkB,uBAAuB,GAAkB,CAAW;IACjF,SAAS;cAFX,CAIE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAoB,UAAU,QAAU,CAAA,EAC5B,CAAA,GACd,kBAAC,GAAD,EAAA,UACG,CAAC,4BACU,CAAA,CACN;;GACV,kBAAC,GAAD;IACE,UAAU,CAAC,EAAkB,mBAAmB,GAAkB,CAAW;IAC7E,SAAS;cAFX,CAIE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAkB,UAAU,QAAU,CAAA,EAC1B,CAAA,GACd,kBAAC,GAAD,EAAA,UACG,CAAC,mCACU,CAAA,CACN;;EACN;;AAEV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import type { PopoverPosition } from '@mui/material';\nimport {\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n} from '@mui/material';\nimport PlaylistAddCheckIcon from '@mui/icons-material/PlaylistAddCheck';\nimport PlaylistAddIcon from '@mui/icons-material/PlaylistAdd';\nimport PlaylistRemoveIcon from '@mui/icons-material/PlaylistRemove';\nimport PlaylistPlayIcon from '@mui/icons-material/PlaylistPlay';\nimport type { ReactElement } from 'react';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useStore } from 'zustand';\n\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { CaseSelectionUtil } from '../../../utils/CaseSelectionUtil';\n\nexport type ContextMenuConfigWithAnchor = {\n  anchorElement?: Element;\n  mouseEvent?: MouseEvent;\n  parseIdsFromAnchorElement?: (element: Element) => string[];\n};\n\nexport type ContextMenuConfigWithPosition = {\n  caseIds?: string[];\n  mouseEvent?: MouseEvent;\n  position?: PopoverPosition;\n};\n\nexport type ContextMenuProps = {\n  readonly config: ContextMenuConfig;\n  readonly getExtraItems?: (onMenuClose?: () => void) => ReactElement;\n  readonly onMenuClose: () => void;\n};\n\ntype ContextMenuConfig = ContextMenuConfigWithAnchor & ContextMenuConfigWithPosition;\n\nexport const ContextMenu = ({ config, getExtraItems, onMenuClose }: ContextMenuProps) => {\n  const { t } = useTranslation();\n  const dashboardStore = use(DashboardStoreContext);\n  const selectedIds = useStore(dashboardStore, (state) => state.selectedIds);\n  const setSelectedIds = useStore(dashboardStore, (state) => state.setSelectedIds);\n\n  const componentCaseIds = useMemo(() => {\n    if (config?.parseIdsFromAnchorElement) {\n      return config.parseIdsFromAnchorElement(config.anchorElement);\n    }\n    if (config?.caseIds) {\n      return config.caseIds;\n    }\n    return [];\n  }, [config]);\n\n  useEffect(() => {\n    const mouseEvent = config?.mouseEvent;\n    if (!mouseEvent || (!mouseEvent.metaKey && !mouseEvent.ctrlKey)) {\n      return;\n    }\n    if (CaseSelectionUtil.canAddToSelection(componentCaseIds, selectedIds)) {\n      setSelectedIds(CaseSelectionUtil.addComponentCaseIdsToSelection(componentCaseIds, selectedIds));\n      onMenuClose();\n      return;\n    }\n    if (CaseSelectionUtil.canRemoveFromSelection(componentCaseIds, selectedIds)) {\n      setSelectedIds(CaseSelectionUtil.removeComponentCaseIdsFromSelection(componentCaseIds, selectedIds));\n      onMenuClose();\n      return;\n    }\n  }, [componentCaseIds, config?.mouseEvent, selectedIds, setSelectedIds, onMenuClose]);\n\n\n  const onMenuSelectClick = useCallback(() => {\n    setSelectedIds(componentCaseIds);\n    onMenuClose();\n  }, [componentCaseIds, onMenuClose, setSelectedIds]);\n\n  const onAddToSelectionMenuItemClick = useCallback(() => {\n    setSelectedIds(CaseSelectionUtil.addComponentCaseIdsToSelection(componentCaseIds, selectedIds));\n    onMenuClose();\n  }, [componentCaseIds, onMenuClose, setSelectedIds, selectedIds]);\n\n  const onRemoveFromSelectionMenuItemClick = useCallback(() => {\n    setSelectedIds(CaseSelectionUtil.removeComponentCaseIdsFromSelection(componentCaseIds, selectedIds));\n    onMenuClose();\n  }, [componentCaseIds, onMenuClose, setSelectedIds, selectedIds]);\n\n  const onRefineSelectionMenuItemClick = useCallback(() => {\n    setSelectedIds(CaseSelectionUtil.refineSelectionWithComponentCaseIds(componentCaseIds, selectedIds));\n    onMenuClose();\n  }, [componentCaseIds, onMenuClose, setSelectedIds, selectedIds]);\n\n  const extraItems = getExtraItems ? getExtraItems(onMenuClose) : null;\n\n  return (\n    <Menu\n      anchorEl={config?.anchorElement}\n      anchorPosition={config?.position}\n      anchorReference={config?.anchorElement ? 'anchorEl' : 'anchorPosition'}\n      onClose={onMenuClose}\n      open={!!config}\n    >\n      {extraItems}\n      <MenuItem\n        disabled={componentCaseIds.length === 0}\n        onClick={onMenuSelectClick}\n      >\n        <ListItemIcon>\n          <PlaylistAddCheckIcon fontSize={'small'} />\n        </ListItemIcon>\n        <ListItemText>\n          {t`Select rows`}\n        </ListItemText>\n      </MenuItem>\n      <MenuItem\n        disabled={!CaseSelectionUtil.canAddToSelection(componentCaseIds, selectedIds)}\n        onClick={onAddToSelectionMenuItemClick}\n      >\n        <ListItemIcon>\n          <PlaylistAddIcon fontSize={'small'} />\n        </ListItemIcon>\n        <ListItemText>\n          {t`Add to selected rows`}\n        </ListItemText>\n      </MenuItem>\n      <MenuItem\n        disabled={!CaseSelectionUtil.canRemoveFromSelection(componentCaseIds, selectedIds)}\n        onClick={onRemoveFromSelectionMenuItemClick}\n      >\n        <ListItemIcon>\n          <PlaylistRemoveIcon fontSize={'small'} />\n        </ListItemIcon>\n        <ListItemText>\n          {t`Remove from selected rows`}\n        </ListItemText>\n      </MenuItem>\n      <MenuItem\n        disabled={!CaseSelectionUtil.canRefineSelection(componentCaseIds, selectedIds)}\n        onClick={onRefineSelectionMenuItemClick}\n      >\n        <ListItemIcon>\n          <PlaylistPlayIcon fontSize={'small'} />\n        </ListItemIcon>\n        <ListItemText>\n          {t`Refine selected rows (intersect)`}\n        </ListItemText>\n      </MenuItem>\n    </Menu>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AA4CA,IAAa,KAAe,EAAE,WAAQ,kBAAe,qBAAoC;CACvF,IAAM,EAAE,SAAM,EAAe,GACvB,IAAiB,EAAI,CAAqB,GAC1C,IAAc,EAAS,IAAiB,MAAU,EAAM,WAAW,GACnE,IAAiB,EAAS,IAAiB,MAAU,EAAM,cAAc,GAEzE,IAAmB,QACnB,GAAQ,4BACH,EAAO,0BAA0B,EAAO,aAAa,IAE1D,GAAQ,UACH,EAAO,UAET,CAAC,GACP,CAAC,CAAM,CAAC;CAEX,QAAgB;EACd,IAAM,IAAa,GAAQ;EACvB,OAAC,KAAe,CAAC,EAAW,WAAW,CAAC,EAAW,UAGvD;OAAI,EAAkB,kBAAkB,GAAkB,CAAW,GAAG;IAEtE,AADA,EAAe,EAAkB,+BAA+B,GAAkB,CAAW,CAAC,GAC9F,EAAY;IACZ;GACF;GACA,IAAI,EAAkB,uBAAuB,GAAkB,CAAW,GAAG;IAE3E,AADA,EAAe,EAAkB,oCAAoC,GAAkB,CAAW,CAAC,GACnG,EAAY;IACZ;GACF;EALA;CAMF,GAAG;EAAC;EAAkB,GAAQ;EAAY;EAAa;EAAgB;CAAW,CAAC;CAGnF,IAAM,IAAoB,QAAkB;EAE1C,AADA,EAAe,CAAgB,GAC/B,EAAY;CACd,GAAG;EAAC;EAAkB;EAAa;CAAc,CAAC,GAE5C,IAAgC,QAAkB;EAEtD,AADA,EAAe,EAAkB,+BAA+B,GAAkB,CAAW,CAAC,GAC9F,EAAY;CACd,GAAG;EAAC;EAAkB;EAAa;EAAgB;CAAW,CAAC,GAEzD,IAAqC,QAAkB;EAE3D,AADA,EAAe,EAAkB,oCAAoC,GAAkB,CAAW,CAAC,GACnG,EAAY;CACd,GAAG;EAAC;EAAkB;EAAa;EAAgB;CAAW,CAAC,GAEzD,IAAiC,QAAkB;EAEvD,AADA,EAAe,EAAkB,oCAAoC,GAAkB,CAAW,CAAC,GACnG,EAAY;CACd,GAAG;EAAC;EAAkB;EAAa;EAAgB;CAAW,CAAC,GAEzD,IAAa,IAAgB,EAAc,CAAW,IAAI;CAEhE,OACE,kBAAC,GAAD;EACE,UAAU,GAAQ;EAClB,gBAAgB,GAAQ;EACxB,iBAAiB,GAAQ,gBAAgB,aAAa;EACtD,SAAS;EACT,MAAM,CAAC,CAAC;EALV,UAAA;GAOG;GACD,kBAAC,GAAD;IACE,UAAU,EAAiB,WAAW;IACtC,SAAS;IAFX,UAAA,CAIE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAsB,UAAU,QAAU,CAAA,EAC9B,CAAA,GACd,kBAAC,GAAD,EAAA,UACG,CAAC,cACU,CAAA,CACN;;GACV,kBAAC,GAAD;IACE,UAAU,CAAC,EAAkB,kBAAkB,GAAkB,CAAW;IAC5E,SAAS;IAFX,UAAA,CAIE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAiB,UAAU,QAAU,CAAA,EACzB,CAAA,GACd,kBAAC,GAAD,EAAA,UACG,CAAC,uBACU,CAAA,CACN;;GACV,kBAAC,GAAD;IACE,UAAU,CAAC,EAAkB,uBAAuB,GAAkB,CAAW;IACjF,SAAS;IAFX,UAAA,CAIE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAoB,UAAU,QAAU,CAAA,EAC5B,CAAA,GACd,kBAAC,GAAD,EAAA,UACG,CAAC,4BACU,CAAA,CACN;;GACV,kBAAC,GAAD;IACE,UAAU,CAAC,EAAkB,mBAAmB,GAAkB,CAAW;IAC7E,SAAS;IAFX,UAAA,CAIE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAkB,UAAU,QAAU,CAAA,EAC1B,CAAA,GACd,kBAAC,GAAD,EAAA,UACG,CAAC,mCACU,CAAA,CACN;;EACN;;AAEV"}

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

@@ -1,5 +1,5 @@
 import { CaseDbCase, CaseDbCompleteCaseType } from '@gen-epix/api-casedb';
-import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui-core-components/hoc/withDialog';
 export interface CreateEventDialogOpenProps {
     readonly completeCaseType?: CaseDbCompleteCaseType;
     readonly rows?: CaseDbCase[];
@@ -7,4 +7,4 @@ export interface CreateEventDialogOpenProps {
 export interface CreateEventDialogProps extends WithDialogRenderProps<CreateEventDialogOpenProps> {
 }
 export type CreateEventDialogRefMethods = WithDialogRefMethods<CreateEventDialogProps, CreateEventDialogOpenProps>;
-export declare const CreateEventDialog: import('react').ComponentClass<CreateEventDialogProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<CreateEventDialogOpenProps>>;
+export declare const CreateEventDialog: import('react').ComponentClass<CreateEventDialogProps, import('@gen-epix/ui-core-components/hoc/withDialog').WithDialogState<CreateEventDialogOpenProps>>;

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

@@ -11,22 +11,22 @@ import { useCaseSetStatusOptionsQuery as ne } from "../../../dataHooks/useCaseSe
 import { t as c } from "../../../_chunks/CasesAlreadyInCaseSetWarning.js";
 import { array as re, boolean as ie, object as l, string as u } from "yup";
 import { CaseDbCaseApi as d } from "@gen-epix/api-casedb";
-import { QueryClientService as f } from "@gen-epix/ui/classes/services/QueryClientService";
-import { FORM_FIELD_DEFINITION_TYPE as p } from "@gen-epix/ui-form/models/form";
+import { QueryClientService as f } from "@gen-epix/ui-client-common/classes/services/QueryClientService";
+import { FORM_FIELD_DEFINITION_TYPE as p } from "@gen-epix/ui-core-form/models/form";
 import { Alert as m, Box as h } from "@mui/material";
 import { useCallback as g, useEffect as _, useId as ae, useMemo as v } from "react";
 import { useTranslation as oe } from "react-i18next";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { ResponseHandler as se } from "@gen-epix/ui/components/ui/ResponseHandler";
-import { useItemQuery as ce } from "@gen-epix/ui/hooks/useItemQuery";
+import { ResponseHandler as se } from "@gen-epix/ui-client-common/components/ui/ResponseHandler";
+import { useItemQuery as ce } from "@gen-epix/ui-client-common/hooks/useItemQuery";
 import { useArray as le } from "@gen-epix/ui-core/hooks/useArray";
-import { GenericForm as ue } from "@gen-epix/ui-form/components/helpers/GenericForm";
-import { withDialog as x } from "@gen-epix/ui/hoc/withDialog";
+import { GenericForm as ue } from "@gen-epix/ui-core-form/components/helpers/GenericForm";
+import { withDialog as x } from "@gen-epix/ui-core-components/hoc/withDialog";
 import { TestIdUtil as S } from "@gen-epix/ui-core/utils/TestIdUtil";
 import C from "@mui/icons-material/Save";
-import { SchemaUtil as w } from "@gen-epix/ui-form/utils/SchemaUtil";
-import { LoadableUtil as T } from "@gen-epix/ui/utils/LoadableUtil";
-import { useCreateMutation as E } from "@gen-epix/ui/hooks/useCreateMutation";
+import { SchemaUtil as w } from "@gen-epix/ui-core-form/utils/SchemaUtil";
+import { LoadableUtil as T } from "@gen-epix/ui-client-common/utils/LoadableUtil";
+import { useCreateMutation as E } from "@gen-epix/ui-client-common/hooks/useCreateMutation";
 //#region src/components/ui/CreateEventDialog/CreateEventDialog.tsx
 var D = x(({ onActionsChange: x, onClose: D, onTitleChange: O, openProps: k }) => {
 	let A = o(), j = te(), M = ne(), N = s(), { t: P } = oe(), F = ae(), I = v(() => l().shape({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/CreateEventDialog/CreateEventDialog.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n} from 'react';\nimport type { ReactElement } from 'react';\nimport SaveIcon from '@mui/icons-material/Save';\nimport { useTranslation } from 'react-i18next';\nimport {\n  array,\n  boolean,\n  object,\n  string,\n} from 'yup';\nimport {\n  useForm,\n  useWatch,\n} from 'react-hook-form';\nimport type { Resolver } from 'react-hook-form';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport {\n  Alert,\n  Box,\n} from '@mui/material';\nimport type {\n  CaseDbCase,\n  CaseDbCaseSet,\n  CaseDbCompleteCaseType,\n} from '@gen-epix/api-casedb';\nimport { CaseDbCaseApi } from '@gen-epix/api-casedb';\nimport type { DialogAction } from '@gen-epix/ui/components/ui/Dialog';\nimport type {\n  WithDialogRefMethods,\n  WithDialogRenderProps,\n} from '@gen-epix/ui/hoc/withDialog';\nimport { LoadableUtil } from '@gen-epix/ui/utils/LoadableUtil';\nimport { QueryClientService } from '@gen-epix/ui/classes/services/QueryClientService';\nimport { ResponseHandler } from '@gen-epix/ui/components/ui/ResponseHandler';\nimport { useCreateMutation } from '@gen-epix/ui/hooks/useCreateMutation';\nimport { useItemQuery } from '@gen-epix/ui/hooks/useItemQuery';\nimport { withDialog } from '@gen-epix/ui/hoc/withDialog';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\nimport { GenericForm } from '@gen-epix/ui-form/components/helpers/GenericForm';\nimport type {\n  AutoCompleteOption,\n  FormFieldDefinition,\n} 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 { EventBusService } from '../../../classes/services/EventBusService';\nimport { useCaseSetCategoryOptionsQuery } from '../../../dataHooks/useCaseSetCategoriesQuery';\nimport { useCaseSetStatusOptionsQuery } from '../../../dataHooks/useCaseSetStatusesQuery';\nimport { useCaseTypeOptionsQuery } from '../../../dataHooks/useCaseTypesQuery';\nimport { useDataCollectionOptionsQuery } from '../../../dataHooks/useDataCollectionsQuery';\nimport { CaseUtil } from '../../../utils/CaseUtil';\nimport { CasesAlreadyInCaseSetWarning } from '../CasesAlreadyInCaseSetWarning';\nimport { CASEDB_QUERY_KEY } from '../../../constants/query';\n\nimport { CreateEventDialogSuccessNotificationMessage } from './CreateEventDialogSuccessNotificationMessage';\n\nexport interface CreateEventDialogOpenProps {\n  readonly completeCaseType?: CaseDbCompleteCaseType;\n  readonly rows?: CaseDbCase[];\n}\n\nexport interface CreateEventDialogProps extends WithDialogRenderProps<CreateEventDialogOpenProps> {\n}\n\nexport type CreateEventDialogRefMethods = WithDialogRefMethods<CreateEventDialogProps, CreateEventDialogOpenProps>;\n\ntype FormFields = {\n  case_set_category_id: string;\n  case_set_status_id: string;\n  case_type_id: string;\n  code: string;\n  create_in_data_collection_id: string;\n  description: string;\n  name: string;\n  share_in_data_collection_ids: string[];\n  shouldApplySharingToCases: boolean;\n};\n\nexport const CreateEventDialog = withDialog<CreateEventDialogProps, CreateEventDialogOpenProps>((\n  {\n    onActionsChange,\n    onClose,\n    onTitleChange,\n    openProps,\n  }: CreateEventDialogProps,\n): ReactElement => {\n  const caseTypeOptionsQuery = useCaseTypeOptionsQuery();\n  const caseSetCategoryOptionsQuery = useCaseSetCategoryOptionsQuery();\n  const caseSetStatusOptionsQuery = useCaseSetStatusOptionsQuery();\n  const dataCollectionOptionsQuery = useDataCollectionOptionsQuery();\n  const { t } = useTranslation();\n  const formId = useId();\n\n  const schema = useMemo(() => object<FormFields>().shape({\n    case_set_category_id: string().uuid4().required(),\n    case_set_status_id: string().uuid4().required(),\n    case_type_id: string().uuid4().required(),\n    code: SchemaUtil.code,\n    create_in_data_collection_id: string().uuid4().required(),\n    description: SchemaUtil.description.required(),\n    name: SchemaUtil.name,\n    share_in_data_collection_ids: array().of(string().uuid4()),\n    shouldApplySharingToCases: boolean().required(),\n  }), []);\n\n  const formMethods = useForm<FormFields>({\n    resolver: yupResolver(schema) as Resolver<FormFields>,\n    values: {\n      case_set_category_id: null,\n      case_set_status_id: null,\n      case_type_id: openProps.completeCaseType?.id ?? null,\n      code: '',\n      create_in_data_collection_id: null,\n      description: '',\n      name: openProps.completeCaseType ? t('New {{eventName}} event', { eventName: openProps.completeCaseType.name }) : '',\n      share_in_data_collection_ids: [],\n      shouldApplySharingToCases: true,\n    },\n  });\n  const { control, handleSubmit, setValue } = formMethods;\n\n  const { case_type_id: userSelectedCaseTypeId, create_in_data_collection_id: createdInDataCollectionId, share_in_data_collection_ids: sharedInDataCollectionIds } = useWatch({ control });\n\n  const sanitizedCompleteCaseTypeId = openProps.completeCaseType?.id ?? userSelectedCaseTypeId;\n\n  const { data: loadedCompleteCaseType, error: completeCaseTypeError, isLoading: isCompleteCaseTypeLoading } = useItemQuery({\n    baseQueryKey: CASEDB_QUERY_KEY.COMPLETE_CASE_TYPES,\n    itemId: sanitizedCompleteCaseTypeId,\n    useQueryOptions: {\n      enabled: !openProps.completeCaseType && !!sanitizedCompleteCaseTypeId,\n      queryFn: async ({ signal }) => {\n        return (await CaseDbCaseApi.getInstance().completeCaseTypesGetOne(sanitizedCompleteCaseTypeId, { signal })).data;\n      },\n    },\n  });\n\n  const completeCaseType = openProps.completeCaseType ?? loadedCompleteCaseType;\n\n  const createInDataCollectionOptions = useMemo<AutoCompleteOption[]>(() => {\n    if (!completeCaseType || !dataCollectionOptionsQuery.options?.length) {\n      return [];\n    }\n    return dataCollectionOptionsQuery.options.filter(option => {\n      const dataCollectionId = option.value;\n      return completeCaseType.case_type_access_abacs[dataCollectionId]?.is_private && completeCaseType.case_type_access_abacs[dataCollectionId]?.add_case_set;\n    });\n  }, [completeCaseType, dataCollectionOptionsQuery.options]);\n\n  const shareInDataCollectionOptions = useMemo<AutoCompleteOption[]>(() => {\n    if (!completeCaseType) {\n      return [];\n    }\n    return dataCollectionOptionsQuery.options.filter(option => {\n      const dataCollectionId = option.value;\n      return createdInDataCollectionId !== dataCollectionId && completeCaseType.case_type_access_abacs[dataCollectionId]?.add_case_set;\n    });\n  }, [completeCaseType, createdInDataCollectionId, dataCollectionOptionsQuery.options]);\n\n  useEffect(() => {\n    // Validate if the createdInDataCollectionId is in the shareInDataCollectionIds\n    // If it is, remove it from the shareInDataCollectionIds\n    if (sharedInDataCollectionIds?.length && sharedInDataCollectionIds.includes(createdInDataCollectionId)) {\n      setValue('share_in_data_collection_ids', sharedInDataCollectionIds.filter(id => id !== createdInDataCollectionId));\n    }\n  }, [createdInDataCollectionId, setValue, sharedInDataCollectionIds]);\n\n  useEffect(() => {\n    if (openProps.completeCaseType) {\n      return;\n    }\n    setValue('create_in_data_collection_id', null);\n    setValue('share_in_data_collection_ids', []);\n  }, [completeCaseType, openProps.completeCaseType, setValue]);\n\n  useEffect(() => {\n    if (dataCollectionOptionsQuery.isLoading || !createInDataCollectionOptions?.length) {\n      return;\n    }\n\n    if (createInDataCollectionOptions?.length === 1) {\n      setValue('create_in_data_collection_id', createInDataCollectionOptions[0].value as string);\n    }\n  }, [createInDataCollectionOptions, dataCollectionOptionsQuery.isLoading, setValue]);\n\n\n  const formFieldDefinitions = useMemo<FormFieldDefinition<FormFields>[]>(() => {\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        disabled: !!openProps.completeCaseType,\n        label: t`Case type`,\n        loading: caseTypeOptionsQuery.isLoading,\n        name: 'case_type_id',\n        options: caseTypeOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Create in data collection`,\n        loading: dataCollectionOptionsQuery.isLoading || isCompleteCaseTypeLoading,\n        name: 'create_in_data_collection_id',\n        options: createInDataCollectionOptions,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Share in data collections`,\n        loading: dataCollectionOptionsQuery.isLoading || isCompleteCaseTypeLoading,\n        multiple: true,\n        name: 'share_in_data_collection_ids',\n        options: shareInDataCollectionOptions,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        disabled: sharedInDataCollectionIds.length === 0 || !openProps.rows?.length,\n        label: t`Should the same sharing be applied to the cases in the event?`,\n        loading: dataCollectionOptionsQuery.isLoading || isCompleteCaseTypeLoading,\n        name: 'shouldApplySharingToCases',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Event name`,\n        name: 'name',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Event code`,\n        name: 'code',\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.AUTOCOMPLETE,\n        label: t`Category`,\n        loading: caseSetCategoryOptionsQuery.isLoading,\n        name: 'case_set_category_id',\n        options: caseSetCategoryOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Status`,\n        loading: caseSetStatusOptionsQuery.isLoading,\n        name: 'case_set_status_id',\n        options: caseSetStatusOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const;\n  }, [caseSetCategoryOptionsQuery.isLoading, caseSetCategoryOptionsQuery.options, caseSetStatusOptionsQuery.isLoading, caseSetStatusOptionsQuery.options, caseTypeOptionsQuery.isLoading, caseTypeOptionsQuery.options, createInDataCollectionOptions, dataCollectionOptionsQuery.isLoading, isCompleteCaseTypeLoading, openProps.completeCaseType, openProps.rows?.length, shareInDataCollectionOptions, sharedInDataCollectionIds.length, t]);\n\n  const loadables = useArray([\n    caseTypeOptionsQuery,\n    caseSetCategoryOptionsQuery,\n    caseSetStatusOptionsQuery,\n    dataCollectionOptionsQuery,\n  ]);\n\n\n  const isLoading = LoadableUtil.isSomeLoading(loadables);\n\n  const onSuccess = useCallback(async (item: CaseDbCaseSet, variables: FormFields) => {\n    if (variables.shouldApplySharingToCases) {\n      await CaseUtil.applyDataCollectionLinks({\n        caseIds: openProps.rows ? openProps.rows.map(row => row.id) : undefined,\n        caseSetDataCollectionIds: variables.share_in_data_collection_ids,\n        caseSetId: item.id,\n        caseTypeId: completeCaseType.id,\n      });\n    }\n    EventBusService.getInstance().emit('onEventCreated');\n    onClose();\n  }, [completeCaseType?.id, onClose, openProps.rows]);\n\n  const onError = useCallback(() => {\n    EventBusService.getInstance().emit('onEventCreated');\n    onClose();\n  }, [onClose]);\n\n  const { isMutating: isCreating, mutate: mutateCreate } = useCreateMutation<CaseDbCaseSet, FormFields>({\n    associationQueryKeys: [\n      ...QueryClientService.getInstance().getQueryKeyDependencies([CASEDB_QUERY_KEY.CASE_SETS]),\n      ...QueryClientService.getInstance().getQueryKeyDependencies([CASEDB_QUERY_KEY.CASE_SET_MEMBERS], true),\n      ...QueryClientService.getInstance().getQueryKeyDependencies([CASEDB_QUERY_KEY.DATA_COLLECTION_SET_MEMBERS], true),\n    ],\n    getErrorNotificationMessage: (item, _error) => t('Failed to create event: {{name}}', { name: item.name }),\n    getProgressNotificationMessage: (variables) => t('Creating event: {{name}}...', { name: variables.name }),\n    getSuccessNotificationMessage: (item) => (\n      <CreateEventDialogSuccessNotificationMessage\n        caseSet={item}\n        isCreating\n      />\n    ),\n    onError,\n    onSuccess,\n    queryFn: async (formData: FormFields): Promise<CaseDbCaseSet> => {\n      const caseSetResult = (await CaseDbCaseApi.getInstance().createCaseSet({\n        case_ids: openProps.rows?.map(row => row.id) ?? [],\n        case_set: {\n          case_set_category_id: formData.case_set_category_id,\n          case_set_status_id: formData.case_set_status_id,\n          case_type_id: formData.case_type_id,\n          code: formData.code,\n          created_in_data_collection_id: formData.create_in_data_collection_id,\n          description: formData.description,\n          name: formData.name,\n        },\n        data_collection_ids: formData.share_in_data_collection_ids,\n      })).data;\n\n      return caseSetResult;\n    },\n    resourceQueryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.CASE_SETS),\n  });\n\n  const isFormDisabled = useMemo(() => {\n    return isLoading || caseTypeOptionsQuery.options?.length === 0 || dataCollectionOptionsQuery.options?.length === 0;\n  }, [isLoading, caseTypeOptionsQuery.options?.length, dataCollectionOptionsQuery.options?.length]);\n\n  useEffect(() => {\n    const actions: DialogAction[] = [];\n    if (isLoading || !isFormDisabled) {\n      actions.push({\n        ...TestIdUtil.createAttributes('CreateEventDialog-saveButton'),\n        autoFocus: true,\n        color: 'secondary',\n        disabled: isLoading || isCreating,\n        form: formId,\n        label: t`Save`,\n        loading: isLoading,\n        startIcon: <SaveIcon />,\n        type: 'submit',\n        variant: 'contained',\n      });\n    }\n    onActionsChange(actions);\n  }, [formId, isCreating, isLoading, onActionsChange, t, caseTypeOptionsQuery.options?.length, isFormDisabled]);\n\n  const onFormSubmit = useCallback((formData: FormFields) => {\n    mutateCreate(formData);\n  }, [mutateCreate]);\n\n  useEffect(() => {\n    if (openProps.completeCaseType) {\n      if (openProps.rows?.length) {\n        onTitleChange(t('Create new event from {{numCases}} selected {{caseTypeName}} cases', { caseTypeName: openProps.completeCaseType.name, numCases: openProps.rows.length }));\n      } else {\n        onTitleChange(t('Create event'));\n      }\n    } else {\n      onTitleChange(t('Create event'));\n    }\n  }, [onTitleChange, openProps, t]);\n\n  return (\n    <ResponseHandler\n      error={completeCaseTypeError}\n      inlineSpinner\n      isLoading={isCreating}\n      loadables={loadables}\n    >\n      {isFormDisabled ? (\n        <Box>\n          <Alert severity={'error'}>\n            {t`You do not have the required permissions to create an event. Contact your organization administrator for assistance.`}\n          </Alert>\n        </Box>\n      ) : (\n        <GenericForm<FormFields>\n          disableAll={isFormDisabled}\n          formFieldDefinitions={formFieldDefinitions}\n          formId={formId}\n          formMethods={formMethods}\n          onSubmit={handleSubmit(onFormSubmit)}\n          schema={schema}\n        />\n      )}\n      {openProps.rows?.length > 0 && (\n        <CasesAlreadyInCaseSetWarning\n          cases={openProps.rows}\n        />\n      )}\n    </ResponseHandler>\n  );\n}, {\n  fullWidth: true,\n  maxWidth: 'lg',\n  testId: 'CreateEventDialog',\n});\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/CreateEventDialog/CreateEventDialog.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n} from 'react';\nimport type { ReactElement } from 'react';\nimport SaveIcon from '@mui/icons-material/Save';\nimport { useTranslation } from 'react-i18next';\nimport {\n  array,\n  boolean,\n  object,\n  string,\n} from 'yup';\nimport {\n  useForm,\n  useWatch,\n} from 'react-hook-form';\nimport type { Resolver } from 'react-hook-form';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport {\n  Alert,\n  Box,\n} from '@mui/material';\nimport type {\n  CaseDbCase,\n  CaseDbCaseSet,\n  CaseDbCompleteCaseType,\n} from '@gen-epix/api-casedb';\nimport { CaseDbCaseApi } from '@gen-epix/api-casedb';\nimport type { DialogAction } from '@gen-epix/ui-core-components/components/Dialog';\nimport type {\n  WithDialogRefMethods,\n  WithDialogRenderProps,\n} from '@gen-epix/ui-core-components/hoc/withDialog';\nimport { LoadableUtil } from '@gen-epix/ui-client-common/utils/LoadableUtil';\nimport { QueryClientService } from '@gen-epix/ui-client-common/classes/services/QueryClientService';\nimport { ResponseHandler } from '@gen-epix/ui-client-common/components/ui/ResponseHandler';\nimport { useCreateMutation } from '@gen-epix/ui-client-common/hooks/useCreateMutation';\nimport { useItemQuery } from '@gen-epix/ui-client-common/hooks/useItemQuery';\nimport { withDialog } from '@gen-epix/ui-core-components/hoc/withDialog';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\nimport { GenericForm } from '@gen-epix/ui-core-form/components/helpers/GenericForm';\nimport type {\n  AutoCompleteOption,\n  FormFieldDefinition,\n} from '@gen-epix/ui-core-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-core-form/models/form';\nimport { SchemaUtil } from '@gen-epix/ui-core-form/utils/SchemaUtil';\n\nimport { EventBusService } from '../../../classes/services/EventBusService';\nimport { useCaseSetCategoryOptionsQuery } from '../../../dataHooks/useCaseSetCategoriesQuery';\nimport { useCaseSetStatusOptionsQuery } from '../../../dataHooks/useCaseSetStatusesQuery';\nimport { useCaseTypeOptionsQuery } from '../../../dataHooks/useCaseTypesQuery';\nimport { useDataCollectionOptionsQuery } from '../../../dataHooks/useDataCollectionsQuery';\nimport { CaseUtil } from '../../../utils/CaseUtil';\nimport { CasesAlreadyInCaseSetWarning } from '../CasesAlreadyInCaseSetWarning';\nimport { CASEDB_QUERY_KEY } from '../../../constants/query';\n\nimport { CreateEventDialogSuccessNotificationMessage } from './CreateEventDialogSuccessNotificationMessage';\n\nexport interface CreateEventDialogOpenProps {\n  readonly completeCaseType?: CaseDbCompleteCaseType;\n  readonly rows?: CaseDbCase[];\n}\n\nexport interface CreateEventDialogProps extends WithDialogRenderProps<CreateEventDialogOpenProps> {\n}\n\nexport type CreateEventDialogRefMethods = WithDialogRefMethods<CreateEventDialogProps, CreateEventDialogOpenProps>;\n\ntype FormFields = {\n  case_set_category_id: string;\n  case_set_status_id: string;\n  case_type_id: string;\n  code: string;\n  create_in_data_collection_id: string;\n  description: string;\n  name: string;\n  share_in_data_collection_ids: string[];\n  shouldApplySharingToCases: boolean;\n};\n\nexport const CreateEventDialog = withDialog<CreateEventDialogProps, CreateEventDialogOpenProps>((\n  {\n    onActionsChange,\n    onClose,\n    onTitleChange,\n    openProps,\n  }: CreateEventDialogProps,\n): ReactElement => {\n  const caseTypeOptionsQuery = useCaseTypeOptionsQuery();\n  const caseSetCategoryOptionsQuery = useCaseSetCategoryOptionsQuery();\n  const caseSetStatusOptionsQuery = useCaseSetStatusOptionsQuery();\n  const dataCollectionOptionsQuery = useDataCollectionOptionsQuery();\n  const { t } = useTranslation();\n  const formId = useId();\n\n  const schema = useMemo(() => object<FormFields>().shape({\n    case_set_category_id: string().uuid4().required(),\n    case_set_status_id: string().uuid4().required(),\n    case_type_id: string().uuid4().required(),\n    code: SchemaUtil.code,\n    create_in_data_collection_id: string().uuid4().required(),\n    description: SchemaUtil.description.required(),\n    name: SchemaUtil.name,\n    share_in_data_collection_ids: array().of(string().uuid4()),\n    shouldApplySharingToCases: boolean().required(),\n  }), []);\n\n  const formMethods = useForm<FormFields>({\n    resolver: yupResolver(schema) as Resolver<FormFields>,\n    values: {\n      case_set_category_id: null,\n      case_set_status_id: null,\n      case_type_id: openProps.completeCaseType?.id ?? null,\n      code: '',\n      create_in_data_collection_id: null,\n      description: '',\n      name: openProps.completeCaseType ? t('New {{eventName}} event', { eventName: openProps.completeCaseType.name }) : '',\n      share_in_data_collection_ids: [],\n      shouldApplySharingToCases: true,\n    },\n  });\n  const { control, handleSubmit, setValue } = formMethods;\n\n  const { case_type_id: userSelectedCaseTypeId, create_in_data_collection_id: createdInDataCollectionId, share_in_data_collection_ids: sharedInDataCollectionIds } = useWatch({ control });\n\n  const sanitizedCompleteCaseTypeId = openProps.completeCaseType?.id ?? userSelectedCaseTypeId;\n\n  const { data: loadedCompleteCaseType, error: completeCaseTypeError, isLoading: isCompleteCaseTypeLoading } = useItemQuery({\n    baseQueryKey: CASEDB_QUERY_KEY.COMPLETE_CASE_TYPES,\n    itemId: sanitizedCompleteCaseTypeId,\n    useQueryOptions: {\n      enabled: !openProps.completeCaseType && !!sanitizedCompleteCaseTypeId,\n      queryFn: async ({ signal }) => {\n        return (await CaseDbCaseApi.getInstance().completeCaseTypesGetOne(sanitizedCompleteCaseTypeId, { signal })).data;\n      },\n    },\n  });\n\n  const completeCaseType = openProps.completeCaseType ?? loadedCompleteCaseType;\n\n  const createInDataCollectionOptions = useMemo<AutoCompleteOption[]>(() => {\n    if (!completeCaseType || !dataCollectionOptionsQuery.options?.length) {\n      return [];\n    }\n    return dataCollectionOptionsQuery.options.filter(option => {\n      const dataCollectionId = option.value;\n      return completeCaseType.case_type_access_abacs[dataCollectionId]?.is_private && completeCaseType.case_type_access_abacs[dataCollectionId]?.add_case_set;\n    });\n  }, [completeCaseType, dataCollectionOptionsQuery.options]);\n\n  const shareInDataCollectionOptions = useMemo<AutoCompleteOption[]>(() => {\n    if (!completeCaseType) {\n      return [];\n    }\n    return dataCollectionOptionsQuery.options.filter(option => {\n      const dataCollectionId = option.value;\n      return createdInDataCollectionId !== dataCollectionId && completeCaseType.case_type_access_abacs[dataCollectionId]?.add_case_set;\n    });\n  }, [completeCaseType, createdInDataCollectionId, dataCollectionOptionsQuery.options]);\n\n  useEffect(() => {\n    // Validate if the createdInDataCollectionId is in the shareInDataCollectionIds\n    // If it is, remove it from the shareInDataCollectionIds\n    if (sharedInDataCollectionIds?.length && sharedInDataCollectionIds.includes(createdInDataCollectionId)) {\n      setValue('share_in_data_collection_ids', sharedInDataCollectionIds.filter(id => id !== createdInDataCollectionId));\n    }\n  }, [createdInDataCollectionId, setValue, sharedInDataCollectionIds]);\n\n  useEffect(() => {\n    if (openProps.completeCaseType) {\n      return;\n    }\n    setValue('create_in_data_collection_id', null);\n    setValue('share_in_data_collection_ids', []);\n  }, [completeCaseType, openProps.completeCaseType, setValue]);\n\n  useEffect(() => {\n    if (dataCollectionOptionsQuery.isLoading || !createInDataCollectionOptions?.length) {\n      return;\n    }\n\n    if (createInDataCollectionOptions?.length === 1) {\n      setValue('create_in_data_collection_id', createInDataCollectionOptions[0].value as string);\n    }\n  }, [createInDataCollectionOptions, dataCollectionOptionsQuery.isLoading, setValue]);\n\n\n  const formFieldDefinitions = useMemo<FormFieldDefinition<FormFields>[]>(() => {\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        disabled: !!openProps.completeCaseType,\n        label: t`Case type`,\n        loading: caseTypeOptionsQuery.isLoading,\n        name: 'case_type_id',\n        options: caseTypeOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Create in data collection`,\n        loading: dataCollectionOptionsQuery.isLoading || isCompleteCaseTypeLoading,\n        name: 'create_in_data_collection_id',\n        options: createInDataCollectionOptions,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Share in data collections`,\n        loading: dataCollectionOptionsQuery.isLoading || isCompleteCaseTypeLoading,\n        multiple: true,\n        name: 'share_in_data_collection_ids',\n        options: shareInDataCollectionOptions,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN,\n        disabled: sharedInDataCollectionIds.length === 0 || !openProps.rows?.length,\n        label: t`Should the same sharing be applied to the cases in the event?`,\n        loading: dataCollectionOptionsQuery.isLoading || isCompleteCaseTypeLoading,\n        name: 'shouldApplySharingToCases',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Event name`,\n        name: 'name',\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD,\n        label: t`Event code`,\n        name: 'code',\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.AUTOCOMPLETE,\n        label: t`Category`,\n        loading: caseSetCategoryOptionsQuery.isLoading,\n        name: 'case_set_category_id',\n        options: caseSetCategoryOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE,\n        label: t`Status`,\n        loading: caseSetStatusOptionsQuery.isLoading,\n        name: 'case_set_status_id',\n        options: caseSetStatusOptionsQuery.options,\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ] as const;\n  }, [caseSetCategoryOptionsQuery.isLoading, caseSetCategoryOptionsQuery.options, caseSetStatusOptionsQuery.isLoading, caseSetStatusOptionsQuery.options, caseTypeOptionsQuery.isLoading, caseTypeOptionsQuery.options, createInDataCollectionOptions, dataCollectionOptionsQuery.isLoading, isCompleteCaseTypeLoading, openProps.completeCaseType, openProps.rows?.length, shareInDataCollectionOptions, sharedInDataCollectionIds.length, t]);\n\n  const loadables = useArray([\n    caseTypeOptionsQuery,\n    caseSetCategoryOptionsQuery,\n    caseSetStatusOptionsQuery,\n    dataCollectionOptionsQuery,\n  ]);\n\n\n  const isLoading = LoadableUtil.isSomeLoading(loadables);\n\n  const onSuccess = useCallback(async (item: CaseDbCaseSet, variables: FormFields) => {\n    if (variables.shouldApplySharingToCases) {\n      await CaseUtil.applyDataCollectionLinks({\n        caseIds: openProps.rows ? openProps.rows.map(row => row.id) : undefined,\n        caseSetDataCollectionIds: variables.share_in_data_collection_ids,\n        caseSetId: item.id,\n        caseTypeId: completeCaseType.id,\n      });\n    }\n    EventBusService.getInstance().emit('onEventCreated');\n    onClose();\n  }, [completeCaseType?.id, onClose, openProps.rows]);\n\n  const onError = useCallback(() => {\n    EventBusService.getInstance().emit('onEventCreated');\n    onClose();\n  }, [onClose]);\n\n  const { isMutating: isCreating, mutate: mutateCreate } = useCreateMutation<CaseDbCaseSet, FormFields>({\n    associationQueryKeys: [\n      ...QueryClientService.getInstance().getQueryKeyDependencies([CASEDB_QUERY_KEY.CASE_SETS]),\n      ...QueryClientService.getInstance().getQueryKeyDependencies([CASEDB_QUERY_KEY.CASE_SET_MEMBERS], true),\n      ...QueryClientService.getInstance().getQueryKeyDependencies([CASEDB_QUERY_KEY.DATA_COLLECTION_SET_MEMBERS], true),\n    ],\n    getErrorNotificationMessage: (item, _error) => t('Failed to create event: {{name}}', { name: item.name }),\n    getProgressNotificationMessage: (variables) => t('Creating event: {{name}}...', { name: variables.name }),\n    getSuccessNotificationMessage: (item) => (\n      <CreateEventDialogSuccessNotificationMessage\n        caseSet={item}\n        isCreating\n      />\n    ),\n    onError,\n    onSuccess,\n    queryFn: async (formData: FormFields): Promise<CaseDbCaseSet> => {\n      const caseSetResult = (await CaseDbCaseApi.getInstance().createCaseSet({\n        case_ids: openProps.rows?.map(row => row.id) ?? [],\n        case_set: {\n          case_set_category_id: formData.case_set_category_id,\n          case_set_status_id: formData.case_set_status_id,\n          case_type_id: formData.case_type_id,\n          code: formData.code,\n          created_in_data_collection_id: formData.create_in_data_collection_id,\n          description: formData.description,\n          name: formData.name,\n        },\n        data_collection_ids: formData.share_in_data_collection_ids,\n      })).data;\n\n      return caseSetResult;\n    },\n    resourceQueryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.CASE_SETS),\n  });\n\n  const isFormDisabled = useMemo(() => {\n    return isLoading || caseTypeOptionsQuery.options?.length === 0 || dataCollectionOptionsQuery.options?.length === 0;\n  }, [isLoading, caseTypeOptionsQuery.options?.length, dataCollectionOptionsQuery.options?.length]);\n\n  useEffect(() => {\n    const actions: DialogAction[] = [];\n    if (isLoading || !isFormDisabled) {\n      actions.push({\n        ...TestIdUtil.createAttributes('CreateEventDialog-saveButton'),\n        autoFocus: true,\n        color: 'secondary',\n        disabled: isLoading || isCreating,\n        form: formId,\n        label: t`Save`,\n        loading: isLoading,\n        startIcon: <SaveIcon />,\n        type: 'submit',\n        variant: 'contained',\n      });\n    }\n    onActionsChange(actions);\n  }, [formId, isCreating, isLoading, onActionsChange, t, caseTypeOptionsQuery.options?.length, isFormDisabled]);\n\n  const onFormSubmit = useCallback((formData: FormFields) => {\n    mutateCreate(formData);\n  }, [mutateCreate]);\n\n  useEffect(() => {\n    if (openProps.completeCaseType) {\n      if (openProps.rows?.length) {\n        onTitleChange(t('Create new event from {{numCases}} selected {{caseTypeName}} cases', { caseTypeName: openProps.completeCaseType.name, numCases: openProps.rows.length }));\n      } else {\n        onTitleChange(t('Create event'));\n      }\n    } else {\n      onTitleChange(t('Create event'));\n    }\n  }, [onTitleChange, openProps, t]);\n\n  return (\n    <ResponseHandler\n      error={completeCaseTypeError}\n      inlineSpinner\n      isLoading={isCreating}\n      loadables={loadables}\n    >\n      {isFormDisabled ? (\n        <Box>\n          <Alert severity={'error'}>\n            {t`You do not have the required permissions to create an event. Contact your organization administrator for assistance.`}\n          </Alert>\n        </Box>\n      ) : (\n        <GenericForm<FormFields>\n          disableAll={isFormDisabled}\n          formFieldDefinitions={formFieldDefinitions}\n          formId={formId}\n          formMethods={formMethods}\n          onSubmit={handleSubmit(onFormSubmit)}\n          schema={schema}\n        />\n      )}\n      {openProps.rows?.length > 0 && (\n        <CasesAlreadyInCaseSetWarning\n          cases={openProps.rows}\n        />\n      )}\n    </ResponseHandler>\n  );\n}, {\n  fullWidth: true,\n  maxWidth: 'lg',\n  testId: 'CreateEventDialog',\n});\n"],"mappings":"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"}

package/dist/components/ui/Dashboard/DashboardDownloadSidebarItem.d.ts

@@ -1,4 +1,4 @@
-import { SidebarItemSharedProps } from '@gen-epix/ui/components/ui/Sidebar';
+import { SidebarItemSharedProps } from '@gen-epix/ui-client-common/components/ui/Sidebar';
 export type DashboardDownloadSidebarItemProps = SidebarItemSharedProps;
 export declare const DashboardDownloadSidebarItemIcon: import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').SvgIconTypeMap<{}, "svg">> & {
     muiName: string;

package/dist/components/ui/Dashboard/DashboardSettingsSidebarItem.d.ts

@@ -1,4 +1,4 @@
-import { SidebarItemSharedProps } from '@gen-epix/ui/components/ui/Sidebar';
+import { SidebarItemSharedProps } from '@gen-epix/ui-client-common/components/ui/Sidebar';
 export type DashboardSettingsSidebarItemProps = {
     readonly onReset: () => void;
 } & SidebarItemSharedProps;

package/dist/components/ui/Dashboard/DashboardWidget.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { MenuItemData } from '@gen-epix/ui/models/nestedMenu';
+import { MenuItemData } from '@gen-epix/ui-core-components/models/nestedMenu';
 export type DashboardWidgetProps = PropsWithChildren<{
     readonly expandDisabled?: boolean;
     readonly isLoading?: boolean;

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

@@ -8,7 +8,7 @@ import { useCaseRightsQuery as c } from "../../../dataHooks/useCaseRightsQuery/i
 import { use as l, useCallback as u, useEffect as d, useMemo as f } from "react";
 import { useTranslation as p } from "react-i18next";
 import { jsx as m } from "react/jsx-runtime";
-import { ResponseHandler as h } from "@gen-epix/ui/components/ui/ResponseHandler";
+import { ResponseHandler as h } from "@gen-epix/ui-client-common/components/ui/ResponseHandler";
 import { useArray as g } from "@gen-epix/ui-core/hooks/useArray";
 //#region src/components/ui/DashboardEditCases/DashboardEditCases.tsx
 var _ = /* @__PURE__ */ e(t(), 1), v = ({ cases: e, onClose: t }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/DashboardEditCases/DashboardEditCases.tsx"],"sourcesContent":["import type {\n  CaseDbCase,\n  CaseDbCaseForUpload,\n} from '@gen-epix/api-casedb';\nimport noop from 'lodash/noop';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n} from 'react';\nimport { useStore } from 'zustand';\nimport { useTranslation } from 'react-i18next';\nimport { ResponseHandler } from '@gen-epix/ui/components/ui/ResponseHandler';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\n\nimport {\n  createUploadStore,\n  STEP_ORDER_BULK_EDIT,\n  UploadStoreContext,\n} from '../../../stores/uploadStore';\nimport { Upload } from '../Upload';\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { useCaseRightsQuery } from '../../../dataHooks/useCaseRightsQuery';\n\nexport type DashboardEditCasesProps = {\n  cases: CaseDbCase[];\n  onClose: () => void;\n};\n\nexport const DashboardEditCases = ({ cases, onClose }: DashboardEditCasesProps) => {\n  const dashboardStore = use(DashboardStoreContext);\n  const completeCaseType = useStore(dashboardStore, (state) => state.completeCaseType);\n  const fetchData = useStore(dashboardStore, (state) => state.fetchData);\n  const { t } = useTranslation();\n\n  const caseRightsQuery = useCaseRightsQuery(cases.map(c => c.id), completeCaseType.id, cases.length > 0);\n\n  const loadables = useArray([caseRightsQuery]);\n\n  const caseRightsColMap = useMemo(() => {\n    const map: { [colId: string]: string[] } = {};\n    completeCaseType.ordered_col_ids.forEach(colId => {\n      map[colId] = [];\n    });\n\n    if (!caseRightsQuery.data) {\n      // build from completeCaseType (allow all cols) if caseRights not provided\n      completeCaseType.ordered_col_ids.forEach(colId => {\n        cases.forEach((caseItem) => {\n          map[colId].push(caseItem.id);\n        });\n      });\n    } else {\n      // build from caseRights if provided\n      caseRightsQuery.data.forEach((caseRight) => {\n        if (caseRight.is_full_access) {\n          completeCaseType.ordered_col_ids.forEach(colId => {\n            map[colId].push(caseRight.case_id);\n          });\n        } else {\n          caseRight.write_col_ids.forEach(colId => {\n            if (!map[colId].includes(caseRight.case_id)) {\n              map[colId].push(caseRight.case_id);\n            }\n          });\n        }\n      });\n    }\n    return map;\n  }, [caseRightsQuery.data, cases, completeCaseType]);\n\n  const casesForVerificationFromSourceData = useMemo<CaseDbCaseForUpload[]>(() => {\n    return cases.map<CaseDbCaseForUpload>((caseItem) => ({\n      case: {\n        ...caseItem,\n      },\n      id: caseItem.id,\n    } satisfies CaseDbCaseForUpload));\n  }, [cases]);\n\n  const onUploadComplete = useCallback(async () => {\n    await fetchData();\n  }, [fetchData]);\n\n  const uploadStore = useMemo(() => createUploadStore({\n    caseRightsColMap,\n    casesForVerificationFromSourceData,\n    completeCaseType,\n    goBackFromFirstStepCallback: onClose,\n    goBackFromFirstStepLabel: t`Back to line list`,\n    onUploadComplete,\n    stepOrder: STEP_ORDER_BULK_EDIT,\n    uploadCompleteButtonCallback: onClose,\n    uploadCompleteButtonLabel: t`Back to line list`,\n  }), [caseRightsColMap, casesForVerificationFromSourceData, completeCaseType, onClose, onUploadComplete, t]);\n\n  useEffect(() => {\n    return () => {\n      uploadStore.getState().destroy().catch(noop);\n    };\n  }, [uploadStore]);\n\n  return (\n    <ResponseHandler loadables={loadables}>\n      <UploadStoreContext value={uploadStore}>\n        <Upload />\n      </UploadStoreContext>\n    </ResponseHandler>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;mCA8Ba,KAAsB,EAAE,UAAO,iBAAuC;CACjF,IAAM,IAAiB,EAAI,CAAqB,GAC1C,IAAmB,EAAS,IAAiB,MAAU,EAAM,gBAAgB,GAC7E,IAAY,EAAS,IAAiB,MAAU,EAAM,SAAS,GAC/D,EAAE,SAAM,EAAe,GAEvB,IAAkB,EAAmB,EAAM,KAAI,MAAK,EAAE,EAAE,GAAG,EAAiB,IAAI,EAAM,SAAS,CAAC,GAEhG,IAAY,EAAS,CAAC,CAAe,CAAC,GAEtC,IAAmB,QAAc;EACrC,IAAM,IAAqC,CAAC;EA4B5C,OA3BA,EAAiB,gBAAgB,SAAQ,MAAS;GAChD,EAAI,KAAS,CAAC;EAChB,CAAC,GAEI,EAAgB,OASnB,EAAgB,KAAK,SAAS,MAAc;GAC1C,AAAI,EAAU,iBACZ,EAAiB,gBAAgB,SAAQ,MAAS;IAChD,EAAI,EAAM,CAAC,KAAK,EAAU,OAAO;GACnC,CAAC,IAED,EAAU,cAAc,SAAQ,MAAS;IACvC,AAAK,EAAI,EAAM,CAAC,SAAS,EAAU,OAAO,KACxC,EAAI,EAAM,CAAC,KAAK,EAAU,OAAO;GAErC,CAAC;EAEL,CAAC,IAnBD,EAAiB,gBAAgB,SAAQ,MAAS;GAChD,EAAM,SAAS,MAAa;IAC1B,EAAI,EAAM,CAAC,KAAK,EAAS,EAAE;GAC7B,CAAC;EACH,CAAC,GAiBI;CACT,GAAG;EAAC,EAAgB;EAAM;EAAO;CAAgB,CAAC,GAE5C,IAAqC,QAClC,EAAM,KAA0B,OAAc;EACnD,MAAM,EACJ,GAAG,EACL;EACA,IAAI,EAAS;CACf,EAAgC,GAC/B,CAAC,CAAK,CAAC,GAEJ,IAAmB,EAAY,YAAY;EAC/C,MAAM,EAAU;CAClB,GAAG,CAAC,CAAS,CAAC,GAER,IAAc,QAAc,EAAkB;EAClD;EACA;EACA;EACA,6BAA6B;EAC7B,0BAA0B,CAAC;EAC3B;EACA,WAAW;EACX,8BAA8B;EAC9B,2BAA2B,CAAC;CAC9B,CAAC,GAAG;EAAC;EAAkB;EAAoC;EAAkB;EAAS;EAAkB;CAAC,CAAC;CAQ1G,OANA,cACe;EACX,EAAY,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAA,OAAI;CAC7C,GACC,CAAC,CAAW,CAAC,GAGd,kBAAC,GAAD;EAA4B;YAC1B,kBAAC,GAAD;GAAoB,OAAO;aACzB,kBAAC,GAAD,CAAS,CAAA;EACS,CAAA;CACL,CAAA;AAErB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/DashboardEditCases/DashboardEditCases.tsx"],"sourcesContent":["import type {\n  CaseDbCase,\n  CaseDbCaseForUpload,\n} from '@gen-epix/api-casedb';\nimport noop from 'lodash/noop';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n} from 'react';\nimport { useStore } from 'zustand';\nimport { useTranslation } from 'react-i18next';\nimport { ResponseHandler } from '@gen-epix/ui-client-common/components/ui/ResponseHandler';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\n\nimport {\n  createUploadStore,\n  STEP_ORDER_BULK_EDIT,\n  UploadStoreContext,\n} from '../../../stores/uploadStore';\nimport { Upload } from '../Upload';\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { useCaseRightsQuery } from '../../../dataHooks/useCaseRightsQuery';\n\nexport type DashboardEditCasesProps = {\n  cases: CaseDbCase[];\n  onClose: () => void;\n};\n\nexport const DashboardEditCases = ({ cases, onClose }: DashboardEditCasesProps) => {\n  const dashboardStore = use(DashboardStoreContext);\n  const completeCaseType = useStore(dashboardStore, (state) => state.completeCaseType);\n  const fetchData = useStore(dashboardStore, (state) => state.fetchData);\n  const { t } = useTranslation();\n\n  const caseRightsQuery = useCaseRightsQuery(cases.map(c => c.id), completeCaseType.id, cases.length > 0);\n\n  const loadables = useArray([caseRightsQuery]);\n\n  const caseRightsColMap = useMemo(() => {\n    const map: { [colId: string]: string[] } = {};\n    completeCaseType.ordered_col_ids.forEach(colId => {\n      map[colId] = [];\n    });\n\n    if (!caseRightsQuery.data) {\n      // build from completeCaseType (allow all cols) if caseRights not provided\n      completeCaseType.ordered_col_ids.forEach(colId => {\n        cases.forEach((caseItem) => {\n          map[colId].push(caseItem.id);\n        });\n      });\n    } else {\n      // build from caseRights if provided\n      caseRightsQuery.data.forEach((caseRight) => {\n        if (caseRight.is_full_access) {\n          completeCaseType.ordered_col_ids.forEach(colId => {\n            map[colId].push(caseRight.case_id);\n          });\n        } else {\n          caseRight.write_col_ids.forEach(colId => {\n            if (!map[colId].includes(caseRight.case_id)) {\n              map[colId].push(caseRight.case_id);\n            }\n          });\n        }\n      });\n    }\n    return map;\n  }, [caseRightsQuery.data, cases, completeCaseType]);\n\n  const casesForVerificationFromSourceData = useMemo<CaseDbCaseForUpload[]>(() => {\n    return cases.map<CaseDbCaseForUpload>((caseItem) => ({\n      case: {\n        ...caseItem,\n      },\n      id: caseItem.id,\n    } satisfies CaseDbCaseForUpload));\n  }, [cases]);\n\n  const onUploadComplete = useCallback(async () => {\n    await fetchData();\n  }, [fetchData]);\n\n  const uploadStore = useMemo(() => createUploadStore({\n    caseRightsColMap,\n    casesForVerificationFromSourceData,\n    completeCaseType,\n    goBackFromFirstStepCallback: onClose,\n    goBackFromFirstStepLabel: t`Back to line list`,\n    onUploadComplete,\n    stepOrder: STEP_ORDER_BULK_EDIT,\n    uploadCompleteButtonCallback: onClose,\n    uploadCompleteButtonLabel: t`Back to line list`,\n  }), [caseRightsColMap, casesForVerificationFromSourceData, completeCaseType, onClose, onUploadComplete, t]);\n\n  useEffect(() => {\n    return () => {\n      uploadStore.getState().destroy().catch(noop);\n    };\n  }, [uploadStore]);\n\n  return (\n    <ResponseHandler loadables={loadables}>\n      <UploadStoreContext value={uploadStore}>\n        <Upload />\n      </UploadStoreContext>\n    </ResponseHandler>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;mCA8Ba,KAAsB,EAAE,UAAO,iBAAuC;CACjF,IAAM,IAAiB,EAAI,CAAqB,GAC1C,IAAmB,EAAS,IAAiB,MAAU,EAAM,gBAAgB,GAC7E,IAAY,EAAS,IAAiB,MAAU,EAAM,SAAS,GAC/D,EAAE,SAAM,EAAe,GAEvB,IAAkB,EAAmB,EAAM,KAAI,MAAK,EAAE,EAAE,GAAG,EAAiB,IAAI,EAAM,SAAS,CAAC,GAEhG,IAAY,EAAS,CAAC,CAAe,CAAC,GAEtC,IAAmB,QAAc;EACrC,IAAM,IAAqC,CAAC;EA4B5C,OA3BA,EAAiB,gBAAgB,SAAQ,MAAS;GAChD,EAAI,KAAS,CAAC;EAChB,CAAC,GAEI,EAAgB,OASnB,EAAgB,KAAK,SAAS,MAAc;GAC1C,AAAI,EAAU,iBACZ,EAAiB,gBAAgB,SAAQ,MAAS;IAChD,EAAI,EAAM,CAAC,KAAK,EAAU,OAAO;GACnC,CAAC,IAED,EAAU,cAAc,SAAQ,MAAS;IACvC,AAAK,EAAI,EAAM,CAAC,SAAS,EAAU,OAAO,KACxC,EAAI,EAAM,CAAC,KAAK,EAAU,OAAO;GAErC,CAAC;EAEL,CAAC,IAnBD,EAAiB,gBAAgB,SAAQ,MAAS;GAChD,EAAM,SAAS,MAAa;IAC1B,EAAI,EAAM,CAAC,KAAK,EAAS,EAAE;GAC7B,CAAC;EACH,CAAC,GAiBI;CACT,GAAG;EAAC,EAAgB;EAAM;EAAO;CAAgB,CAAC,GAE5C,IAAqC,QAClC,EAAM,KAA0B,OAAc;EACnD,MAAM,EACJ,GAAG,EACL;EACA,IAAI,EAAS;CACf,EAAgC,GAC/B,CAAC,CAAK,CAAC,GAEJ,IAAmB,EAAY,YAAY;EAC/C,MAAM,EAAU;CAClB,GAAG,CAAC,CAAS,CAAC,GAER,IAAc,QAAc,EAAkB;EAClD;EACA;EACA;EACA,6BAA6B;EAC7B,0BAA0B,CAAC;EAC3B;EACA,WAAW;EACX,8BAA8B;EAC9B,2BAA2B,CAAC;CAC9B,CAAC,GAAG;EAAC;EAAkB;EAAoC;EAAkB;EAAS;EAAkB;CAAC,CAAC;CAQ1G,OANA,cACe;EACX,EAAY,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAA,OAAI;CAC7C,GACC,CAAC,CAAW,CAAC,GAGd,kBAAC,GAAD;EAA4B;EAC1B,UAAA,kBAAC,GAAD;GAAoB,OAAO;GACzB,UAAA,kBAAC,GAAD,CAAS,CAAA;EACS,CAAA;CACL,CAAA;AAErB"}