@dhis2/analytics 24.0.1 → 24.0.4

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [24.0.4](https://github.com/dhis2/analytics/compare/v24.0.3...v24.0.4) (2022-08-25)
+
+
+### Bug Fixes
+
+* bump ui to latest ([#1327](https://github.com/dhis2/analytics/issues/1327)) ([ae41b8e](https://github.com/dhis2/analytics/commit/ae41b8e38426e5cd6399bb2c2eab72cfd22dbab5))
+
+## [24.0.3](https://github.com/dhis2/analytics/compare/v24.0.2...v24.0.3) (2022-08-24)
+
+
+### Bug Fixes
+
+* **translations:** sync translations from transifex (master) ([ed55dcc](https://github.com/dhis2/analytics/commit/ed55dccf8332d3e9400b766719233a8345a19548))
+
+## [24.0.2](https://github.com/dhis2/analytics/compare/v24.0.1...v24.0.2) (2022-08-23)
+
+
+### Bug Fixes
+
+* various fixes in InterpretationModal for maps LIBS-341 ([#1324](https://github.com/dhis2/analytics/issues/1324)) ([be1f462](https://github.com/dhis2/analytics/commit/be1f46297f055978de6cf3d7acae21c8f1fe1491))
+
 ## [24.0.1](https://github.com/dhis2/analytics/compare/v24.0.0...v24.0.1) (2022-08-23)
 
 

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

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

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

@@ -46,21 +46,23 @@ const InterpretationThread = _ref => {
         focusRef.current.focus();
       });
     }
-  }, [initialFocus, focusRef.current]);
+  }, [initialFocus]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-2924001448" + " " + ((0, _classnames.default)('container', {
+    className: "jsx-615306698" + " " + ((0, _classnames.default)('container', {
       fetching
     }) || "")
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-2924001448" + " " + 'scrollbox'
+    className: "jsx-615306698" + " " + 'scrollbox'
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-2924001448" + " " + 'title'
+    className: "jsx-615306698" + " " + 'title'
   }, /*#__PURE__*/_react.default.createElement(_ui.IconClock16, {
     color: _ui.colors.grey700
-  }), (0, _moment.default)(interpretation.created).format('LLL')), /*#__PURE__*/_react.default.createElement(DownloadMenu, {
+  }), (0, _moment.default)(interpretation.created).format('LLL')), DownloadMenu && /*#__PURE__*/_react.default.createElement(DownloadMenu, {
     relativePeriodDate: interpretation.created,
-    className: "jsx-2924001448"
-  }), /*#__PURE__*/_react.default.createElement(_index.Interpretation, {
+    className: "jsx-615306698"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "jsx-615306698" + " " + 'thread'
+  }, /*#__PURE__*/_react.default.createElement(_index.Interpretation, {
     currentUser: currentUser,
     interpretation: interpretation,
     onReplyIconClick: () => {
@@ -71,7 +73,7 @@ const InterpretationThread = _ref => {
     onUpdated: () => onThreadUpdated(true),
     onDeleted: onInterpretationDeleted
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-2924001448" + " " + 'comments'
+    className: "jsx-615306698" + " " + 'comments'
   }, interpretation.comments.map(comment => /*#__PURE__*/_react.default.createElement(_Comment.Comment, {
     key: comment.id,
     comment: comment,
@@ -83,18 +85,18 @@ const InterpretationThread = _ref => {
     interpretationId: interpretation.id,
     onSave: () => onThreadUpdated(true),
     focusRef: focusRef
-  })), /*#__PURE__*/_react.default.createElement(_style.default, {
-    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.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);}}"]));
 };
 
 exports.InterpretationThread = InterpretationThread;
 InterpretationThread.propTypes = {
   currentUser: _propTypes.default.object.isRequired,
-  downloadMenuComponent: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func]).isRequired,
   fetching: _propTypes.default.bool.isRequired,
   interpretation: _propTypes.default.object.isRequired,
   onInterpretationDeleted: _propTypes.default.func.isRequired,
+  downloadMenuComponent: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func]),
   initialFocus: _propTypes.default.bool,
   onThreadUpdated: _propTypes.default.func
 };

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

@@ -62,17 +62,15 @@ const InterpretationsUnit = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) =>
   } = (0, _appRuntime.useDataQuery)(interpretationsQuery, {
     lazy: true
   });
-
-  const onCompleteAction = () => {
+  const onCompleteAction = (0, _react.useCallback)(() => {
     refetch({
       type,
       id
     });
-  };
-
+  }, [type, id, refetch]);
   (0, _react.useImperativeHandle)(ref, () => ({
     refresh: onCompleteAction
-  }), []);
+  }), [onCompleteAction]);
   (0, _react.useEffect)(() => {
     if (id) {
       refetch({
@@ -80,7 +78,7 @@ const InterpretationsUnit = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) =>
         id
       });
     }
-  }, [type, id]);
+  }, [type, id, refetch]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dynamic([["4120713286", [_ui.spacers.dp16, _ui.colors.grey400, _ui.colors.white, _ui.spacers.dp32, _ui.colors.grey900]]]) + " " + ((0, _classnames.default)('container', {
       expanded: isExpanded

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

@@ -209,7 +209,7 @@ const RichTextEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref5, externalRef)
     var _textareaRef$current;
 
     return (_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 ? void 0 : _textareaRef$current.focus();
-  }, [textareaRef.current]);
+  }, [textareaRef]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "jsx-".concat(_RichTextEditorStyle.mainClasses.__hash) + " " + "container"
   }, /*#__PURE__*/_react.default.createElement(Toolbar, {

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

@@ -10,9 +10,9 @@ var _ui = require("@dhis2/ui");
 const mainClasses = [".container.jsx-2278350860{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}", ".preview.jsx-2278350860{font-size:14px;line-height:19px;color:".concat(_ui.colors.grey900, ";}"), ".textarea.jsx-2278350860{width:100%;box-sizing:border-box;padding:".concat(_ui.spacers.dp8, " ").concat(_ui.spacers.dp12, ";color:").concat(_ui.colors.grey900, ";background-color:").concat(_ui.colors.white, ";border:1px solid ").concat(_ui.colors.grey500, ";border-radius:3px;box-shadow:inset 0 0 0 1px rgba(102,113,123,0.15), inset 0 1px 2px 0 rgba(102,113,123,0.1);outline:0;font-size:14px;line-height:").concat(_ui.spacers.dp16, ";-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}"), ".textarea.jsx-2278350860:focus{outline:none;box-shadow:0 0 0 3px ".concat(_ui.theme.focus, ";}"), ".textarea.jsx-2278350860:disabled{background-color:".concat(_ui.colors.grey100, ";border-color:").concat(_ui.colors.grey500, ";color:").concat(_ui.theme.disabled, ";cursor:not-allowed;}")];
 exports.mainClasses = mainClasses;
 mainClasses.__hash = "2278350860";
-const toolbarClasses = [".toolbar.jsx-1189800463{background:".concat(_ui.colors.grey050, ";border-radius:3px;border:1px solid ").concat(_ui.colors.grey300, ";margin-bottom:").concat(_ui.spacers.dp4, ";}"), ".actionsWrapper.jsx-1189800463{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(_ui.spacers.dp4, ";-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:").concat(_ui.spacers.dp4, ";}"), ".mainActions.jsx-1189800463{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(_ui.spacers.dp4, ";margin-top:").concat(_ui.spacers.dp2, ";}"), ".sideActions.jsx-1189800463{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;}", ".previewWrapper.jsx-1189800463{margin:".concat(_ui.spacers.dp4, ";text-align:right;}")];
+const toolbarClasses = [".toolbar.jsx-2267496677{background:".concat(_ui.colors.grey050, ";border-radius:3px;border:1px solid ").concat(_ui.colors.grey300, ";margin-bottom:").concat(_ui.spacers.dp4, ";}"), ".actionsWrapper.jsx-2267496677{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:".concat(_ui.spacers.dp4, ";-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:").concat(_ui.spacers.dp4, ";}"), ".mainActions.jsx-2267496677{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(_ui.spacers.dp4, ";margin-top:").concat(_ui.spacers.dp2, ";}"), ".sideActions.jsx-2267496677{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".previewWrapper.jsx-2267496677{margin:".concat(_ui.spacers.dp4, ";text-align:right;}")];
 exports.toolbarClasses = toolbarClasses;
-toolbarClasses.__hash = "1189800463";
+toolbarClasses.__hash = "2267496677";
 const tooltipAnchorClasses = [".tooltip.jsx-2182400256{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}"];
 exports.tooltipAnchorClasses = tooltipAnchorClasses;
 tooltipAnchorClasses.__hash = "2182400256";

package/build/cjs/components/Interpretations/common/UserMention/useUserSearchResults.js

@@ -58,7 +58,7 @@ const useUserSearchResults = _ref2 => {
     }
 
     return () => debouncedRefetch.cancel();
-  }, [searchText]);
+  }, [searchText, debouncedRefetch]);
   (0, _react.useEffect)(() => {
     if (data) {
       setData(data.users);

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

@@ -260,7 +260,7 @@
     "This year": "Поточний рік",
     "Last year": "Минулий рік",
     "Last 5 years": "Останні 5 років",
-    "Last 10 years": "",
+    "Last 10 years": "Останні 10 років",
     "Days": "Дні",
     "Weeks": "Тижні",
     "Bi-weeks": "Двотижневі проміжки",

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
 };

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

@@ -4,7 +4,7 @@ import i18n from '@dhis2/d2-i18n';
 import { CircularLoader, IconChevronDown24, IconChevronUp24, colors, spacers } from '@dhis2/ui';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React, { useEffect, useState, useImperativeHandle, forwardRef } from 'react';
+import React, { useCallback, useEffect, useState, useImperativeHandle, forwardRef } from 'react';
 import { InterpretationForm } from './InterpretationForm.js';
 import { InterpretationList } from './InterpretationList.js';
 const interpretationsQuery = {
@@ -40,17 +40,15 @@ export const InterpretationsUnit = /*#__PURE__*/forwardRef((_ref2, ref) => {
   } = useDataQuery(interpretationsQuery, {
     lazy: true
   });
-
-  const onCompleteAction = () => {
+  const onCompleteAction = useCallback(() => {
     refetch({
       type,
       id
     });
-  };
-
+  }, [type, id, refetch]);
   useImperativeHandle(ref, () => ({
     refresh: onCompleteAction
-  }), []);
+  }), [onCompleteAction]);
   useEffect(() => {
     if (id) {
       refetch({
@@ -58,7 +56,7 @@ export const InterpretationsUnit = /*#__PURE__*/forwardRef((_ref2, ref) => {
         id
       });
     }
-  }, [type, id]);
+  }, [type, id, refetch]);
   return /*#__PURE__*/React.createElement("div", {
     className: _JSXStyle.dynamic([["4120713286", [spacers.dp16, colors.grey400, colors.white, spacers.dp32, colors.grey900]]]) + " " + (cx('container', {
       expanded: isExpanded

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

@@ -188,7 +188,7 @@ export const RichTextEditor = /*#__PURE__*/forwardRef((_ref5, externalRef) => {
     var _textareaRef$current;
 
     return (_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 ? void 0 : _textareaRef$current.focus();
-  }, [textareaRef.current]);
+  }, [textareaRef]);
   return /*#__PURE__*/React.createElement("div", {
     className: "jsx-".concat(mainClasses.__hash) + " " + "container"
   }, /*#__PURE__*/React.createElement(Toolbar, {

package/build/es/components/Interpretations/common/RichTextEditor/styles/RichTextEditor.style.js

@@ -1,8 +1,8 @@
 import { colors, spacers, theme } from '@dhis2/ui';
 export const mainClasses = [".container.jsx-2278350860{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}", ".preview.jsx-2278350860{font-size:14px;line-height:19px;color:".concat(colors.grey900, ";}"), ".textarea.jsx-2278350860{width:100%;box-sizing:border-box;padding:".concat(spacers.dp8, " ").concat(spacers.dp12, ";color:").concat(colors.grey900, ";background-color:").concat(colors.white, ";border:1px solid ").concat(colors.grey500, ";border-radius:3px;box-shadow:inset 0 0 0 1px rgba(102,113,123,0.15), inset 0 1px 2px 0 rgba(102,113,123,0.1);outline:0;font-size:14px;line-height:").concat(spacers.dp16, ";-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}"), ".textarea.jsx-2278350860:focus{outline:none;box-shadow:0 0 0 3px ".concat(theme.focus, ";}"), ".textarea.jsx-2278350860:disabled{background-color:".concat(colors.grey100, ";border-color:").concat(colors.grey500, ";color:").concat(theme.disabled, ";cursor:not-allowed;}")];
 mainClasses.__hash = "2278350860";
-export const toolbarClasses = [".toolbar.jsx-1189800463{background:".concat(colors.grey050, ";border-radius:3px;border:1px solid ").concat(colors.grey300, ";margin-bottom:").concat(spacers.dp4, ";}"), ".actionsWrapper.jsx-1189800463{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(spacers.dp4, ";-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:").concat(spacers.dp4, ";}"), ".mainActions.jsx-1189800463{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(spacers.dp4, ";margin-top:").concat(spacers.dp2, ";}"), ".sideActions.jsx-1189800463{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;}", ".previewWrapper.jsx-1189800463{margin:".concat(spacers.dp4, ";text-align:right;}")];
-toolbarClasses.__hash = "1189800463";
+export const toolbarClasses = [".toolbar.jsx-2267496677{background:".concat(colors.grey050, ";border-radius:3px;border:1px solid ").concat(colors.grey300, ";margin-bottom:").concat(spacers.dp4, ";}"), ".actionsWrapper.jsx-2267496677{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:".concat(spacers.dp4, ";-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:").concat(spacers.dp4, ";}"), ".mainActions.jsx-2267496677{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(spacers.dp4, ";margin-top:").concat(spacers.dp2, ";}"), ".sideActions.jsx-2267496677{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".previewWrapper.jsx-2267496677{margin:".concat(spacers.dp4, ";text-align:right;}")];
+toolbarClasses.__hash = "2267496677";
 export const tooltipAnchorClasses = [".tooltip.jsx-2182400256{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}"];
 tooltipAnchorClasses.__hash = "2182400256";
 export const emojisPopoverClasses = [".emojisList.jsx-2802175370{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(spacers.dp8, ";list-style-type:none;margin:0 ").concat(spacers.dp4, " 0 ").concat(spacers.dp8, ";padding:0;}"), ".emojisList.jsx-2802175370 li.jsx-2802175370{cursor:pointer;}"];

package/build/es/components/Interpretations/common/UserMention/useUserSearchResults.js

@@ -45,7 +45,7 @@ export const useUserSearchResults = _ref2 => {
     }
 
     return () => debouncedRefetch.cancel();
-  }, [searchText]);
+  }, [searchText, debouncedRefetch]);
   useEffect(() => {
     if (data) {
       setData(data.users);

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

@@ -260,7 +260,7 @@
     "This year": "Поточний рік",
     "Last year": "Минулий рік",
     "Last 5 years": "Останні 5 років",
-    "Last 10 years": "",
+    "Last 10 years": "Останні 10 років",
     "Days": "Дні",
     "Weeks": "Тижні",
     "Bi-weeks": "Двотижневі проміжки",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2/analytics",
-    "version": "24.0.1",
+    "version": "24.0.4",
     "main": "./build/cjs/index.js",
     "module": "./build/es/index.js",
     "exports": {
@@ -35,7 +35,7 @@
         "@dhis2/cli-app-scripts": "^9.0.1",
         "@dhis2/cli-style": "^10.4.1",
         "@dhis2/d2-i18n": "^1.1.0",
-        "@dhis2/ui": "^8.4.9",
+        "@dhis2/ui": "^8.4.11",
         "@sambego/storybook-state": "^2.0.1",
         "@storybook/addons": "^6.5.9",
         "@storybook/preset-create-react-app": "^3.1.7",