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

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-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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"}
+{"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/HistogramWidget/index.js

@@ -3,193 +3,192 @@ import { t } from "../../../_chunks/intersection.js";
 import { CaseUtil as n } from "../../../utils/CaseUtil/index.js";
 import { t as r } from "../../../_chunks/round.js";
 import { DashboardUtil as i } from "../../../utils/DashboardUtil/index.js";
-import { HISTOGRAM_ALLOWED_COL_TYPES as a, HistogramUtil as o } from "../../../utils/HistogramUtil/index.js";
-import { DASHBOARD_COMPONENT_NAME as s } from "../../../constants/dashboard.js";
-import { a as c, c as l, f as u, h as d, l as f, m as p, n as m, p as h, t as g } from "../../../_chunks/esm.js";
-import { t as _ } from "../../../_chunks/react.js";
-import { t as ee } from "../../../_chunks/dashboardStore.js";
-import { ContextMenu as te } from "../ContextMenu/index.js";
-import { WidgetUnavailable as v } from "../WidgetUnavailable/index.js";
-import { EventBusService as y } from "../../../classes/services/EventBusService/index.js";
-import { t as b } from "../../../_chunks/CaseDbDownloadUtil.js";
-import { n as ne } from "../../../_chunks/LegendaItem.js";
-import { t as re } from "../../../_chunks/Dashboard.js";
-import { ConfigService as ie } from "@gen-epix/ui-client-common/classes/services/ConfigService";
-import { ListItemIcon as ae, ListItemText as oe, MenuItem as se, useTheme as ce } from "@mui/material";
-import { use as x, useCallback as S, useEffect as C, useMemo as w, useRef as T, useState as E } from "react";
-import { useTranslation as le } from "react-i18next";
-import ue from "@mui/icons-material/FilterAlt";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { Box as de } from "@mui/system";
+import { HISTOGRAM_ALLOWED_COL_TYPES as ee, HistogramUtil as a } from "../../../utils/HistogramUtil/index.js";
+import { DASHBOARD_COMPONENT_NAME as o } from "../../../constants/dashboard.js";
+import { a as s, c, f as l, h as u, l as d, m as f, n as p, p as m, t as te } from "../../../_chunks/esm.js";
+import { t as h } from "../../../_chunks/react.js";
+import { t as g } from "../../../_chunks/dashboardStore.js";
+import { ContextMenu as _ } from "../ContextMenu/index.js";
+import { WidgetUnavailable as ne } from "../WidgetUnavailable/index.js";
+import { EventBusService as v } from "../../../classes/services/EventBusService/index.js";
+import { t as y } from "../../../_chunks/CaseDbDownloadUtil.js";
+import { n as re } from "../../../_chunks/LegendaItem.js";
+import { t as ie } from "../../../_chunks/Dashboard.js";
+import { ConfigService as ae } from "@gen-epix/ui-client-common/classes/services/ConfigService";
+import { Box as oe, ListItemIcon as se, ListItemText as ce, MenuItem as le, useTheme as ue } from "@mui/material";
+import { use as b, useCallback as x, useEffect as S, useMemo as C, useRef as w, useState as T } from "react";
+import { useTranslation as E } from "react-i18next";
+import D from "@mui/icons-material/FilterAlt";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
 //#region src/components/ui/HistogramWidget/HistogramWidget.tsx
-var fe = /* @__PURE__ */ e(r(), 1), pe = /* @__PURE__ */ e(t(), 1);
-u([
-	f,
+var de = /* @__PURE__ */ e(r(), 1), fe = /* @__PURE__ */ e(t(), 1);
+l([
+	d,
+	s,
 	c,
-	l,
-	m
+	p
 ]);
-var me = {
-	dispose: h,
-	getInstanceByDom: p,
-	init: d
-}, k = () => {
-	let { t: e } = le(), t = ce(), r = T(null), c = T(null), l = w(() => ({ nonce: ie.getInstance().config.nonce }), []), u = x(ee), d = x(ne), f = _(u, (e) => e.completeCaseType), p = _(u, (e) => e.sortedData), m = _(u, (e) => e.setFilterValues), h = _(u, (e) => e.updateWidgetData), k = _(u, (e) => e.getWidgetData(s.HISTOGRAM)), [A, j] = E(null), M = w(() => a, []), N = w(() => o.getAllowedCols(f, M), [M, f]), [P, F] = E(k.colAId ? f?.cols[k.colAId] ?? null : null), [I, L] = E(k.colBId ? f?.cols[k.colBId] ?? null : null), [R, z] = E(null), he = S(() => {
-		z(null), j(null);
-	}, []), B = w(() => i.getCaseCount(p), [p]), V = w(() => o.getDefaultCols(N, f), [N, f]), H = N.length > 1 && V?.newColA && V?.newColB, U = H && P && I && B > 0, W = S((e, t) => {
-		F(e), L(t), h(s.HISTOGRAM, {
+var pe = {
+	dispose: m,
+	getInstanceByDom: f,
+	init: u
+}, A = () => {
+	let { t: e } = E(), t = ue(), r = w(null), s = w(null), c = C(() => ({ nonce: ae.getInstance().config.nonce }), []), l = b(g), u = b(re), d = h(l, (e) => e.completeCaseType), f = h(l, (e) => e.sortedData), p = h(l, (e) => e.setFilterValues), m = h(l, (e) => e.updateWidgetData), A = h(l, (e) => e.getWidgetData(o.HISTOGRAM)), [j, M] = T(null), N = C(() => ee, []), P = C(() => a.getAllowedCols(d, N), [N, d]), [F, I] = T(A.colAId ? d?.cols[A.colAId] ?? null : null), [L, R] = T(A.colBId ? d?.cols[A.colBId] ?? null : null), [z, B] = T(null), me = x(() => {
+		B(null), M(null);
+	}, []), V = C(() => i.getCaseCount(f), [f]), H = C(() => a.getDefaultCols(P, d), [P, d]), U = P.length > 1 && H?.newColA && H?.newColB, W = U && F && L && V > 0, G = x((e, t) => {
+		I(e), R(t), m(o.HISTOGRAM, {
 			colAId: e.id,
 			colBId: t.id
 		});
-	}, [h]);
-	C(() => {
-		if (P && I || !V) return;
-		let { newColA: e, newColB: t } = V;
-		F(e), L(t), h(s.HISTOGRAM, {
+	}, [m]);
+	S(() => {
+		if (F && L || !H) return;
+		let { newColA: e, newColB: t } = H;
+		I(e), R(t), m(o.HISTOGRAM, {
 			colAId: e.id,
 			colBId: t.id
 		});
 	}, [
+		F,
 		P,
-		N,
-		I,
-		f,
-		V,
-		h
+		L,
+		d,
+		H,
+		m
 	]);
-	let [G, K] = w(() => o.getConcepts(P, I, f), [
-		P,
-		I,
-		f
-	]), q = w(() => o.getSeries(P, I, f, p, G, K), [
-		P,
-		I,
+	let [K, q] = C(() => a.getConcepts(F, L, d), [
+		F,
+		L,
+		d
+	]), J = C(() => a.getSeries(F, L, d, f, K, q), [
+		F,
+		L,
+		d,
 		f,
-		p,
-		G,
-		K
-	]), J = w(() => o.getCaseCount(q), [q]), Y = B - J, ge = Y > 0 ? (0, fe.default)(Y / B * 100, 1) : 0, _e = w(() => {
-		if (!U) return !V || N.length < 2 ? e`No two compatible columns found to display a histogram.` : B ? J ? null : e`No cases found with valid values for the selected columns to display a histogram.` : e`No cases found.`;
+		K,
+		q
+	]), Y = C(() => a.getCaseCount(J), [J]), X = V - Y, he = X > 0 ? (0, de.default)(X / V * 100, 1) : 0, ge = C(() => {
+		if (!W) return !H || P.length < 2 ? e`No two compatible columns found to display a histogram.` : V ? Y ? null : e`No cases found with valid values for the selected columns to display a histogram.` : e`No cases found.`;
 	}, [
-		N.length,
+		P.length,
+		H,
+		Y,
 		V,
-		J,
-		B,
-		U,
+		W,
 		e
-	]), X = w(() => o.getColors(P, f, p), [
-		f,
-		P,
-		p
-	]), ve = S(() => U ? o.getChartOptions({
-		aCol: P,
-		bCol: I,
-		colors: X,
-		conceptsA: G,
-		conceptsB: K,
-		series: q,
+	]), Z = C(() => a.getColors(F, d, f), [
+		d,
+		F,
+		f
+	]), _e = x(() => W ? a.getChartOptions({
+		aCol: F,
+		bCol: L,
+		colors: Z,
+		conceptsA: K,
+		conceptsB: q,
+		series: J,
 		t: e,
 		theme: t
 	}) : null, [
-		U,
-		X,
+		W,
+		Z,
 		t,
-		K,
 		q,
-		G,
-		P,
-		I,
+		J,
+		K,
+		F,
+		L,
 		e
-	]), Z = w(() => {
+	]), ve = C(() => {
 		let t;
-		if (t = P && I ? e("Histogram: {{aColLabel}} and {{bColLabel}}", {
-			aColLabel: P.label,
-			bColLabel: I.label
-		}) : e`Histogram`, !V?.newColA || !V?.newColB) return t;
+		if (t = F && L ? e("Histogram: {{aColLabel}} and {{bColLabel}}", {
+			aColLabel: F.label,
+			bColLabel: L.label
+		}) : e`Histogram`, !H?.newColA || !H?.newColB) return t;
 		let n = {
-			disabled: !H || N.length < 2,
+			disabled: !U || P.length < 2,
 			items: [],
 			label: t
 		};
-		return N.forEach((t) => {
+		return P.forEach((t) => {
 			let r = {
-				active: P?.id === t.id || void 0,
+				active: F?.id === t.id || void 0,
 				items: [],
 				label: e("Grouping: {{label}}", { label: t.label })
 			};
-			N.forEach((n) => {
+			P.forEach((n) => {
 				t.id !== n.id && r.items.push({
-					active: (P?.id === t.id || void 0) && (I?.id === n.id || void 0),
+					active: (F?.id === t.id || void 0) && (L?.id === n.id || void 0),
 					callback: () => {
-						W(t, n);
+						G(t, n);
 					},
 					label: e("X-Axis: {{label}}", { label: n.label })
 				});
 			}), n.items.push(r);
 		}), n;
 	}, [
+		F,
+		L,
+		U,
 		P,
-		I,
-		H,
-		N,
-		V?.newColA,
-		V?.newColB,
+		H?.newColA,
+		H?.newColB,
 		e,
-		W
-	]), ye = S((t) => {
-		if (c.current = t, !P || !I) return;
+		G
+	]), ye = x((t) => {
+		if (s.current = t, !F || !L) return;
 		let n = t.getDom();
 		n?.setAttribute("aria-label", e("Histogram showing the number of cases for {{aColLabel}} and {{bColLabel}}", {
-			aColLabel: P?.label,
-			bColLabel: I?.label
+			aColLabel: F?.label,
+			bColLabel: L?.label
 		})), n?.setAttribute("role", "img");
 	}, [
-		P,
-		I,
+		F,
+		L,
 		e
 	]);
-	C(() => {
+	S(() => {
 		let t = () => {
-			y.getInstance().emit("onDownloadOptionsChanged", {
-				disabled: !H,
+			v.getInstance().emit("onDownloadOptionsChanged", {
+				disabled: !U,
 				items: [{
-					callback: () => b.downloadEchartsImage(e`Histogram`, r.current.getEchartsInstance(), "png", f, e),
-					disabled: !U,
+					callback: () => y.downloadEchartsImage(e`Histogram`, r.current.getEchartsInstance(), "png", d, e),
+					disabled: !W,
 					label: e`Save as PNG`
 				}, {
-					callback: () => b.downloadEchartsImage(e`Histogram`, r.current.getEchartsInstance(), "jpeg", f, e),
-					disabled: !U,
+					callback: () => y.downloadEchartsImage(e`Histogram`, r.current.getEchartsInstance(), "jpeg", d, e),
+					disabled: !W,
 					label: e`Save as JPEG`
 				}],
-				zone: s.HISTOGRAM,
+				zone: o.HISTOGRAM,
 				zoneLabel: e`Histogram`
 			});
 		};
 		t();
-		let n = y.getInstance();
+		let n = v.getInstance();
 		return n.addEventListener("onDownloadOptionsRequested", t), () => {
 			n.emit("onDownloadOptionsChanged", {
 				items: null,
-				zone: s.HISTOGRAM,
+				zone: o.HISTOGRAM,
 				zoneLabel: e`Histogram`
 			}), n.removeEventListener("onDownloadOptionsRequested", t);
 		};
 	}, [
-		f,
+		d,
+		W,
 		U,
-		H,
 		e
 	]);
-	let Q = S((e) => {
-		d.highlight({
+	let Q = x((e) => {
+		u.highlight({
 			caseIds: e,
-			origin: s.HISTOGRAM
+			origin: o.HISTOGRAM
 		});
-	}, [d]), be = w(() => {
+	}, [u]), be = C(() => {
 		let e = (e) => {
-			let t = o.getColValuesFromPayload(e, G, K);
-			return t ? p.filter((e) => {
-				let r = n.getRowValue(e.content, P, f), i = n.getRowValue(e.content, I, f);
+			let t = a.getColValuesFromPayload(e, K, q);
+			return t ? f.filter((e) => {
+				let r = n.getRowValue(e.content, F, d), i = n.getRowValue(e.content, L, d);
 				return t.a === r.raw && t.b === i.raw;
 			}).map((e) => e.id) : [];
 		};
@@ -205,7 +204,7 @@ var me = {
 			},
 			mouseup: (t) => {
 				let { event: n } = t;
-				j(o.getColValuesFromPayload(t, G, K)), z({
+				M(a.getColValuesFromPayload(t, K, q)), B({
 					caseIds: e(t),
 					mouseEvent: n.event,
 					position: {
@@ -216,53 +215,53 @@ var me = {
 			}
 		};
 	}, [
-		P,
-		I,
-		f,
-		G,
+		F,
+		L,
+		d,
 		K,
+		q,
 		Q,
-		p
-	]), $ = S(async (e) => {
-		!A || !P || !I || (await m({
-			[P.id]: [A.a],
-			[I.id]: [A.b]
+		f
+	]), $ = x(async (e) => {
+		!j || !F || !L || (await p({
+			[F.id]: [j.a],
+			[L.id]: [j.b]
 		}), e());
 	}, [
-		P,
-		I,
-		A,
-		m
-	]), xe = S((t) => {
-		let n = G.find((e) => e.id === A?.a)?.name, r = K.find((e) => e.id === A?.b)?.name;
-		return !n || !r || !A ? null : /* @__PURE__ */ O(se, {
+		F,
+		L,
+		j,
+		p
+	]), xe = x((t) => {
+		let n = K.find((e) => e.id === j?.a)?.name, r = q.find((e) => e.id === j?.b)?.name;
+		return !n || !r || !j ? null : /* @__PURE__ */ k(le, {
 			divider: !0,
 			onClick: async () => await $(t),
-			children: [/* @__PURE__ */ D(ae, { children: /* @__PURE__ */ D(ue, { fontSize: "small" }) }), /* @__PURE__ */ D(oe, { children: e("Filter (show only {{conceptALabel}} and {{conceptBLabel}})", {
+			children: [/* @__PURE__ */ O(se, { children: /* @__PURE__ */ O(D, { fontSize: "small" }) }), /* @__PURE__ */ O(ce, { children: e("Filter (show only {{conceptALabel}} and {{conceptBLabel}})", {
 				conceptALabel: n,
 				conceptBLabel: r
 			}) })]
 		});
 	}, [
-		G,
 		K,
-		A,
+		q,
+		j,
 		$,
 		e
 	]);
-	return C(() => {
-		let e = d.highlightSubject.subscribe((e) => {
-			if (e.origin === s.HISTOGRAM) return;
-			let t = c.current;
+	return S(() => {
+		let e = u.highlightSubject.subscribe((e) => {
+			if (e.origin === o.HISTOGRAM) return;
+			let t = s.current;
 			if (!t) return;
 			if (!e?.caseIds?.length) {
 				t.dispatchAction({ type: "downplay" });
 				return;
 			}
 			let n = /* @__PURE__ */ new Map();
-			q?.forEach((t, r) => {
+			J?.forEach((t, r) => {
 				t.xCaseIds?.forEach((t, i) => {
-					if ((0, pe.default)(t, e.caseIds).length) {
+					if ((0, fe.default)(t, e.caseIds).length) {
 						let e = n.get(i) ?? /* @__PURE__ */ new Set();
 						e.add(r), n.set(i, e);
 					}
@@ -270,7 +269,7 @@ var me = {
 			}), t.dispatchAction({ type: "downplay" });
 			let r = [];
 			n.forEach((e, t) => {
-				if (e.size === q?.length) {
+				if (e.size === J?.length) {
 					r.push({ dataIndex: t });
 					return;
 				}
@@ -290,44 +289,44 @@ var me = {
 		return () => {
 			e();
 		};
-	}, [d, q]), /* @__PURE__ */ O(re, {
-		expandDisabled: !H,
-		title: Z,
-		warningMessage: H && J > 0 && Y > 0 ? e("Missing cases: {{missingCasesCount}} ({{missingCasesPercentage}}%)", {
-			missingCasesCount: Y,
-			missingCasesPercentage: ge
+	}, [u, J]), /* @__PURE__ */ k(ie, {
+		expandDisabled: !U,
+		title: ve,
+		warningMessage: U && Y > 0 && X > 0 ? e("Missing cases: {{missingCasesCount}} ({{missingCasesPercentage}}%)", {
+			missingCasesCount: X,
+			missingCasesPercentage: he
 		}) : void 0,
-		widgetName: s.HISTOGRAM,
-		children: [!H && /* @__PURE__ */ D(v, {
-			reason: _e,
+		widgetName: o.HISTOGRAM,
+		children: [!U && /* @__PURE__ */ O(ne, {
+			reason: ge,
 			widgetLabel: e`histogram`
-		}), H && /* @__PURE__ */ O(de, {
+		}), U && /* @__PURE__ */ k(oe, {
 			sx: {
 				height: "100%",
 				position: "relative"
 			},
-			children: [U && /* @__PURE__ */ D(g, {
-				echarts: me,
+			children: [W && /* @__PURE__ */ O(te, {
+				echarts: pe,
 				notMerge: !0,
 				onChartReady: ye,
 				onEvents: be,
-				option: ve(),
-				opts: l,
+				option: _e(),
+				opts: c,
 				ref: r,
 				style: {
 					height: "100%",
 					position: "absolute",
 					width: "100%"
 				}
-			}), /* @__PURE__ */ D(te, {
-				config: R,
+			}), /* @__PURE__ */ O(_, {
+				config: z,
 				getExtraItems: xe,
-				onMenuClose: he
+				onMenuClose: me
 			})]
 		})]
 	});
 };
 //#endregion
-export { k as HistogramWidget };
+export { A as HistogramWidget };
 
 //# sourceMappingURL=index.js.map