@dhis2/analytics 21.0.12 → 21.2.1

package/build/cjs/locales/id/translations.json

@@ -218,6 +218,13 @@
     "Six-months": "Semester",
     "Financial Years": "Keuangan tahunan",
     "Years": "Tahun",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "Seri",
     "Category": "Kategori",
     "Filter": "Saring",

package/build/cjs/locales/km/translations.json

@@ -218,6 +218,13 @@
     "Six-months": "",
     "Financial Years": "",
     "Years": "ឆ្នាំ",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "",
     "Category": "",
     "Filter": "",

package/build/cjs/locales/lo/translations.json

@@ -218,6 +218,13 @@
     "Six-months": "6 ເດືອນ",
     "Financial Years": "",
     "Years": "ປີ",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "ແທ່ງ",
     "Category": "ລວງນອນ",
     "Filter": "Filter",

package/build/cjs/locales/my/translations.json

@@ -218,6 +218,13 @@
     "Six-months": "၆ လ",
     "Financial Years": "",
     "Years": "နှစ်များ",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "အစဉ်အတန်းများ",
     "Category": "category",
     "Filter": "ရှာဖွေထုတ်သည်",

package/build/cjs/locales/nb/translations.json

@@ -222,6 +222,13 @@
     "Six-months": "Halvår",
     "Financial Years": "Regnskapsår",
     "Years": "År",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "Serie",
     "Category": "Kategori",
     "Filter": "Filter",

package/build/cjs/locales/nl/translations.json

@@ -222,6 +222,13 @@
     "Six-months": "",
     "Financial Years": "",
     "Years": "",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "",
     "Category": "",
     "Filter": "",

package/build/cjs/locales/prs/translations.json

@@ -222,6 +222,13 @@
     "Six-months": "شش-ماهه",
     "Financial Years": "",
     "Years": "سالانه",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "سلسله (لړۍ)",
     "Category": "دسته بندی",
     "Filter": "فلتر",

package/build/cjs/locales/ps/translations.json

@@ -222,6 +222,13 @@
     "Six-months": "شپږ میاشتې",
     "Financial Years": "",
     "Years": "کلونه",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "سلسله (لړۍ)",
     "Category": "کټګوري",
     "Filter": "فیلټر",

package/build/cjs/locales/pt/translations.json

@@ -222,6 +222,13 @@
     "Six-months": "Seis meses",
     "Financial Years": "Ano financeiro ",
     "Years": "Anos",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "Série",
     "Category": "Categoria",
     "Filter": "Filtro",

package/build/cjs/locales/pt_BR/translations.json

@@ -222,6 +222,13 @@
     "Six-months": "",
     "Financial Years": "",
     "Years": "Anos",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "Série",
     "Category": "Categoria",
     "Filter": "Filtro",

package/build/cjs/locales/ru/translations.json

@@ -230,6 +230,13 @@
     "Six-months": "Полугодие",
     "Financial Years": "Финансовые годы",
     "Years": "Годы",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "Ряды",
     "Category": "Категория",
     "Filter": "Фильтр",

package/build/cjs/locales/sv/translations.json

@@ -222,6 +222,13 @@
     "Six-months": "",
     "Financial Years": "",
     "Years": "År",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "",
     "Category": "",
     "Filter": "Filtrera",

package/build/cjs/locales/tet/translations.json

@@ -218,6 +218,13 @@
     "Six-months": "Fulan-nén",
     "Financial Years": "",
     "Years": "Tinan",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "Séries",
     "Category": "Kategoria",
     "Filter": "Filtru",

package/build/cjs/locales/tg/translations.json

@@ -222,6 +222,13 @@
     "Six-months": "Шашмоҳаҳо",
     "Financial Years": "",
     "Years": "Солҳо",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "Силсила",
     "Category": "Категория",
     "Filter": "Филтр",

package/build/cjs/locales/uk/translations.json

@@ -230,6 +230,13 @@
     "Six-months": "Півріччя",
     "Financial Years": "",
     "Years": "Роки",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "",
     "Category": "Категорія",
     "Filter": "Фільтр",

package/build/cjs/locales/ur/translations.json

@@ -222,6 +222,13 @@
     "Six-months": "چھ ماہ",
     "Financial Years": "",
     "Years": "سال",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "سیریز",
     "Category": "قسم",
     "Filter": "فلٹر",

package/build/cjs/locales/uz/translations.json

@@ -218,6 +218,13 @@
     "Six-months": "Ярим йиллик",
     "Financial Years": "Молиявий йиллар",
     "Years": "Йиллар",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "Кетма-кетликлар",
     "Category": "Категория",
     "Filter": "Фильтр",

package/build/cjs/locales/uz_Latn/translations.json

@@ -218,6 +218,13 @@
     "Six-months": "Yarim yillik",
     "Financial Years": "Moliyaviy yillar",
     "Years": "Yillar",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "Ketma-ketliklar",
     "Category": "Kategoriya",
     "Filter": "Filtr",

package/build/cjs/locales/vi/translations.json

@@ -218,6 +218,13 @@
     "Six-months": "Sáu-tháng",
     "Financial Years": "Năm tài chính",
     "Years": "Năm",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "Chuỗi Dữ Liệu",
     "Category": "Phân loại",
     "Filter": "Lọc",

package/build/cjs/locales/zh/translations.json

@@ -218,6 +218,13 @@
     "Six-months": "Six-months",
     "Financial Years": "Financial Years",
     "Years": "年",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "系列",
     "Category": "分类",
     "Filter": "过滤器",

package/build/cjs/locales/zh_CN/translations.json

@@ -218,6 +218,13 @@
     "Six-months": "",
     "Financial Years": "",
     "Years": "年",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Retry": "",
     "Series": "",
     "Category": "分类",
     "Filter": "过滤器",

package/build/cjs/modules/pivotTable/PivotTableEngine.js

@@ -226,6 +226,7 @@ class PivotTableEngine {
       return sets;
     }, {});
     this.rawData = data;
+    this.dimensionLookup = buildDimensionLookup(this.visualization, this.rawData.metaData, this.rawData.headers);
     this.options = { ...defaultOptions,
       showColumnTotals: visualization.colTotals,
       showRowTotals: visualization.rowTotals,
@@ -235,10 +236,10 @@ class PivotTableEngine {
       hideEmptyRows: visualization.hideEmptyRows,
       title: visualization.hideTitle ? undefined : visualization.title,
       subtitle: visualization.hideSubtitle ? undefined : visualization.subtitle,
-      fixColumnHeaders: visualization.fixColumnHeaders,
-      fixRowHeaders: visualization.fixRowHeaders
+      // turn on fixed headers only when there are dimensions
+      fixColumnHeaders: this.dimensionLookup.columns.length ? visualization.fixColumnHeaders : false,
+      fixRowHeaders: this.dimensionLookup.rows.length ? visualization.fixRowHeaders : false
     };
-    this.dimensionLookup = buildDimensionLookup(this.visualization, this.rawData.metaData, this.rawData.headers);
     this.adaptiveClippingController = new _AdaptiveClippingController.AdaptiveClippingController(this);
     const doColumnSubtotals = this.options.showColumnSubtotals && this.dimensionLookup.rows.length > 1;
     const singularRow = this.dimensionLookup.rows.length === 1 && this.dimensionLookup.rows[0].count === 1;

package/build/es/components/FileMenu/FileMenu.js

@@ -1,10 +1,10 @@
 import _JSXStyle from "styled-jsx/style";
-import TranslationDialog from '@dhis2/d2-ui-translation-dialog';
 import { IconAdd24, IconLaunch24, IconSave24, IconEdit24, IconTranslate24, IconShare24, IconLink24, IconDelete24, SharingDialog, colors, FlyoutMenu, Layer, MenuItem, MenuDivider, Popper } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React, { createRef, useState } from 'react';
 import i18n from '../../locales/index.js';
 import { OpenFileDialog } from '../OpenFileDialog/OpenFileDialog.js';
+import { TranslationDialog } from '../TranslationDialog/index.js';
 import { DeleteDialog } from './DeleteDialog.js';
 import { fileMenuStyles } from './FileMenu.styles.js';
 import { GetLinkDialog } from './GetLinkDialog.js';
@@ -70,20 +70,10 @@ export const FileMenu = ({
 
       case 'translate':
         return /*#__PURE__*/React.createElement(TranslationDialog, {
-          open: true,
-          d2: d2,
-          objectToTranslate: { ...fileObject,
-            // mock modelDefinition to avoid an error
-            // in the TranslationDialog component
-            modelDefinition: {
-              name: fileType
-            }
-          },
+          objectToTranslate: fileObject,
           fieldsToTranslate: ['name', 'description'],
-          onRequestClose: onDialogClose,
-          onTranslationSaved: onTranslate,
-          onTranslationError: onError,
-          insertTheme: true
+          onClose: onDialogClose,
+          onTranslationSaved: onTranslate
         });
 
       case 'sharing':

package/build/es/components/FileMenu/__tests__/FileMenu.spec.js

@@ -1,8 +1,8 @@
-import TranslationDialog from '@dhis2/d2-ui-translation-dialog';
 import { SharingDialog } from '@dhis2/ui';
 import { shallow } from 'enzyme';
 import React from 'react';
 import { OpenFileDialog } from '../../OpenFileDialog/OpenFileDialog.js';
+import { TranslationDialog } from '../../TranslationDialog/index.js';
 import { DeleteDialog } from '../DeleteDialog.js';
 import { FileMenu } from '../FileMenu.js';
 import { GetLinkDialog } from '../GetLinkDialog.js';

package/build/es/components/TranslationDialog/TranslationModal/LocalesSelect.js

@@ -0,0 +1,52 @@
+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';
+const query = {
+  locales: {
+    resource: 'locales/db'
+  }
+};
+export const LocalesSelect = ({
+  onChange,
+  selected
+}) => {
+  const {
+    data,
+    fetching
+  } = useDataQuery(query);
+  return /*#__PURE__*/React.createElement(SingleSelect, {
+    prefix: selected ? i18n.t('Translating to') : i18n.t('Choose a locale'),
+    onChange: ({
+      selected
+    }) => onChange(selected),
+    loading: fetching,
+    selected: data ? selected : undefined,
+    dense: true
+  }, data && data.locales // XXX remove duplicates ?! fr_SN - French (Senegal)
+  .reduce((locales, {
+    locale,
+    name
+  }) => {
+    if (!locales.find(entry => entry.locale === locale)) {
+      locales.push({
+        locale,
+        name
+      });
+    }
+
+    return locales;
+  }, []).map(({
+    locale,
+    name
+  }) => /*#__PURE__*/React.createElement(SingleSelectOption, {
+    key: locale,
+    value: locale,
+    label: name
+  })));
+};
+LocalesSelect.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  selected: PropTypes.string
+};

package/build/es/components/TranslationDialog/TranslationModal/TranslationForm.js

@@ -0,0 +1,126 @@
+import { useAlert, useDataMutation } from '@dhis2/app-runtime';
+import i18n from '@dhis2/d2-i18n';
+import { CenteredContent, DataTable, DataTableBody, DataTableCell, DataTableColumnHeader, DataTableHead, DataTableRow, InputField, ModalContent } from '@dhis2/ui';
+import PropTypes from 'prop-types';
+import React, { useEffect, useRef, useState } from 'react';
+import { LocalesSelect } from './LocalesSelect.js';
+import { TranslationModalActions } from './TranslationModalActions.js';
+const SESSION_STORAGE_TRANSLATION_LOCALE_KEY = 'translation-dialog-selected-locale';
+export const TranslationForm = ({
+  fieldsToTranslate,
+  objectToTranslate,
+  translations,
+  resource,
+  onTranslationSaved,
+  onClose
+}) => {
+  const [newTranslations, setNewTranslations] = useState();
+  const [translationLocale, setTranslationLocale] = useState();
+  const {
+    show: showError
+  } = useAlert(error => error, {
+    critical: true
+  });
+
+  const formatFieldLabel = field => {
+    field.replace(/[a-z][A-Z]/g, match => [match.charAt(0), match.charAt(1)].join(' ')).toLowerCase();
+    return field.charAt(0).toUpperCase() + field.slice(1);
+  };
+
+  const camelCaseToUnderscores = field => field.replace(/[a-z][A-Z]/g, match => [match.charAt(0), match.charAt(1)].join('_')).toLowerCase();
+
+  const getTranslationIndexForField = field => newTranslations.findIndex(element => element.locale === translationLocale && element.property.toLowerCase() === camelCaseToUnderscores(field));
+
+  const getTranslationForField = field => {
+    var _newTranslations$tran;
+
+    const translationIndex = getTranslationIndexForField(field);
+    return translationIndex !== -1 ? ((_newTranslations$tran = newTranslations[translationIndex]) === null || _newTranslations$tran === void 0 ? void 0 : _newTranslations$tran.value) || '' : '';
+  };
+
+  const setTranslationForField = (field, translation) => {
+    const newTranslation = {
+      locale: translationLocale,
+      property: camelCaseToUnderscores(field).toUpperCase(),
+      value: translation
+    };
+    const translationIndex = getTranslationIndexForField(field);
+    setNewTranslations(translationIndex === -1 ? [...newTranslations, newTranslation] : newTranslations.map((translation, index) => index === translationIndex ? newTranslation : translation));
+  };
+
+  const translationsMutationRef = useRef({
+    resource: "".concat(resource, "/translations"),
+    type: 'update',
+    data: ({
+      translations
+    }) => ({
+      translations
+    })
+  });
+  const [saveTranslations, {
+    loading: saveInProgress
+  }] = useDataMutation(translationsMutationRef.current, {
+    onComplete: () => {
+      onTranslationSaved();
+      onClose();
+    },
+    onError: error => {
+      showError(error);
+    }
+  });
+
+  const onLocaleChange = locale => {
+    setTranslationLocale(locale);
+    window.sessionStorage.setItem(SESSION_STORAGE_TRANSLATION_LOCALE_KEY, locale);
+  };
+
+  const save = () => saveTranslations({
+    translations: newTranslations
+  });
+
+  useEffect(() => setTranslationLocale(window.sessionStorage.getItem(SESSION_STORAGE_TRANSLATION_LOCALE_KEY)), []);
+  useEffect(() => setNewTranslations(translations), [translations]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ModalContent, null, /*#__PURE__*/React.createElement(DataTable, {
+    layout: "fixed"
+  }, /*#__PURE__*/React.createElement(DataTableHead, null, /*#__PURE__*/React.createElement(DataTableRow, null, /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    fixed: true,
+    top: "0"
+  }, i18n.t('Base locale reference')), /*#__PURE__*/React.createElement(DataTableColumnHeader, {
+    fixed: true,
+    top: "0"
+  }, /*#__PURE__*/React.createElement(LocalesSelect, {
+    selected: translationLocale,
+    onChange: onLocaleChange
+  })))), /*#__PURE__*/React.createElement(DataTableBody, null, fieldsToTranslate.map((field, index) => /*#__PURE__*/React.createElement(DataTableRow, {
+    key: field
+  }, /*#__PURE__*/React.createElement(DataTableCell, null, /*#__PURE__*/React.createElement("div", {
+    className: ""
+  }, /*#__PURE__*/React.createElement(InputField, {
+    label: formatFieldLabel(field),
+    value: objectToTranslate[field],
+    readOnly: true
+  }))), translationLocale && /*#__PURE__*/React.createElement(DataTableCell, null, /*#__PURE__*/React.createElement("div", {
+    className: ""
+  }, /*#__PURE__*/React.createElement(InputField, {
+    label: formatFieldLabel(field),
+    value: getTranslationForField(field),
+    onChange: ({
+      value
+    }) => setTranslationForField(field, value)
+  }))), !translationLocale && index === 0 && /*#__PURE__*/React.createElement(DataTableCell, {
+    rowSpan: String(fieldsToTranslate.length)
+  }, /*#__PURE__*/React.createElement(CenteredContent, null, i18n.t('Choose a locale to translate from the menu above')))))))), /*#__PURE__*/React.createElement(TranslationModalActions, {
+    onClose: onClose,
+    onSave: save,
+    saveInProgress: saveInProgress,
+    saveButtonDisabled: !translationLocale
+  }));
+};
+TranslationForm.propTypes = {
+  fieldsToTranslate: PropTypes.array.isRequired,
+  objectToTranslate: PropTypes.object.isRequired,
+  resource: PropTypes.string.isRequired,
+  translations: PropTypes.array.isRequired,
+  onClose: PropTypes.func.isRequired,
+  onTranslationSaved: PropTypes.func.isRequired
+};

package/build/es/components/TranslationDialog/TranslationModal/TranslationModal.js

@@ -0,0 +1,54 @@
+import i18n from '@dhis2/d2-i18n';
+import { CenteredContent, CircularLoader, Modal, ModalContent, ModalTitle } from '@dhis2/ui';
+import PropTypes from 'prop-types';
+import React, { useEffect, useState } from 'react';
+import { TranslationForm } from './TranslationForm.js';
+import { TranslationModalActions } from './TranslationModalActions.js';
+import { useTranslationsResults } from './useTranslationsResults.js';
+export const TranslationModal = ({
+  objectToTranslate,
+  fieldsToTranslate,
+  onClose,
+  onTranslationSaved
+}) => {
+  const [translations, setTranslations] = useState([]);
+  const endpointPath = new URL(objectToTranslate.href).pathname;
+  const endpointPathMatch = endpointPath.match(/api\/\d+\/(?<resource>.+)/);
+  const resource = endpointPathMatch !== null && endpointPathMatch !== void 0 && endpointPathMatch.groups ? endpointPathMatch.groups.resource : null;
+  const {
+    translationsData,
+    fetching
+  } = useTranslationsResults({
+    resource
+  });
+  useEffect(() => {
+    if (translationsData) {
+      setTranslations(translationsData);
+    }
+  }, [translationsData]);
+  return /*#__PURE__*/React.createElement(Modal, {
+    large: true,
+    position: "middle",
+    onClose: onClose
+  }, /*#__PURE__*/React.createElement(ModalTitle, null, i18n.t('Translate: {{objectName}}', {
+    objectName: objectToTranslate.name || 'TEXT',
+    // XXX
+    nsSeparator: '^^'
+  })), fetching ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ModalContent, null, /*#__PURE__*/React.createElement(CenteredContent, null, /*#__PURE__*/React.createElement(CircularLoader, null))), /*#__PURE__*/React.createElement(TranslationModalActions, {
+    onClose: onClose,
+    saveButtonDisabled: true
+  })) : /*#__PURE__*/React.createElement(TranslationForm, {
+    fieldsToTranslate: fieldsToTranslate,
+    objectToTranslate: objectToTranslate,
+    translations: translations,
+    onTranslationSaved: onTranslationSaved,
+    resource: resource,
+    onClose: onClose
+  }));
+};
+TranslationModal.propTypes = {
+  fieldsToTranslate: PropTypes.array.isRequired,
+  objectToTranslate: PropTypes.object.isRequired,
+  onClose: PropTypes.func.isRequired,
+  onTranslationSaved: PropTypes.func.isRequired
+};

package/build/es/components/TranslationDialog/TranslationModal/TranslationModalActions.js

@@ -0,0 +1,24 @@
+import i18n from '@dhis2/d2-i18n';
+import { Button, ButtonStrip, ModalActions } from '@dhis2/ui';
+import PropTypes from 'prop-types';
+import React from 'react';
+export const TranslationModalActions = ({
+  onClose,
+  onSave,
+  saveInProgress,
+  saveButtonDisabled
+}) => /*#__PURE__*/React.createElement(ModalActions, null, /*#__PURE__*/React.createElement(ButtonStrip, null, /*#__PURE__*/React.createElement(Button, {
+  secondary: true,
+  onClick: onClose
+}, i18n.t('Cancel')), /*#__PURE__*/React.createElement(Button, {
+  primary: true,
+  onClick: onSave,
+  loading: saveInProgress,
+  disabled: saveButtonDisabled
+}, i18n.t('Save translations'))));
+TranslationModalActions.propTypes = {
+  onClose: PropTypes.func.isRequired,
+  saveButtonDisabled: PropTypes.bool,
+  saveInProgress: PropTypes.bool,
+  onSave: PropTypes.func
+};