@dhis2/analytics 23.13.13 → 24.0.2

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

@@ -5,10 +5,10 @@
     "{{userOrGroup}} ({{accessLevel}})": "{{userOrGroup}} ({{accessLevel}})",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "Delt med {{commaSeparatedListOfUsersAndGroups}}",
     "Not shared with any users or groups": "Ikke delt med noen brukere eller grupper",
-    "About this visualization": "Om denne visualiseringen",
     "No description": "Ingen beskrivelse",
     "Last updated {{time}}": "Sist oppdatert {{time}}",
     "Created {{time}} by {{author}}": "Opprettet {{time}} av {{author}}",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "Vist 1 gang",
     "Viewed {{count}} times_plural": "Vist {{count}} ganger",
     "Notifications": "Varsler",
@@ -16,6 +16,9 @@
     "Unsubscribe": "Avslutt abonnementet",
     "Subscribe to get updates about new interpretations.": "Abonner for å få oppdateringer om nye tolkninger.",
     "Subscribe": "Abonner",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "Om denne visualiseringen",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "Datatype",

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

@@ -5,10 +5,10 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "",
     "Viewed {{count}} times_plural": "",
     "Notifications": "",
@@ -16,6 +16,9 @@
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "",

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

@@ -5,10 +5,10 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "",
     "Viewed {{count}} times_plural": "",
     "Notifications": "",
@@ -16,6 +16,9 @@
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "",

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

@@ -5,10 +5,10 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "بدون شرح",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times_0": "",
     "Viewed {{count}} times_1": "",
     "Notifications": "",
@@ -16,6 +16,9 @@
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "",

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

@@ -5,10 +5,10 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "هېڅ ډول تشریح نه لري",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "",
     "Viewed {{count}} times_plural": "",
     "Notifications": "",
@@ -16,6 +16,9 @@
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "",

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

@@ -5,10 +5,10 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "Sem descrição",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "",
     "Viewed {{count}} times_plural": "",
     "Notifications": "Notificação",
@@ -16,6 +16,9 @@
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "Tipo de dados",

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

@@ -5,10 +5,10 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "",
     "Viewed {{count}} times_plural": "",
     "Notifications": "",
@@ -16,6 +16,9 @@
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "",

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

@@ -5,10 +5,10 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times_0": "",
     "Viewed {{count}} times_1": "",
     "Viewed {{count}} times_2": "",
@@ -17,6 +17,9 @@
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "",

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

@@ -5,10 +5,10 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "Нет описания",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times_0": "",
     "Viewed {{count}} times_1": "",
     "Viewed {{count}} times_2": "",
@@ -18,6 +18,9 @@
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "Тип данных",

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

@@ -5,10 +5,10 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "Ingen beskrivning",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "",
     "Viewed {{count}} times_plural": "",
     "Notifications": "",
@@ -16,6 +16,9 @@
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "",

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

@@ -5,16 +5,19 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "",
     "Notifications": "",
     "You're subscribed and getting updates about new interpretations.": "",
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "",

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

@@ -5,10 +5,10 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "",
     "Viewed {{count}} times_plural": "",
     "Notifications": "",
@@ -16,6 +16,9 @@
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "",

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

@@ -5,10 +5,10 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "Немає змалювання",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times_0": "",
     "Viewed {{count}} times_1": "",
     "Viewed {{count}} times_2": "",
@@ -18,6 +18,9 @@
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "",

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

@@ -5,10 +5,10 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "کوئی وضاحت نہیں",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "",
     "Viewed {{count}} times_plural": "",
     "Notifications": "",
@@ -16,6 +16,9 @@
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "",

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

@@ -5,16 +5,19 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "Тавсиф йўқ",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "",
     "Notifications": "Билдиришномалар",
     "You're subscribed and getting updates about new interpretations.": "",
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "Маълумот тури",

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

@@ -5,16 +5,19 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "Tavsif yoʼq",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "",
     "Notifications": "",
     "You're subscribed and getting updates about new interpretations.": "",
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "Maʼlumot turi",

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

@@ -5,16 +5,19 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "Không mô tả",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "",
     "Notifications": "",
     "You're subscribed and getting updates about new interpretations.": "",
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "Loại dữ liệu",

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

@@ -5,16 +5,19 @@
     "{{userOrGroup}} ({{accessLevel}})": "{{userOrGroup}} ({{accessLevel}})",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "与 {{commaSeparatedListOfUsersAndGroups}} 共享",
     "Not shared with any users or groups": "不与任何用户或组共享",
-    "About this visualization": "关于此可视化",
     "No description": "无描述",
     "Last updated {{time}}": "最后更新 {{time}}",
     "Created {{time}} by {{author}}": "由 {{author}} 在 {{time}} 创建",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "查看了 {{count}} 次",
     "Notifications": "通知",
     "You're subscribed and getting updates about new interpretations.": "您已订阅并获取有关新解释的更新。",
     "Unsubscribe": "退订",
     "Subscribe to get updates about new interpretations.": "订阅以获取有关新解释的更新。",
     "Subscribe": "订阅",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "关于此可视化",
     "This app could not retrieve required data.": "此应用无法检索所需数据。",
     "Network error": "网络错误",
     "Data Type": "数据类型",

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

@@ -5,16 +5,19 @@
     "{{userOrGroup}} ({{accessLevel}})": "",
     "Shared with {{commaSeparatedListOfUsersAndGroups}}": "",
     "Not shared with any users or groups": "",
-    "About this visualization": "",
     "No description": "没有描述",
     "Last updated {{time}}": "",
     "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
     "Viewed {{count}} times": "",
     "Notifications": "通知",
     "You're subscribed and getting updates about new interpretations.": "",
     "Unsubscribe": "",
     "Subscribe to get updates about new interpretations.": "",
     "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
     "This app could not retrieve required data.": "",
     "Network error": "",
     "Data Type": "",

package/build/es/components/AboutAOUnit/AboutAOUnit.js

@@ -8,12 +8,13 @@ import PropTypes from 'prop-types';
 import React, { useEffect, useMemo, useState } from 'react';
 import { formatList } from '../../modules/list.js';
 import styles from './styles/AboutAOUnit.style.js';
+import { getTranslatedString, AOTypeMap } from './utils.js';
 const READ_ONLY = 'r';
 const READ_AND_WRITE = 'rw';
 
 const getQueries = type => ({
   ao: {
-    resource: type,
+    resource: AOTypeMap[type].apiEndpoint,
     id: _ref => {
       let {
         id
@@ -36,22 +37,24 @@ const getQueries = type => ({
 });
 
 const getSubscribeMutation = (type, id) => ({
-  resource: "".concat(type, "/").concat(id, "/subscriber"),
+  resource: "".concat(AOTypeMap[type].apiEndpoint, "/").concat(id, "/subscriber"),
   type: 'create'
 });
 
 const getUnsubscribeMutation = (type, id) => ({
-  resource: "".concat(type, "/").concat(id, "/subscriber"),
+  resource: "".concat(AOTypeMap[type].apiEndpoint, "/").concat(id, "/subscriber"),
   type: 'delete'
 });
 
 const AboutAOUnit = _ref3 => {
+  var _data$ao$createdBy;
+
   let {
     type,
     id
   } = _ref3;
   const [isExpanded, setIsExpanded] = useState(true);
-  const queries = useMemo(() => getQueries(type), []);
+  const queries = useMemo(() => getQueries(type), [type]);
   const {
     data,
     loading: dataIsLoading,
@@ -59,8 +62,8 @@ const AboutAOUnit = _ref3 => {
   } = useDataQuery(queries, {
     lazy: true
   });
-  const subscribeMutation = useMemo(() => getSubscribeMutation(type, id), []);
-  const unsubscribeMutation = useMemo(() => getUnsubscribeMutation(type, id), []);
+  const subscribeMutation = useMemo(() => getSubscribeMutation(type, id), [type, id]);
+  const unsubscribeMutation = useMemo(() => getUnsubscribeMutation(type, id), [type, id]);
   const [subscribe, {
     loading: subscribeIsLoading
   }] = useDataMutation(subscribeMutation, {
@@ -89,7 +92,7 @@ const AboutAOUnit = _ref3 => {
         id
       });
     }
-  }, [type, id, refetch]);
+  }, [id, refetch]);
 
   const getAccessLevelString = access => {
     const re = new RegExp("(?<accessLevel>".concat(READ_AND_WRITE, "?)"));
@@ -136,7 +139,7 @@ const AboutAOUnit = _ref3 => {
     className: "jsx-".concat(styles.__hash) + " " + "header"
   }, /*#__PURE__*/React.createElement("span", {
     className: "jsx-".concat(styles.__hash) + " " + "title"
-  }, i18n.t('About this visualization')), isExpanded ? /*#__PURE__*/React.createElement(IconChevronUp24, {
+  }, getTranslatedString(type, 'unitTitle')), isExpanded ? /*#__PURE__*/React.createElement(IconChevronUp24, {
     color: colors.grey700
   }) : /*#__PURE__*/React.createElement(IconChevronDown24, {
     color: colors.grey700
@@ -166,9 +169,11 @@ const AboutAOUnit = _ref3 => {
     className: "jsx-".concat(styles.__hash) + " " + "detailLine"
   }, /*#__PURE__*/React.createElement(IconUser16, {
     color: colors.grey700
-  }), i18n.t('Created {{time}} by {{author}}', {
+  }), (_data$ao$createdBy = data.ao.createdBy) !== null && _data$ao$createdBy !== void 0 && _data$ao$createdBy.displayName ? i18n.t('Created {{time}} by {{author}}', {
     time: moment(data.ao.created).fromNow(),
     author: data.ao.createdBy.displayName
+  }) : i18n.t('Created {{time}}', {
+    time: moment(data.ao.created).fromNow()
   })), /*#__PURE__*/React.createElement("p", {
     className: "jsx-".concat(styles.__hash) + " " + "detailLine"
   }, /*#__PURE__*/React.createElement(IconView16, {

package/build/es/components/AboutAOUnit/utils.js

@@ -0,0 +1,31 @@
+import i18n from '@dhis2/d2-i18n';
+export const AO_TYPE_VISUALIZATION = 'visualization';
+export const AO_TYPE_MAP = 'map';
+export const AO_TYPE_EVENT_VISUALIZATION = 'eventVisualization';
+export const AOTypeMap = {
+  [AO_TYPE_VISUALIZATION]: {
+    apiEndpoint: 'visualizations'
+  },
+  [AO_TYPE_MAP]: {
+    apiEndpoint: 'maps'
+  },
+  [AO_TYPE_EVENT_VISUALIZATION]: {
+    apiEndpoint: 'eventVisualizations'
+  }
+};
+const NO_TYPE = 'NO_TYPE';
+const texts = {
+  [AO_TYPE_MAP]: {
+    unitTitle: i18n.t('About this map')
+  },
+  [AO_TYPE_EVENT_VISUALIZATION]: {
+    unitTitle: i18n.t('About this line list')
+  },
+  [AO_TYPE_VISUALIZATION]: {
+    unitTitle: i18n.t('About this visualization')
+  },
+  [NO_TYPE]: {
+    unitTitle: i18n.t('About this visualization')
+  }
+};
+export const getTranslatedString = (type, key) => (texts[type] || texts[NO_TYPE])[key];

package/build/es/components/Interpretations/InterpretationModal/InterpretationModal.js

@@ -99,7 +99,7 @@ const InterpretationModal = _ref2 => {
         id: interpretationId
       });
     }
-  }, [interpretationId]);
+  }, [interpretationId, refetch]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, shouldCssHideModal && /*#__PURE__*/React.createElement(Layer, null, /*#__PURE__*/React.createElement(CenteredContent, null, /*#__PURE__*/React.createElement(CircularLoader, null))), /*#__PURE__*/React.createElement(Modal, {
     fluid: true,
     onClose: handleClose,
@@ -112,7 +112,7 @@ const InterpretationModal = _ref2 => {
   }, /*#__PURE__*/React.createElement("span", {
     className: _JSXStyle.dynamic([["3175860552", [colors.grey900, spacers.dp24, spacers.dp4, spacers.dp4]]]) + " " + "ellipsis"
   }, i18n.t('Viewing interpretation: {{- visualisationName}}', {
-    visualisationName: visualization.displayName,
+    visualisationName: visualization.displayName || visualization.name,
     nsSeparator: '^^'
   }))), /*#__PURE__*/React.createElement(ModalContent, {
     className: modalContentCSS.className
@@ -153,13 +153,13 @@ const InterpretationModal = _ref2 => {
 
 InterpretationModal.propTypes = {
   currentUser: PropTypes.object.isRequired,
-  downloadMenuComponent: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
   interpretationId: PropTypes.string.isRequired,
   isVisualizationLoading: PropTypes.bool.isRequired,
   pluginComponent: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
   visualization: PropTypes.object.isRequired,
   onClose: PropTypes.func.isRequired,
   onResponsesReceived: PropTypes.func.isRequired,
+  downloadMenuComponent: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
   initialFocus: PropTypes.bool,
   onInterpretationUpdate: PropTypes.func
 };

package/build/es/components/Interpretations/InterpretationModal/InterpretationThread.js

@@ -25,21 +25,23 @@ const InterpretationThread = _ref => {
         focusRef.current.focus();
       });
     }
-  }, [initialFocus, focusRef.current]);
+  }, [initialFocus]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "jsx-2924001448" + " " + (cx('container', {
+    className: "jsx-615306698" + " " + (cx('container', {
       fetching
     }) || "")
   }, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-2924001448" + " " + 'scrollbox'
+    className: "jsx-615306698" + " " + 'scrollbox'
   }, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-2924001448" + " " + 'title'
+    className: "jsx-615306698" + " " + 'title'
   }, /*#__PURE__*/React.createElement(IconClock16, {
     color: colors.grey700
-  }), moment(interpretation.created).format('LLL')), /*#__PURE__*/React.createElement(DownloadMenu, {
+  }), moment(interpretation.created).format('LLL')), DownloadMenu && /*#__PURE__*/React.createElement(DownloadMenu, {
     relativePeriodDate: interpretation.created,
-    className: "jsx-2924001448"
-  }), /*#__PURE__*/React.createElement(Interpretation, {
+    className: "jsx-615306698"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "jsx-615306698" + " " + 'thread'
+  }, /*#__PURE__*/React.createElement(Interpretation, {
     currentUser: currentUser,
     interpretation: interpretation,
     onReplyIconClick: () => {
@@ -50,7 +52,7 @@ const InterpretationThread = _ref => {
     onUpdated: () => onThreadUpdated(true),
     onDeleted: onInterpretationDeleted
   }), /*#__PURE__*/React.createElement("div", {
-    className: "jsx-2924001448" + " " + 'comments'
+    className: "jsx-615306698" + " " + 'comments'
   }, interpretation.comments.map(comment => /*#__PURE__*/React.createElement(Comment, {
     key: comment.id,
     comment: comment,
@@ -62,17 +64,17 @@ const InterpretationThread = _ref => {
     interpretationId: interpretation.id,
     onSave: () => onThreadUpdated(true),
     focusRef: focusRef
-  })), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2924001448"
-  }, [".container.jsx-2924001448{position:relative;overflow:hidden;max-height:calc(100vh - 285px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".container.fetching.jsx-2924001448::before{content:'';position:absolute;inset:0px;background-color:rgba(255,255,255,0.8);}", ".container.fetching.jsx-2924001448::after{content:'';position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);width:24px;height:24px;border-width:4px;border-style:solid;border-color:rgba(110,122,138,0.15) rgba(110,122,138,0.15) rgb(20,124,215);border-image:initial;border-radius:50%;-webkit-animation:1s linear 0s infinite normal none running rotation-jsx-2924001448;animation:1s linear 0s infinite normal none running rotation-jsx-2924001448;}", ".scrollbox.jsx-2924001448{overflow-y:auto;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;}", ".title.jsx-2924001448{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacers-dp8);color:var(--colors-grey900);font-size:14px;line-height:18px;}", ".comments.jsx-2924001448{padding-left:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:var(--spacers-dp4);gap:var(--spacers-dp4);}", "@-webkit-keyframes rotation-jsx-2924001448{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", "@keyframes rotation-jsx-2924001448{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}"]));
+  }))), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "615306698"
+  }, [".thread.jsx-615306698{margin-top:var(--spacers-dp16);}", ".container.jsx-615306698{position:relative;overflow:hidden;max-height:calc(100vh - 285px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".container.fetching.jsx-615306698::before{content:'';position:absolute;inset:0px;background-color:rgba(255,255,255,0.8);}", ".container.fetching.jsx-615306698::after{content:'';position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);width:24px;height:24px;border-width:4px;border-style:solid;border-color:rgba(110,122,138,0.15) rgba(110,122,138,0.15) rgb(20,124,215);border-image:initial;border-radius:50%;-webkit-animation:1s linear 0s infinite normal none running rotation-jsx-615306698;animation:1s linear 0s infinite normal none running rotation-jsx-615306698;}", ".scrollbox.jsx-615306698{overflow-y:auto;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;}", ".title.jsx-615306698{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacers-dp8);color:var(--colors-grey900);font-size:14px;line-height:18px;}", ".comments.jsx-615306698{padding-left:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:var(--spacers-dp4);gap:var(--spacers-dp4);}", "@-webkit-keyframes rotation-jsx-615306698{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", "@keyframes rotation-jsx-615306698{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}"]));
 };
 
 InterpretationThread.propTypes = {
   currentUser: PropTypes.object.isRequired,
-  downloadMenuComponent: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
   fetching: PropTypes.bool.isRequired,
   interpretation: PropTypes.object.isRequired,
   onInterpretationDeleted: PropTypes.func.isRequired,
+  downloadMenuComponent: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
   initialFocus: PropTypes.bool,
   onThreadUpdated: PropTypes.func
 };