chore: fix i18n imports

Make them all the same and import from locales/index.js to ensure the
translations are always added.

src/components/AboutAOUnit/AboutAOUnit.js

@@ -1,5 +1,4 @@
 import { useDataQuery, useDataMutation } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import { Parser as RichTextParser } from '@dhis2/d2-ui-rich-text'
 import {
     Button,
@@ -24,6 +23,7 @@ import React, {
     forwardRef,
     useImperativeHandle,
 } from 'react'
+import i18n from '../../locales/index.js'
 import { formatList } from '../../modules/list.js'
 import styles from './styles/AboutAOUnit.style.js'
 import { getTranslatedString, AOTypeMap } from './utils.js'

src/components/AboutAOUnit/utils.js

@@ -1,4 +1,4 @@
-import i18n from '@dhis2/d2-i18n'
+import i18n from '../../locales/index.js'
 
 export const AO_TYPE_VISUALIZATION = 'visualization'
 export const AO_TYPE_MAP = 'map'

src/components/CachedDataQueryProvider.js

@@ -1,8 +1,8 @@
 import { useDataQuery } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import { Layer, CenteredContent, CircularLoader, NoticeBox } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { createContext, useContext } from 'react'
+import i18n from '../locales/index.js'
 
 const CachedDataQueryCtx = createContext({})
 

src/components/FileMenu/utils.js

@@ -1,4 +1,4 @@
-import i18n from '@dhis2/d2-i18n'
+import i18n from '../../locales/index.js'
 
 export const FILE_TYPE_EVENT_REPORT = 'eventReport'
 export const FILE_TYPE_VISUALIZATION = 'visualization'

src/components/Interpretations/InterpretationModal/Comment.js

@@ -1,7 +1,7 @@
-import i18n from '@dhis2/d2-i18n'
 import { IconEdit16 } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
+import i18n from '../../../locales/index.js'
 import { Message, MessageIconButton, MessageStatsBar } from '../common/index.js'
 import { CommentDeleteButton } from './CommentDeleteButton.js'
 import { CommentUpdateForm } from './CommentUpdateForm.js'

src/components/Interpretations/InterpretationModal/CommentAddForm.js

@@ -1,8 +1,8 @@
 import { useDataMutation } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import { Button } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { useRef, useState } from 'react'
+import i18n from '../../../locales/index.js'
 import {
     RichTextEditor,
     MessageEditorContainer,

src/components/Interpretations/InterpretationModal/CommentDeleteButton.js

@@ -1,8 +1,8 @@
 import { useDataMutation } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import { IconDelete16 } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React from 'react'
+import i18n from '../../../locales/index.js'
 import { MessageIconButton } from '../common/index.js'
 
 const mutation = {

src/components/Interpretations/InterpretationModal/CommentUpdateForm.js

@@ -1,8 +1,8 @@
 import { useDataMutation } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import { Button, spacers, colors } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { useState, useRef } from 'react'
+import i18n from '../../../locales/index.js'
 import {
     MessageEditorContainer,
     RichTextEditor,

src/components/Interpretations/InterpretationModal/InterpretationModal.js

@@ -1,5 +1,4 @@
 import { useDataQuery } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import {
     Modal,
     ModalActions,
@@ -16,6 +15,7 @@ import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React, { useEffect, useState } from 'react'
 import css from 'styled-jsx/css'
+import i18n from '../../../locales/index.js'
 import { InterpretationThread } from './InterpretationThread.js'
 import { useModalContentWidth } from './useModalContentWidth.js'
 

src/components/Interpretations/InterpretationsUnit/InterpretationForm.js

@@ -1,8 +1,8 @@
 import { useDataMutation } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import { Button, Input } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { useRef, useState } from 'react'
+import i18n from '../../../locales/index.js'
 import {
     RichTextEditor,
     MessageEditorContainer,

src/components/Interpretations/InterpretationsUnit/InterpretationsUnit.js

@@ -1,5 +1,4 @@
 import { useDataQuery } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import {
     CircularLoader,
     IconChevronDown24,
@@ -16,6 +15,7 @@ import React, {
     useImperativeHandle,
     forwardRef,
 } from 'react'
+import i18n from '../../../locales/index.js'
 import { InterpretationForm } from './InterpretationForm.js'
 import { InterpretationList } from './InterpretationList.js'
 

src/components/Interpretations/common/Interpretation/Interpretation.js

@@ -1,4 +1,3 @@
-import i18n from '@dhis2/d2-i18n'
 import {
     Button,
     SharingDialog,
@@ -9,6 +8,7 @@ import {
 } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
+import i18n from '../../../../locales/index.js'
 import { Message, MessageStatsBar, MessageIconButton } from '../index.js'
 import { InterpretationDeleteButton } from './InterpretationDeleteButton.js'
 import { InterpretationUpdateForm } from './InterpretationUpdateForm.js'

src/components/Interpretations/common/Interpretation/InterpretationDeleteButton.js

@@ -1,8 +1,8 @@
 import { useDataMutation } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import { IconDelete16 } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React from 'react'
+import i18n from '../../../../locales/index.js'
 import { MessageIconButton } from '../index.js'
 
 const mutation = {

src/components/Interpretations/common/Interpretation/InterpretationSharingLink.js

@@ -1,7 +1,7 @@
-import i18n from '@dhis2/d2-i18n'
 import { SharingDialog, colors, spacers } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
+import i18n from '../../../../locales/index.js'
 
 const InterpretationSharingLink = ({ type, id }) => {
     const [showSharingDialog, setShowSharingDialog] = useState(false)

src/components/Interpretations/common/Interpretation/InterpretationUpdateForm.js

@@ -1,8 +1,8 @@
 import { useDataMutation } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import { Button, spacers, colors } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
+import i18n from '../../../../locales/index.js'
 import {
     MessageEditorContainer,
     RichTextEditor,

src/components/Interpretations/common/RichTextEditor/RichTextEditor.js

@@ -1,4 +1,3 @@
-import i18n from '@dhis2/d2-i18n'
 import { Parser as RichTextParser } from '@dhis2/d2-ui-rich-text'
 import {
     Button,
@@ -14,6 +13,7 @@ import {
 } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { forwardRef, useRef, useEffect, useState } from 'react'
+import i18n from '../../../../locales/index.js'
 import { UserMentionWrapper } from '../UserMention/UserMentionWrapper.js'
 import {
     convertCtrlKey,

src/components/Interpretations/common/UserMention/UserList.js

@@ -1,7 +1,7 @@
-import i18n from '@dhis2/d2-i18n'
 import { MenuItem } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React from 'react'
+import i18n from '../../../../locales/index.js'
 
 export const UserList = ({ users, selectedUserIndex, onUserClick, pager }) => {
     return (

src/components/Interpretations/common/UserMention/UserMentionWrapper.js

@@ -1,4 +1,3 @@
-import i18n from '@dhis2/d2-i18n'
 import {
     CenteredContent,
     CircularLoader,
@@ -11,6 +10,7 @@ import {
 } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { useState, useRef } from 'react'
+import i18n from '../../../../locales/index.js'
 import {
     resolvedHeaderStyle,
     userMentionWrapperClasses,

src/components/OfflineTooltip.js

@@ -1,9 +1,9 @@
 import { useOnlineStatus } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import { Tooltip } from '@dhis2/ui'
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
+import i18n from '../locales/index.js'
 import { styles } from './styles/OfflineTooltip.style.js'
 
 const OfflineTooltip = ({

src/components/OpenFileDialog/CreatedByFilter.js

@@ -1,7 +1,7 @@
-import i18n from '@dhis2/d2-i18n'
 import { SingleSelect, SingleSelectOption } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React from 'react'
+import i18n from '../../locales/index.js'
 
 // TODO change the "Created by" prefix to "Creator" or something that does not require a context for the translators
 

src/components/OpenFileDialog/CustomSelectOption.js

@@ -1,8 +1,8 @@
-import i18n from '@dhis2/d2-i18n'
 import { MenuDivider, Tooltip } from '@dhis2/ui'
 import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
+import i18n from '../../locales/index.js'
 import styles from './styles/CustomSelectOption.style.js'
 
 const CustomSelectOptionItem = ({

src/components/OpenFileDialog/NameFilter.js

@@ -1,7 +1,7 @@
-import i18n from '@dhis2/d2-i18n'
 import { Input } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React from 'react'
+import i18n from '../../locales/index.js'
 
 export const NameFilter = ({ dataTest, value, onChange }) => (
     <Input

src/components/OpenFileDialog/OpenFileDialog.js

@@ -1,5 +1,4 @@
 import { useDataQuery } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import {
     Box,
     Modal,
@@ -24,6 +23,7 @@ import React, {
     useReducer,
     useState,
 } from 'react'
+import i18n from '../../locales/index.js'
 import {
     VIS_TYPE_GROUP_ALL,
     VIS_TYPE_GROUP_CHARTS,

src/components/OpenFileDialog/PaginationControls.js

@@ -1,7 +1,7 @@
-import i18n from '@dhis2/d2-i18n'
 import { Pagination } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React from 'react'
+import i18n from '../../locales/index.js'
 
 export const PaginationControls = ({ page, pager, onPageChange }) => (
     <Pagination

src/components/OpenFileDialog/VisTypeFilter.js

@@ -1,7 +1,7 @@
-import i18n from '@dhis2/d2-i18n'
 import { SingleSelect, colors } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React from 'react'
+import i18n from '../../locales/index.js'
 import {
     getDisplayNameByVisType,
     visTypeIcons,

src/components/OpenFileDialog/utils.js

@@ -1,4 +1,4 @@
-import i18n from '@dhis2/d2-i18n'
+import i18n from '../../locales/index.js'
 
 export const AO_TYPE_VISUALIZATION = 'visualization'
 export const AO_TYPE_MAP = 'map'

src/components/Options/VisualizationOptions.js

@@ -1,4 +1,3 @@
-import i18n from '@dhis2/d2-i18n'
 import {
     ButtonStrip,
     Modal,
@@ -14,6 +13,7 @@ import {
 } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
+import i18n from '../../locales/index.js'
 import {
     modalContent,
     tabSection,

src/components/TranslationDialog/TranslationModal/LocalesSelect.js

@@ -1,8 +1,8 @@
 import { useDataQuery } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import { SingleSelect, SingleSelectOption } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React from 'react'
+import i18n from '../../../locales/index.js'
 
 const query = {
     locales: {

src/components/TranslationDialog/TranslationModal/TranslationForm.js

@@ -1,5 +1,4 @@
 import { useAlert, useDataMutation } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import {
     CenteredContent,
     DataTable,
@@ -13,6 +12,7 @@ import {
 } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { useEffect, useRef, useState } from 'react'
+import i18n from '../../../locales/index.js'
 import { LocalesSelect } from './LocalesSelect.js'
 import { TranslationModalActions } from './TranslationModalActions.js'
 

src/components/TranslationDialog/TranslationModal/TranslationModal.js

@@ -1,4 +1,3 @@
-import i18n from '@dhis2/d2-i18n'
 import {
     CenteredContent,
     CircularLoader,
@@ -8,6 +7,7 @@ import {
 } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React, { useEffect, useState } from 'react'
+import i18n from '../../../locales/index.js'
 import { TranslationForm } from './TranslationForm.js'
 import { TranslationModalActions } from './TranslationModalActions.js'
 import { useTranslationsResults } from './useTranslationsResults.js'

src/components/TranslationDialog/TranslationModal/TranslationModalActions.js

@@ -1,8 +1,8 @@
 import { useOnlineStatus } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import { Button, ButtonStrip, ModalActions } from '@dhis2/ui'
 import PropTypes from 'prop-types'
 import React from 'react'
+import i18n from '../../../locales/index.js'
 import { OfflineTooltip } from '../../OfflineTooltip.js'
 
 const SaveButton = ({ disabled, loading, onClick }) => (

src/components/TranslationDialog/TranslationModal/useTranslationsResults.js

@@ -1,6 +1,6 @@
 import { useAlert, useDataQuery } from '@dhis2/app-runtime'
-import i18n from '@dhis2/d2-i18n'
 import { useRef } from 'react'
+import i18n from '../../../locales/index.js'
 
 export const useTranslationsResults = ({ resource }) => {
     const translationsQueryRef = useRef({