feat: add push analytics mode field

i18n/en.pot

@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2024-02-28T13:31:16.191Z\n"
-"PO-Revision-Date: 2024-02-28T13:31:16.191Z\n"
+"POT-Creation-Date: 2024-02-29T16:49:15.985Z\n"
+"PO-Revision-Date: 2024-02-29T16:49:15.985Z\n"
 
 msgid "Something went wrong"
 msgstr "Something went wrong"
@@ -33,6 +33,9 @@ msgstr "Delete job"
 msgid "Delete queue"
 msgstr "Delete queue"
 
+msgid "CRON Expression"
+msgstr "CRON Expression"
+
 msgid "Please select data exchange ids."
 msgstr "Please select data exchange ids."
 
@@ -45,9 +48,6 @@ msgstr "There was a problem fetching data exchange ids"
 msgid "error type"
 msgstr "error type"
 
-msgid "CRON Expression"
-msgstr "CRON Expression"
-
 msgid "Please select checks to run."
 msgstr "Please select checks to run."
 
@@ -72,6 +72,15 @@ msgstr "Select checks to run."
 msgid "Report type"
 msgstr "Report type"
 
+msgid "Loading options"
+msgstr "Loading options"
+
+msgid "Something went wrong whilst loading options"
+msgstr "Something went wrong whilst loading options"
+
+msgid "No options available"
+msgstr "No options available"
+
 msgid "Delay"
 msgstr "Delay"
 
@@ -87,15 +96,6 @@ msgstr "Loading job types"
 msgid "Something went wrong whilst loading job types"
 msgstr "Something went wrong whilst loading job types"
 
-msgid "Loading options"
-msgstr "Loading options"
-
-msgid "Something went wrong whilst loading options"
-msgstr "Something went wrong whilst loading options"
-
-msgid "No options available"
-msgstr "No options available"
-
 msgid "Queues can't be named \"Add\" or \"add\""
 msgstr "Queues can't be named \"Add\" or \"add\""
 
@@ -543,6 +543,12 @@ msgstr "Tracker search optimization"
 msgid "Validation results notification"
 msgstr "Validation results notification"
 
+msgid "Executor"
+msgstr "Executor"
+
+msgid "Receiver"
+msgstr "Receiver"
+
 msgid "A CRON expression is required"
 msgstr "A CRON expression is required"
 

src/components/FormFields/DataIntegrityChecksField.js → src/components/FormFields/Custom/DataIntegrityChecksField.js

@@ -13,8 +13,8 @@ import {
     Help,
 } from '@dhis2/ui'
 import cx from 'classnames'
-import { useParameterOption } from '../../hooks/parameter-options'
-import { severityMap } from '../../services/server-translations/dataIntegrityChecks'
+import { useParameterOption } from '../../../hooks/parameter-options'
+import { severityMap } from '../../../services/server-translations/dataIntegrityChecks'
 import styles from './DataIntegrityChecksField.module.css'
 
 const { Field, useField } = ReactFinalForm

src/components/FormFields/DataIntegrityReportTypeField.js → src/components/FormFields/Custom/DataIntegrityReportTypeField.js

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { SingleSelectFieldFF, ReactFinalForm } from '@dhis2/ui'
 import i18n from '@dhis2/d2-i18n'
-import { getReportTypeLabel } from '../../services/server-translations/dataIntegrityChecks'
+import { getReportTypeLabel } from '../../../services/server-translations/dataIntegrityChecks'
 
 const { Field } = ReactFinalForm
 

src/components/FormFields/Custom/PushAnalyticsModeField.js

@@ -0,0 +1,47 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import i18n from '@dhis2/d2-i18n'
+import {
+    SingleSelectField,
+    ReactFinalForm,
+    SingleSelectFieldFF,
+} from '@dhis2/ui'
+import { pushAnalyticsModes } from '../../../services/server-translations'
+
+const { Field } = ReactFinalForm
+
+const PushAnalyticsModeField = ({ label, name, constants }) => {
+    if (constants.length === 0) {
+        return (
+            <SingleSelectField
+                label={label}
+                helpText={i18n.t('No options available')}
+                disabled
+            />
+        )
+    }
+
+    const options = constants.map((option) => ({
+        value: option,
+        label: pushAnalyticsModes[option] || option,
+    }))
+
+    return (
+        <Field
+            name={name}
+            component={SingleSelectFieldFF}
+            options={options}
+            label={label}
+        />
+    )
+}
+
+const { string, arrayOf } = PropTypes
+
+PushAnalyticsModeField.propTypes = {
+    constants: arrayOf(string).isRequired,
+    label: string.isRequired,
+    name: string.isRequired,
+}
+
+export default PushAnalyticsModeField

src/components/FormFields/SkipTableTypesField.js → src/components/FormFields/Custom/SkipTableTypesField.js

@@ -2,8 +2,8 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import i18n from '@dhis2/d2-i18n'
 import { MultiSelectField, ReactFinalForm, MultiSelectFieldFF } from '@dhis2/ui'
-import { analyticsTableTypes } from '../../services/server-translations'
-import { useParameterOption } from '../../hooks/parameter-options'
+import { analyticsTableTypes } from '../../../services/server-translations'
+import { useParameterOption } from '../../../hooks/parameter-options'
 
 const { Field } = ReactFinalForm
 

src/components/FormFields/SkipTableTypesField.test.js → src/components/FormFields/Custom/SkipTableTypesField.test.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { mount } from 'enzyme'
 import { ReactFinalForm } from '@dhis2/ui'
-import { useParameterOption } from '../../hooks/parameter-options'
+import { useParameterOption } from '../../../hooks/parameter-options'
 import SkipTableTypesField from './SkipTableTypesField'
 
 const { Form } = ReactFinalForm

src/components/FormFields/ParameterFields.js

@@ -9,19 +9,21 @@ import {
     SwitchFieldFF,
 } from '@dhis2/ui'
 import { useJobTypeParameters } from '../../hooks/job-types'
-import { formatToString } from './formatters'
-import SkipTableTypesField from './SkipTableTypesField'
-import LabeledOptionsField from './LabeledOptionsField'
-import DataIntegrityChecksField from './DataIntegrityChecksField'
-import DataIntegrityReportTypeField from './DataIntegrityReportTypeField'
+import SkipTableTypesField from './Custom/SkipTableTypesField'
+import DataIntegrityChecksField from './Custom/DataIntegrityChecksField'
+import DataIntegrityReportTypeField from './Custom/DataIntegrityReportTypeField'
+import AggregatedDataExchangeField from './Custom/AggregatedDataExchangeField'
+import PushAnalyticsModeField from './Custom/PushAnalyticsModeField'
 import styles from './ParameterFields.module.css'
-import AggregatedDataExchangeField from './AggregatedDataExchangeField'
+import LabeledOptionsField from './LabeledOptionsField'
+import { formatToString } from './formatters'
 
 const { Field } = ReactFinalForm
 
 // The key under which the parameters will be sent to the backend
 const FIELD_NAME = 'jobParameters'
 
+// Overrides for fields where the generic types aren't appropriate
 const getCustomComponent = (jobType, parameterName) => {
     switch (jobType) {
         case 'DATA_INTEGRITY':
@@ -51,7 +53,7 @@ const getCustomComponent = (jobType, parameterName) => {
             } else if (parameterName === 'receivers') {
                 return LabeledOptionsField
             } else if (parameterName === 'mode') {
-                return null
+                return PushAnalyticsModeField
             }
 
             return null
@@ -84,6 +86,7 @@ const ParameterFields = ({ jobType }) => {
     // Map all parameters to the appropriate field types
     const parameterComponents = data.map(
         ({ fieldName, name, klass, ...rest }) => {
+            let parameterComponent = null
             const defaultProps = {
                 label: fieldName,
                 name: `${FIELD_NAME}.${name}`,
@@ -95,8 +98,8 @@ const ParameterFields = ({ jobType }) => {
                 ...rest,
             }
 
-            // Fields that can't be handled by the generic fields
             const CustomParameterComponent = getCustomComponent(jobType, name)
+
             if (CustomParameterComponent) {
                 return (
                     <Box marginTop="16px" key={name}>
@@ -110,7 +113,6 @@ const ParameterFields = ({ jobType }) => {
             }
 
             // Generic field rendering
-            let parameterComponent = null
             switch (klass) {
                 case 'java.lang.String':
                     parameterComponent = (

src/components/FormFields/QueueOrderField/CustomOption.js → src/components/FormFields/QueueOption.js

@@ -1,11 +1,11 @@
 import React from 'react'
 import cx from 'classnames'
 import PropTypes from 'prop-types'
-import styles from './CustomOption.module.css'
+import styles from './QueueOption.module.css'
 
 const { bool, func, string } = PropTypes
 
-const CustomOption = ({
+const QueueOption = ({
     label,
     value,
     type,
@@ -30,7 +30,7 @@ const CustomOption = ({
     )
 }
 
-CustomOption.propTypes = {
+QueueOption.propTypes = {
     highlighted: bool.isRequired,
     label: string.isRequired,
     type: string.isRequired,
@@ -39,4 +39,4 @@ CustomOption.propTypes = {
     onDoubleClick: func.isRequired,
 }
 
-export default CustomOption
+export default QueueOption

src/components/FormFields/QueueOrderField/QueueOrderField.js → src/components/FormFields/QueueOrderField.js

@@ -2,8 +2,8 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { ReactFinalForm, CircularLoader, NoticeBox } from '@dhis2/ui'
 import i18n from '@dhis2/d2-i18n'
-import { jobTypesMap } from '../../../services/server-translations'
-import { useQueueables } from '../../../hooks/queueables'
+import { jobTypesMap } from '../../services/server-translations'
+import { useQueueables } from '../../hooks/queueables'
 import QueueTransfer from './QueueTransfer'
 
 const { Field } = ReactFinalForm

src/components/FormFields/QueueOrderField/QueueOrderField.test.js → src/components/FormFields/QueueOrderField.test.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { mount } from 'enzyme'
 import { ReactFinalForm, CircularLoader } from '@dhis2/ui'
-import { useQueueables } from '../../../hooks/queueables'
+import { useQueueables } from '../../hooks/queueables'
 import QueueOrderField from './QueueOrderField'
 
 const { Form } = ReactFinalForm

src/components/FormFields/QueueOrderField/QueueTransfer.js → src/components/FormFields/QueueTransfer.js

@@ -3,7 +3,7 @@ import i18n from '@dhis2/d2-i18n'
 import PropTypes from 'prop-types'
 import { Field, Transfer } from '@dhis2/ui'
 import QueueTransferTitle from './QueueTransferTitle'
-import CustomOption from './CustomOption'
+import QueueOption from './QueueOption'
 
 const { bool, arrayOf, shape, func, array, string } = PropTypes
 
@@ -22,7 +22,7 @@ const QueueTransfer = ({ options, input, meta }) => {
             <Transfer
                 options={options}
                 selected={value}
-                renderOption={CustomOption}
+                renderOption={QueueOption}
                 filterable
                 filterPlaceholder={i18n.t('Filter jobs')}
                 enableOrderChange

src/components/FormFields/index.js

@@ -9,6 +9,6 @@ export { default as JobTypeField } from './JobTypeField'
 export { default as NameField } from './NameField'
 export { default as ParameterFields } from './ParameterFields'
 export { default as ScheduleField } from './ScheduleField'
-export { QueueOrderField } from './QueueOrderField'
+export { default as QueueOrderField } from './QueueOrderField'
 
 export { fieldNames }

src/services/server-translations/index.js

@@ -1,3 +1,4 @@
 export { default as analyticsTableTypes } from './analyticsTableTypes'
 export { default as jobTypesMap } from './jobTypesMap'
 export { default as jobStatusMap } from './jobStatusMap'
+export { default as pushAnalyticsModes } from './pushAnalyticsModes'

src/services/server-translations/pushAnalyticsModes.js

@@ -0,0 +1,8 @@
+import i18n from '@dhis2/d2-i18n'
+
+const pushAnalyticsModes = {
+    EXECUTOR: i18n.t('Executor'),
+    RECEIVER: i18n.t('Receiver'),
+}
+
+export default pushAnalyticsModes