@dhis2/analytics 26.1.1 → 26.1.3

package/build/cjs/__demo__/InterpretationsUnit.stories.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _appRuntime = require("@dhis2/app-runtime");
+var _react = require("@storybook/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _index = require("../components/Interpretations/InterpretationsUnit/index.js");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+(0, _react.storiesOf)('IntepretationsUnit', module).add('Default', () => {
+  return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
+    data: {
+      interpretations: {
+        interpretations: []
+      }
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_index.InterpretationsUnit, {
+    currentUser: {
+      name: 'Tom Wakiki'
+    },
+    id: "abcd",
+    onReplyIconClick: Function.prototype,
+    type: "eventVisualization",
+    visualizationHasTimeDimension: true
+  }));
+});
+(0, _react.storiesOf)('IntepretationsUnit', module).add('With no time dimensions warning', () => {
+  return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
+    data: {
+      interpretations: {
+        interpretations: []
+      }
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_index.InterpretationsUnit, {
+    currentUser: {
+      name: 'Tom Wakiki'
+    },
+    id: "abcd",
+    onReplyIconClick: Function.prototype,
+    type: "eventVisualization",
+    visualizationHasTimeDimension: false
+  }));
+});

package/build/cjs/components/AboutAOUnit/AboutAOUnit.js

@@ -60,6 +60,9 @@ const AboutAOUnit = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     renderId
   } = _ref3;
   const [isExpanded, setIsExpanded] = (0, _react.useState)(true);
+  const {
+    fromServerDate
+  } = (0, _appRuntime.useTimeZoneConversion)();
   const queries = (0, _react.useMemo)(() => getQueries(type), [type]);
   const {
     data,
@@ -166,16 +169,16 @@ const AboutAOUnit = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   }, /*#__PURE__*/_react.default.createElement(_ui.IconClock16, {
     color: _ui.colors.grey700
   }), _d2I18n.default.t('Last updated {{time}}', {
-    time: (0, _moment.default)(data.ao.lastUpdated).fromNow()
+    time: (0, _moment.default)(fromServerDate(data.ao.lastUpdated)).fromNow()
   })), /*#__PURE__*/_react.default.createElement("p", {
     className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + "detailLine"
   }, /*#__PURE__*/_react.default.createElement(_ui.IconUser16, {
     color: _ui.colors.grey700
   }), (_data$ao$createdBy = data.ao.createdBy) !== null && _data$ao$createdBy !== void 0 && _data$ao$createdBy.displayName ? _d2I18n.default.t('Created {{time}} by {{author}}', {
-    time: (0, _moment.default)(data.ao.created).fromNow(),
+    time: (0, _moment.default)(fromServerDate(data.ao.created)).fromNow(),
     author: data.ao.createdBy.displayName
   }) : _d2I18n.default.t('Created {{time}}', {
-    time: (0, _moment.default)(data.ao.created).fromNow()
+    time: (0, _moment.default)(fromServerDate(data.ao.created)).fromNow()
   })), /*#__PURE__*/_react.default.createElement("p", {
     className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + "detailLine"
   }, /*#__PURE__*/_react.default.createElement(_ui.IconView16, {

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

@@ -18,17 +18,17 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const modalCSS = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "422732072"
-  }, ["aside.jsx-422732072{max-width:calc(100vw - 128px) !important;max-height:calc(100vh - 128px) !important;width:auto !important;height:auto !important;overflow-y:hidden;}", "aside.hidden.jsx-422732072{display:none;}", "aside.jsx-422732072>div>div{max-height:none;}"]),
-  className: "jsx-422732072"
+    id: "2559940363"
+  }, ["aside.jsx-2559940363{max-width:calc(100vw - 128px) !important;max-height:calc(100vh - 128px) !important;width:auto !important;height:calc(100vh - 128px) !important;overflow-y:hidden;}", "aside.hidden.jsx-2559940363{display:none;}", "aside.jsx-2559940363>div>div{height:100%;}"]),
+  className: "jsx-2559940363"
 };
 function getModalContentCSS(width) {
   return {
     styles: /*#__PURE__*/_react.default.createElement(_style.default, {
-      id: "1689110567",
+      id: "2099285089",
       dynamic: [width]
-    }, [`div.__jsx-style-dynamic-selector{width:${width}px;}`]),
-    className: _style.default.dynamic([["1689110567", [width]]])
+    }, [`div.__jsx-style-dynamic-selector{width:${width}px;overflow-y:visible;}`]),
+    className: _style.default.dynamic([["2099285089", [width]]])
   };
 }
 const query = {
@@ -109,23 +109,23 @@ const InterpretationModal = _ref2 => {
     }),
     dataTest: "interpretation-modal"
   }, /*#__PURE__*/_react.default.createElement("h1", {
-    className: _style.default.dynamic([["3175860552", [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]]]) + " " + "title"
+    className: _style.default.dynamic([["2014146191", [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]]]) + " " + "title"
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.dynamic([["3175860552", [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]]]) + " " + "ellipsis"
+    className: _style.default.dynamic([["2014146191", [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]]]) + " " + "ellipsis"
   }, _d2I18n.default.t('Viewing interpretation: {{- visualisationName}}', {
     visualisationName: visualization.displayName || visualization.name,
     nsSeparator: '^^'
   }))), /*#__PURE__*/_react.default.createElement(_ui.ModalContent, {
     className: modalContentCSS.className
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["3175860552", [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]]]) + " " + "container"
+    className: _style.default.dynamic([["2014146191", [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]]]) + " " + "container"
   }, error && /*#__PURE__*/_react.default.createElement(_ui.NoticeBox, {
     error: true,
     title: _d2I18n.default.t('Could not load interpretation')
   }, error.message || _d2I18n.default.t('The interpretation couldn’t be displayed. Try again or contact your system administrator.')), shouldRenderModalContent && /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["3175860552", [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]]]) + " " + "row"
+    className: _style.default.dynamic([["2014146191", [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]]]) + " " + "row"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["3175860552", [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]]]) + " " + "visualisation-wrap"
+    className: _style.default.dynamic([["2014146191", [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]]]) + " " + "visualisation-wrap"
   }, /*#__PURE__*/_react.default.createElement(VisualizationPlugin, {
     filters: {
       relativePeriodDate: interpretation.created
@@ -133,9 +133,9 @@ const InterpretationModal = _ref2 => {
     visualization: visualization,
     onResponsesReceived: onResponsesReceived,
     displayProperty: (_currentUser$settings = currentUser.settings) === null || _currentUser$settings === void 0 ? void 0 : _currentUser$settings.keyAnalysisDisplayProperty,
-    className: _style.default.dynamic([["3175860552", [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]]])
+    className: _style.default.dynamic([["2014146191", [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]]])
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["3175860552", [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]]]) + " " + "thread-wrap"
+    className: _style.default.dynamic([["2014146191", [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]]]) + " " + "thread-wrap"
   }, /*#__PURE__*/_react.default.createElement(_InterpretationThread.InterpretationThread, {
     currentUser: currentUser,
     fetching: fetching,
@@ -148,9 +148,9 @@ const InterpretationModal = _ref2 => {
     disabled: fetching,
     onClick: handleClose
   }, _d2I18n.default.t('Hide interpretation'))), modalCSS.styles, modalContentCSS.styles, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3175860552",
+    id: "2014146191",
     dynamic: [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]
-  }, [`.title.__jsx-style-dynamic-selector{color:${_ui.colors.grey900};margin:0px;padding:${_ui.spacers.dp24} 0 ${_ui.spacers.dp4};}`, ".ellipsis.__jsx-style-dynamic-selector{display:inline-block;font-size:20px;font-weight:500;line-height:24px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}", ".container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".row.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:16px;}", ".visualisation-wrap.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:0;}", `.thread-wrap.__jsx-style-dynamic-selector{padding-right:${_ui.spacers.dp4};-webkit-flex-basis:300px;-ms-flex-preferred-size:300px;flex-basis:300px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow-y:auto;}`])));
+  }, [`.title.__jsx-style-dynamic-selector{color:${_ui.colors.grey900};margin:0px;padding:${_ui.spacers.dp24} 0 ${_ui.spacers.dp4};}`, ".ellipsis.__jsx-style-dynamic-selector{display:inline-block;font-size:20px;font-weight:500;line-height:24px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}", ".container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;}", ".row.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:16px;height:100%;}", ".visualisation-wrap.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:0;}", `.thread-wrap.__jsx-style-dynamic-selector{padding-right:${_ui.spacers.dp4};-webkit-flex-basis:300px;-ms-flex-preferred-size:300px;flex-basis:300px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}`])));
 };
 exports.InterpretationModal = InterpretationModal;
 InterpretationModal.propTypes = {

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InterpretationThread = void 0;
 var _style = _interopRequireDefault(require("styled-jsx/style"));
+var _appRuntime = require("@dhis2/app-runtime");
 var _ui = require("@dhis2/ui");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _moment = _interopRequireDefault(require("moment"));
@@ -26,6 +27,9 @@ const InterpretationThread = _ref => {
     onThreadUpdated,
     downloadMenuComponent: DownloadMenu
   } = _ref;
+  const {
+    fromServerDate
+  } = (0, _appRuntime.useTimeZoneConversion)();
   const focusRef = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
     if (initialFocus && focusRef.current) {
@@ -36,20 +40,18 @@ const InterpretationThread = _ref => {
   }, [initialFocus]);
   const interpretationAccess = (0, _index.getInterpretationAccess)(interpretation, currentUser);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-615306698" + " " + ((0, _classnames.default)('container', {
+    className: "jsx-1846557365" + " " + ((0, _classnames.default)('container', {
       fetching
     }) || "")
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-615306698" + " " + 'scrollbox'
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-615306698" + " " + 'title'
+    className: "jsx-1846557365" + " " + 'title'
   }, /*#__PURE__*/_react.default.createElement(_ui.IconClock16, {
     color: _ui.colors.grey700
-  }), (0, _moment.default)(interpretation.created).format('LLL')), DownloadMenu && /*#__PURE__*/_react.default.createElement(DownloadMenu, {
+  }), (0, _moment.default)(fromServerDate(interpretation.created)).format('LLL')), DownloadMenu && /*#__PURE__*/_react.default.createElement(DownloadMenu, {
     relativePeriodDate: interpretation.created,
-    className: "jsx-615306698"
+    className: "jsx-1846557365"
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-615306698" + " " + 'thread'
+    className: "jsx-1846557365" + " " + 'thread'
   }, /*#__PURE__*/_react.default.createElement(_index.Interpretation, {
     currentUser: currentUser,
     interpretation: interpretation,
@@ -61,7 +63,7 @@ const InterpretationThread = _ref => {
     onDeleted: onInterpretationDeleted,
     isInThread: true
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-615306698" + " " + 'comments'
+    className: "jsx-1846557365" + " " + 'comments'
   }, interpretation.comments.map(comment => /*#__PURE__*/_react.default.createElement(_Comment.Comment, {
     key: comment.id,
     comment: comment,
@@ -69,14 +71,14 @@ const InterpretationThread = _ref => {
     interpretationId: interpretation.id,
     onThreadUpdated: onThreadUpdated,
     canComment: interpretationAccess.comment
-  }))), interpretationAccess.comment && /*#__PURE__*/_react.default.createElement(_CommentAddForm.CommentAddForm, {
+  })))), interpretationAccess.comment && /*#__PURE__*/_react.default.createElement(_CommentAddForm.CommentAddForm, {
     currentUser: currentUser,
     interpretationId: interpretation.id,
     onSave: () => onThreadUpdated(true),
     focusRef: focusRef
-  }))), /*#__PURE__*/_react.default.createElement(_style.default, {
-    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);}}"]));
+  }), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "1846557365"
+  }, [".thread.jsx-1846557365{margin-top:var(--spacers-dp16);overflow-y:auto;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;}", ".container.jsx-1846557365{position:relative;overflow:auto;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-1846557365::before{content:'';position:absolute;inset:0px;background-color:rgba(255,255,255,0.8);}", ".container.fetching.jsx-1846557365::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-1846557365;animation:1s linear 0s infinite normal none running rotation-jsx-1846557365;}", ".title.jsx-1846557365{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-1846557365{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-1846557365{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-1846557365{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}"]));
 };
 exports.InterpretationThread = InterpretationThread;
 InterpretationThread.propTypes = {

package/build/cjs/components/Interpretations/InterpretationsUnit/InterpretationForm.js

@@ -19,6 +19,7 @@ const InterpretationForm = _ref => {
     id,
     currentUser,
     disabled,
+    showNoTimeDimensionHelpText,
     onSave
   } = _ref;
   const [showRichTextEditor, setShowRichTextEditor] = (0, _react.useState)(false);
@@ -50,7 +51,8 @@ const InterpretationForm = _ref => {
     disabled: saveMutationInProgress,
     inputPlaceholder: inputPlaceholder,
     onChange: setInterpretationText,
-    value: interpretationText
+    value: interpretationText,
+    helpText: showNoTimeDimensionHelpText ? _d2I18n.default.t('Other people viewing this interpretation in the future may see more data.') : undefined
   }), /*#__PURE__*/_react.default.createElement(_index.MessageButtonStrip, null, /*#__PURE__*/_react.default.createElement(_ui.Button, {
     primary: true,
     small: true,
@@ -77,6 +79,7 @@ InterpretationForm.propTypes = {
   currentUser: _propTypes.default.object,
   disabled: _propTypes.default.bool,
   id: _propTypes.default.string,
+  showNoTimeDimensionHelpText: _propTypes.default.bool,
   type: _propTypes.default.string,
   onSave: _propTypes.default.func
 };

package/build/cjs/components/Interpretations/InterpretationsUnit/InterpretationList.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InterpretationList = void 0;
 var _style = _interopRequireDefault(require("styled-jsx/style"));
+var _appRuntime = require("@dhis2/app-runtime");
 var _ui = require("@dhis2/ui");
 var _moment = _interopRequireDefault(require("moment"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -31,6 +32,9 @@ const InterpretationList = _ref => {
     refresh,
     disabled
   } = _ref;
+  const {
+    fromServerDate
+  } = (0, _appRuntime.useTimeZoneConversion)();
   const interpretationsByDate = interpretations.reduce((groupedInterpretations, interpretation) => {
     const date = interpretation.created.split('T')[0];
     if (date in groupedInterpretations) {
@@ -53,7 +57,7 @@ const InterpretationList = _ref => {
   }), /*#__PURE__*/_react.default.createElement("time", {
     dateTime: date,
     className: _style.default.dynamic([["4058400613", [_ui.spacers.dp8, _ui.spacers.dp8, _ui.spacers.dp16, _ui.colors.grey800, _ui.spacers.dp12, _ui.spacers.dp12, _ui.spacers.dp32, _ui.spacers.dp4]]]) + " " + "date-header"
-  }, (0, _moment.default)(date).format('ll'))), /*#__PURE__*/_react.default.createElement("ol", {
+  }, (0, _moment.default)(fromServerDate(date)).format('ll'))), /*#__PURE__*/_react.default.createElement("ol", {
     className: _style.default.dynamic([["4058400613", [_ui.spacers.dp8, _ui.spacers.dp8, _ui.spacers.dp16, _ui.colors.grey800, _ui.spacers.dp12, _ui.spacers.dp12, _ui.spacers.dp32, _ui.spacers.dp4]]]) + " " + "interpretation-list"
   }, interpretationsByDate[date].sort(sortByCreatedDateDesc).map(interpretation => /*#__PURE__*/_react.default.createElement(_index.Interpretation, {
     key: interpretation.id,

package/build/cjs/components/Interpretations/InterpretationsUnit/InterpretationsUnit.js

@@ -36,12 +36,14 @@ const InterpretationsUnit = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) =>
     currentUser,
     type,
     id,
+    visualizationHasTimeDimension,
     onInterpretationClick,
     onReplyIconClick,
     disabled,
     renderId
   } = _ref2;
   const [isExpanded, setIsExpanded] = (0, _react.useState)(true);
+  const showNoTimeDimensionHelpText = type === 'eventVisualization' && !visualizationHasTimeDimension;
   const {
     data,
     loading,
@@ -93,7 +95,8 @@ const InterpretationsUnit = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) =>
     type: type,
     id: id,
     onSave: onCompleteAction,
-    disabled: disabled
+    disabled: disabled,
+    showNoTimeDimensionHelpText: showNoTimeDimensionHelpText
   }), /*#__PURE__*/_react.default.createElement(_InterpretationList.InterpretationList, {
     currentUser: currentUser,
     interpretations: data.interpretations.interpretations,
@@ -109,7 +112,8 @@ const InterpretationsUnit = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) =>
 exports.InterpretationsUnit = InterpretationsUnit;
 InterpretationsUnit.displayName = 'InterpretationsUnit';
 InterpretationsUnit.defaultProps = {
-  onInterpretationClick: Function.prototype
+  onInterpretationClick: Function.prototype,
+  visualizationHasTimeDimension: true
 };
 InterpretationsUnit.propTypes = {
   currentUser: _propTypes.default.object.isRequired,
@@ -117,6 +121,7 @@ InterpretationsUnit.propTypes = {
   type: _propTypes.default.string.isRequired,
   disabled: _propTypes.default.bool,
   renderId: _propTypes.default.number,
+  visualizationHasTimeDimension: _propTypes.default.bool,
   onInterpretationClick: _propTypes.default.func,
   onReplyIconClick: _propTypes.default.func
 };

package/build/cjs/components/Interpretations/common/Message/Message.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Message = void 0;
 var _style = _interopRequireDefault(require("styled-jsx/style"));
+var _appRuntime = require("@dhis2/app-runtime");
 var _d2UiRichText = require("@dhis2/d2-ui-rich-text");
 var _ui = require("@dhis2/ui");
 var _moment = _interopRequireDefault(require("moment"));
@@ -18,24 +19,27 @@ const Message = _ref => {
     created,
     username
   } = _ref;
+  const {
+    fromServerDate
+  } = (0, _appRuntime.useTimeZoneConversion)();
   return /*#__PURE__*/_react.default.createElement("li", {
-    className: _style.default.dynamic([["2436588813", [_ui.spacers.dp8, _ui.colors.grey100, _ui.spacers.dp8, _ui.colors.grey900, _ui.colors.grey600, _ui.colors.grey900, _ui.spacers.dp8]]]) + " " + "container"
+    className: _style.default.dynamic([["3500389795", [_ui.spacers.dp8, _ui.colors.grey100, _ui.spacers.dp8, _ui.colors.grey900, _ui.colors.grey600, _ui.colors.grey900, _ui.spacers.dp8]]]) + " " + "container"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["2436588813", [_ui.spacers.dp8, _ui.colors.grey100, _ui.spacers.dp8, _ui.colors.grey900, _ui.colors.grey600, _ui.colors.grey900, _ui.spacers.dp8]]]) + " " + "header"
+    className: _style.default.dynamic([["3500389795", [_ui.spacers.dp8, _ui.colors.grey100, _ui.spacers.dp8, _ui.colors.grey900, _ui.colors.grey600, _ui.colors.grey900, _ui.spacers.dp8]]]) + " " + "header"
   }, /*#__PURE__*/_react.default.createElement(_ui.UserAvatar, {
     name: username,
     extrasmall: true
   }), username, /*#__PURE__*/_react.default.createElement("time", {
     dateTime: created,
-    className: _style.default.dynamic([["2436588813", [_ui.spacers.dp8, _ui.colors.grey100, _ui.spacers.dp8, _ui.colors.grey900, _ui.colors.grey600, _ui.colors.grey900, _ui.spacers.dp8]]])
-  }, (0, _moment.default)(created).format('lll'))), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["2436588813", [_ui.spacers.dp8, _ui.colors.grey100, _ui.spacers.dp8, _ui.colors.grey900, _ui.colors.grey600, _ui.colors.grey900, _ui.spacers.dp8]]]) + " " + "content"
+    className: _style.default.dynamic([["3500389795", [_ui.spacers.dp8, _ui.colors.grey100, _ui.spacers.dp8, _ui.colors.grey900, _ui.colors.grey600, _ui.colors.grey900, _ui.spacers.dp8]]])
+  }, (0, _moment.default)(fromServerDate(created)).format('lll'))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.dynamic([["3500389795", [_ui.spacers.dp8, _ui.colors.grey100, _ui.spacers.dp8, _ui.colors.grey900, _ui.colors.grey600, _ui.colors.grey900, _ui.spacers.dp8]]]) + " " + "content"
   }, /*#__PURE__*/_react.default.createElement(_d2UiRichText.Parser, null, text)), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["2436588813", [_ui.spacers.dp8, _ui.colors.grey100, _ui.spacers.dp8, _ui.colors.grey900, _ui.colors.grey600, _ui.colors.grey900, _ui.spacers.dp8]]]) + " " + "footer"
+    className: _style.default.dynamic([["3500389795", [_ui.spacers.dp8, _ui.colors.grey100, _ui.spacers.dp8, _ui.colors.grey900, _ui.colors.grey600, _ui.colors.grey900, _ui.spacers.dp8]]]) + " " + "footer"
   }, children), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "2436588813",
+    id: "3500389795",
     dynamic: [_ui.spacers.dp8, _ui.colors.grey100, _ui.spacers.dp8, _ui.colors.grey900, _ui.colors.grey600, _ui.colors.grey900, _ui.spacers.dp8]
-  }, [`.container.__jsx-style-dynamic-selector{padding:${_ui.spacers.dp8};background-color:${_ui.colors.grey100};border-radius:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:${_ui.spacers.dp8};}`, `.header.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;line-height:16px;color:${_ui.colors.grey900};}`, `.header.__jsx-style-dynamic-selector time.__jsx-style-dynamic-selector{font-size:12px;color:${_ui.colors.grey600};}`, `.content.__jsx-style-dynamic-selector{font-size:14px;line-height:19px;color:${_ui.colors.grey900};}`, ".content.__jsx-style-dynamic-selector p:first-child{margin:0;}", `.footer.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:${_ui.spacers.dp8};}`]));
+  }, [`.container.__jsx-style-dynamic-selector{padding:${_ui.spacers.dp8};background-color:${_ui.colors.grey100};border-radius:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:${_ui.spacers.dp8};}`, `.header.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:6px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;line-height:16px;color:${_ui.colors.grey900};}`, `.header.__jsx-style-dynamic-selector time.__jsx-style-dynamic-selector{font-size:12px;color:${_ui.colors.grey600};}`, `.content.__jsx-style-dynamic-selector{font-size:14px;line-height:19px;color:${_ui.colors.grey900};word-break:break-word;}`, ".content.__jsx-style-dynamic-selector p:first-child{margin:0;}", `.footer.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:${_ui.spacers.dp8};}`]));
 };
 exports.Message = Message;
 Message.propTypes = {

package/build/cjs/components/Interpretations/common/RichTextEditor/RichTextEditor.js

@@ -182,7 +182,8 @@ const RichTextEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref5, externalRef)
     disabled,
     inputPlaceholder,
     onChange,
-    errorText
+    errorText,
+    helpText
   } = _ref5;
   const [previewMode, setPreviewMode] = (0, _react.useState)(false);
   const internalRef = (0, _react.useRef)();
@@ -215,7 +216,8 @@ const RichTextEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref5, externalRef)
     className: `jsx-${_RichTextEditorStyle.mainClasses.__hash}` + " " + "preview"
   }, /*#__PURE__*/_react.default.createElement(_d2UiRichText.Parser, null, value)) : /*#__PURE__*/_react.default.createElement(_ui.Field, {
     error: !!errorText,
-    validationText: errorText
+    validationText: errorText,
+    helpText: helpText
   }, /*#__PURE__*/_react.default.createElement(_UserMentionWrapper.UserMentionWrapper, {
     onUserSelect: onChange,
     inputReference: textareaRef
@@ -238,5 +240,6 @@ RichTextEditor.propTypes = {
   onChange: _propTypes.default.func.isRequired,
   disabled: _propTypes.default.bool,
   errorText: _propTypes.default.string,
+  helpText: _propTypes.default.string,
   inputPlaceholder: _propTypes.default.string
 };

package/build/cjs/components/Interpretations/common/__tests__/getInterpretationAccess.spec.js

@@ -1,18 +1,30 @@
 "use strict";
 
 var _getInterpretationAccess = require("../getInterpretationAccess.js");
-const superuser = {
+const superuserD2CurrentUser = {
   id: 'iamsuper',
   authorities: new Set(['ALL'])
 };
-const userJoe = {
+const userJoeD2CurrentUser = {
   id: 'johndoe',
   authorities: new Set(['Some'])
 };
-const userJane = {
+const userJaneD2CurrentUser = {
   id: 'jane',
   authorities: new Set(['Some'])
 };
+const superuser = {
+  id: 'iamsuper',
+  authorities: ['ALL']
+};
+const userJoe = {
+  id: 'johndoe',
+  authorities: ['Some']
+};
+const userJane = {
+  id: 'jane',
+  authorities: ['Some']
+};
 describe('interpretation and comment access', () => {
   describe('getInterpretationAccess', () => {
     it('returns true for all accesses for superuser', () => {
@@ -90,6 +102,163 @@ describe('interpretation and comment access', () => {
         delete: false
       });
     });
+    it('throws an error for all accesses when no currentUser provided', () => {
+      const interpretation = {
+        access: {
+          write: false,
+          manage: false
+        },
+        createdBy: userJane
+      };
+      expect(() => (0, _getInterpretationAccess.getInterpretationAccess)(interpretation)).toThrow('"hasAuthority" requires "authorities" to be an array or set of authorities (strings)');
+    });
+    it('throws an error when currentUser is missing authorities', () => {
+      const interpretation = {
+        access: {
+          write: false,
+          manage: false
+        },
+        createdBy: userJane
+      };
+      expect(() => (0, _getInterpretationAccess.getInterpretationAccess)(interpretation, {
+        id: 'usernoauthorties'
+      })).toThrow('"hasAuthority" requires "authorities" to be an array or set of authorities (strings)');
+    });
+  });
+  describe('getInterpretationAccess using D2.currentUser', () => {
+    it('returns true for all accesses for superuser', () => {
+      const interpretation = {
+        access: {
+          write: true,
+          manage: true
+        },
+        createdBy: userJoeD2CurrentUser
+      };
+      expect((0, _getInterpretationAccess.getInterpretationAccess)(interpretation, superuserD2CurrentUser)).toMatchObject({
+        share: true,
+        comment: true,
+        edit: true,
+        delete: true
+      });
+    });
+    it('returns true for all accesses for creator', () => {
+      const interpretation = {
+        access: {
+          write: true,
+          manage: true
+        },
+        createdBy: userJoeD2CurrentUser
+      };
+      expect((0, _getInterpretationAccess.getInterpretationAccess)(interpretation, userJoeD2CurrentUser)).toMatchObject({
+        share: true,
+        comment: true,
+        edit: true,
+        delete: true
+      });
+    });
+    it('returns false for edit/delete if user is not creator/superuser', () => {
+      const interpretation = {
+        access: {
+          write: true,
+          manage: true
+        },
+        createdBy: userJaneD2CurrentUser
+      };
+      expect((0, _getInterpretationAccess.getInterpretationAccess)(interpretation, userJoeD2CurrentUser)).toMatchObject({
+        share: true,
+        comment: true,
+        edit: false,
+        delete: false
+      });
+    });
+    it('returns false for comment/edit/delete if user is not creator/superuser and no write access', () => {
+      const interpretation = {
+        access: {
+          write: false,
+          manage: true
+        },
+        createdBy: userJaneD2CurrentUser
+      };
+      expect((0, _getInterpretationAccess.getInterpretationAccess)(interpretation, userJoeD2CurrentUser)).toMatchObject({
+        share: true,
+        comment: false,
+        edit: false,
+        delete: false
+      });
+    });
+    it('returns false for share/comment/edit/delete if user is not creator/superuser and no write or manage access', () => {
+      const interpretation = {
+        access: {
+          write: false,
+          manage: false
+        },
+        createdBy: userJaneD2CurrentUser
+      };
+      expect((0, _getInterpretationAccess.getInterpretationAccess)(interpretation, userJoeD2CurrentUser)).toMatchObject({
+        share: false,
+        comment: false,
+        edit: false,
+        delete: false
+      });
+    });
+  });
+  describe('getCommentAccess using D2.currentUser', () => {
+    it('returns true for all accesses for superuser', () => {
+      const interpretation = {
+        access: {
+          write: true
+        }
+      };
+      const comment = {
+        createdBy: userJoeD2CurrentUser
+      };
+      expect((0, _getInterpretationAccess.getCommentAccess)(comment, interpretation.access.write, superuserD2CurrentUser)).toMatchObject({
+        edit: true,
+        delete: true
+      });
+    });
+    it('returns true for all accesses for creator when interpretation has write access', () => {
+      const interpretation = {
+        access: {
+          write: true
+        }
+      };
+      const comment = {
+        createdBy: userJoeD2CurrentUser
+      };
+      expect((0, _getInterpretationAccess.getCommentAccess)(comment, interpretation.access.write, userJoeD2CurrentUser)).toMatchObject({
+        edit: true,
+        delete: true
+      });
+    });
+    it('returns true for edit and false for delete for creator when interpretation does not have write access', () => {
+      const interpretation = {
+        access: {
+          write: false
+        }
+      };
+      const comment = {
+        createdBy: userJoeD2CurrentUser
+      };
+      expect((0, _getInterpretationAccess.getCommentAccess)(comment, interpretation.access.write, userJoeD2CurrentUser)).toMatchObject({
+        edit: true,
+        delete: false
+      });
+    });
+    it('returns false for edit/delete for user who is not creator or superuser', () => {
+      const interpretation = {
+        access: {
+          write: true
+        }
+      };
+      const comment = {
+        createdBy: userJaneD2CurrentUser
+      };
+      expect((0, _getInterpretationAccess.getCommentAccess)(comment, interpretation.access.write, userJoeD2CurrentUser)).toMatchObject({
+        edit: false,
+        delete: false
+      });
+    });
   });
   describe('getCommentAccess', () => {
     it('returns true for all accesses for superuser', () => {

package/build/cjs/components/Interpretations/common/getInterpretationAccess.js

@@ -4,9 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getInterpretationAccess = exports.getCommentAccess = void 0;
-const isCreatorOrSuperuser = (object, currentUser) => (object === null || object === void 0 ? void 0 : object.createdBy.id) === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.id) || (currentUser === null || currentUser === void 0 ? void 0 : currentUser.authorities.has('ALL'));
+// For backwards compatibility
+// accept both Set (from the old d2.currentUser object) and array
+const hasAuthority = (authorities, authority) => {
+  if (!authority || typeof authority !== 'string') {
+    throw new Error(`"hasAuthority" requires "authority" to be a populated string but received ${authority}`);
+  }
+  if (!(Array.isArray(authorities) || typeof (authorities === null || authorities === void 0 ? void 0 : authorities.has) === 'function')) {
+    throw new Error(`"hasAuthority" requires "authorities" to be an array or set of authorities (strings)`);
+  }
+  return Array.isArray(authorities) ? authorities.includes(authority) : authorities.has(authority);
+};
+const isSuperuser = authorities => hasAuthority(authorities, 'ALL');
+const isCreator = (object, currentUser) => (object === null || object === void 0 ? void 0 : object.createdBy.id) === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.id);
 const getInterpretationAccess = (interpretation, currentUser) => {
-  const canEditDelete = isCreatorOrSuperuser(interpretation, currentUser);
+  const canEditDelete = isCreator(interpretation, currentUser) || isSuperuser(currentUser === null || currentUser === void 0 ? void 0 : currentUser.authorities);
   return {
     share: interpretation.access.manage,
     comment: interpretation.access.write,
@@ -16,7 +28,7 @@ const getInterpretationAccess = (interpretation, currentUser) => {
 };
 exports.getInterpretationAccess = getInterpretationAccess;
 const getCommentAccess = (comment, hasInterpretationReplyAccess, currentUser) => {
-  const canEditDelete = isCreatorOrSuperuser(comment, currentUser);
+  const canEditDelete = isCreator(comment, currentUser) || isSuperuser(currentUser === null || currentUser === void 0 ? void 0 : currentUser.authorities);
   return {
     edit: canEditDelete,
     delete: canEditDelete && hasInterpretationReplyAccess

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

@@ -116,6 +116,7 @@
     "The interpretation couldn’t be displayed. Try again or contact your system administrator.": "The interpretation couldn’t be displayed. Try again or contact your system administrator.",
     "Hide interpretation": "Hide interpretation",
     "Write an interpretation": "Write an interpretation",
+    "Other people viewing this interpretation in the future may see more data.": "Other people viewing this interpretation in the future may see more data.",
     "Post interpretation": "Post interpretation",
     "Interpretations": "Interpretations",
     "Reply": "Reply",