@dhis2/analytics 26.0.8 → 26.0.9

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

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CommentAddForm = void 0;
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = require("../common/index.js");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const CommentAddForm = _ref => {
   let {
     interpretationId,
@@ -33,7 +23,7 @@ const CommentAddForm = _ref => {
   const [showRichTextEditor, setShowRichTextEditor] = (0, _react.useState)(false);
   const [commentText, setCommentText] = (0, _react.useState)('');
   const saveMutationRef = (0, _react.useRef)({
-    resource: "interpretations/".concat(interpretationId, "/comments"),
+    resource: `interpretations/${interpretationId}/comments`,
     type: 'create',
     data: _ref2 => {
       let {
@@ -51,9 +41,7 @@ const CommentAddForm = _ref => {
       onSave();
     }
   });
-
   const inputPlaceholder = _d2I18n.default.t('Write a reply');
-
   return /*#__PURE__*/_react.default.createElement(_index.MessageEditorContainer, {
     currentUser: currentUser
   }, showRichTextEditor ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.RichTextEditor, {
@@ -83,7 +71,6 @@ const CommentAddForm = _ref => {
     ref: focusRef
   }));
 };
-
 exports.CommentAddForm = CommentAddForm;
 CommentAddForm.propTypes = {
   currentUser: _propTypes.default.object.isRequired,

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CommentDeleteButton = void 0;
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../common/index.js");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const mutation = {
   resource: 'interpretations',
   id: _ref => {
@@ -26,11 +18,10 @@ const mutation = {
       interpretationId,
       commentId
     } = _ref;
-    return "".concat(interpretationId, "/comments/").concat(commentId);
+    return `${interpretationId}/comments/${commentId}`;
   },
   type: 'delete'
 };
-
 const CommentDeleteButton = _ref2 => {
   let {
     commentId,
@@ -53,7 +44,6 @@ const CommentDeleteButton = _ref2 => {
     disabled: loading
   });
 };
-
 exports.CommentDeleteButton = CommentDeleteButton;
 CommentDeleteButton.propTypes = {
   commentId: _propTypes.default.string.isRequired,

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

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CommentUpdateForm = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = require("../common/index.js");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const CommentUpdateForm = _ref => {
   let {
     interpretationId,
@@ -36,7 +25,7 @@ const CommentUpdateForm = _ref => {
   } = _ref;
   const [commentText, setCommentText] = (0, _react.useState)(text || '');
   const updateMutationRef = (0, _react.useRef)({
-    resource: "interpretations/".concat(interpretationId, "/comments/").concat(commentId),
+    resource: `interpretations/${interpretationId}/comments/${commentId}`,
     type: 'update',
     partial: false,
     data: _ref2 => {
@@ -81,9 +70,8 @@ const CommentUpdateForm = _ref => {
   }, _d2I18n.default.t('Cancel')))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2690082310",
     dynamic: [_ui.spacers.dp8, _ui.spacers.dp8, _ui.colors.grey100]
-  }, [".message.__jsx-style-dynamic-selector{padding:0 ".concat(_ui.spacers.dp8, " ").concat(_ui.spacers.dp8, ";background-color:").concat(_ui.colors.grey100, ";border-radius:5px;}")]));
+  }, [`.message.__jsx-style-dynamic-selector{padding:0 ${_ui.spacers.dp8} ${_ui.spacers.dp8};background-color:${_ui.colors.grey100};border-radius:5px;}`]));
 };
-
 exports.CommentUpdateForm = CommentUpdateForm;
 CommentUpdateForm.propTypes = {
   close: _propTypes.default.func.isRequired,

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

@@ -4,48 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InterpretationModal = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _InterpretationThread = require("./InterpretationThread.js");
-
 var _useModalContentWidth = require("./useModalContentWidth.js");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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"
 };
-
 function getModalContentCSS(width) {
   return {
     styles: /*#__PURE__*/_react.default.createElement(_style.default, {
       id: "1689110567",
       dynamic: [width]
-    }, ["div.__jsx-style-dynamic-selector{width:".concat(width, "px;}")]),
+    }, [`div.__jsx-style-dynamic-selector{width:${width}px;}`]),
     className: _style.default.dynamic([["1689110567", [width]]])
   };
 }
-
 const query = {
   interpretation: {
     resource: 'interpretations',
@@ -60,10 +45,8 @@ const query = {
     }
   }
 };
-
 const InterpretationModal = _ref2 => {
   var _currentUser$settings;
-
   let {
     currentUser,
     isVisualizationLoading,
@@ -91,32 +74,26 @@ const InterpretationModal = _ref2 => {
   const interpretation = data === null || data === void 0 ? void 0 : data.interpretation;
   const shouldRenderModalContent = !error && interpretation;
   const shouldCssHideModal = loading || isVisualizationLoading;
-
   const handleClose = () => {
     if (isDirty) {
       onInterpretationUpdate();
       setIsDirty(false);
     }
-
     onClose();
   };
-
   const onThreadUpdated = affectsInterpretation => {
     if (affectsInterpretation) {
       setIsDirty(true);
     }
-
     refetch({
       id: interpretationId
     });
   };
-
   const onInterpretationDeleted = () => {
     setIsDirty(false);
     onInterpretationUpdate();
     onClose();
   };
-
   (0, _react.useEffect)(() => {
     if (interpretationId) {
       refetch({
@@ -173,9 +150,8 @@ const InterpretationModal = _ref2 => {
   }, _d2I18n.default.t('Hide interpretation'))), modalCSS.styles, modalContentCSS.styles, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3175860552",
     dynamic: [_ui.colors.grey900, _ui.spacers.dp24, _ui.spacers.dp4, _ui.spacers.dp4]
-  }, [".title.__jsx-style-dynamic-selector{color:".concat(_ui.colors.grey900, ";margin:0px;padding:").concat(_ui.spacers.dp24, " 0 ").concat(_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:".concat(_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;}", ".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;}`])));
 };
-
 exports.InterpretationModal = InterpretationModal;
 InterpretationModal.propTypes = {
   currentUser: _propTypes.default.object.isRequired,

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

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InterpretationThread = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _ui = require("@dhis2/ui");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _moment = _interopRequireDefault(require("moment"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = require("../common/index.js");
-
 var _Comment = require("./Comment.js");
-
 var _CommentAddForm = require("./CommentAddForm.js");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const InterpretationThread = _ref => {
   let {
     currentUser,
@@ -67,7 +54,6 @@ const InterpretationThread = _ref => {
     interpretation: interpretation,
     onReplyIconClick: () => {
       var _focusRef$current;
-
       return (_focusRef$current = focusRef.current) === null || _focusRef$current === void 0 ? void 0 : _focusRef$current.focus();
     },
     onUpdated: () => onThreadUpdated(true),
@@ -89,7 +75,6 @@ const InterpretationThread = _ref => {
     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,

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

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "InterpretationModal", {
     return _InterpretationModal.InterpretationModal;
   }
 });
-
 var _InterpretationModal = require("./InterpretationModal.js");

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

@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useModalContentWidth = void 0;
-
 var _react = require("react");
-
 var _utils = require("../../../modules/utils.js");
-
 const MODAL_SIDE_PADDING = 2 * 24;
 const MODAL_SIDE_MARGINS = 2 * 128;
-
 const computeModalContentWidth = windowWidth => {
   return windowWidth - MODAL_SIDE_MARGINS - MODAL_SIDE_PADDING;
 };
-
 const useModalContentWidth = () => {
   const [windowWidth, setWindowWidth] = (0, _react.useState)(window.innerWidth);
   const debouncedWindowWidth = (0, _utils.useDebounce)(windowWidth, 150);
@@ -24,7 +19,6 @@ const useModalContentWidth = () => {
     const onResize = () => {
       setWindowWidth(window.innerWidth);
     };
-
     window.addEventListener('resize', onResize);
     return () => {
       window.removeEventListener('resize', onResize);
@@ -35,5 +29,4 @@ const useModalContentWidth = () => {
   }, [debouncedWindowWidth]);
   return modalContentWidth;
 };
-
 exports.useModalContentWidth = useModalContentWidth;

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

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InterpretationForm = void 0;
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = require("../common/index.js");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const InterpretationForm = _ref => {
   let {
     type,
@@ -34,7 +24,7 @@ const InterpretationForm = _ref => {
   const [showRichTextEditor, setShowRichTextEditor] = (0, _react.useState)(false);
   const [interpretationText, setInterpretationText] = (0, _react.useState)('');
   const saveMutationRef = (0, _react.useRef)({
-    resource: "interpretations/".concat(type, "/").concat(id),
+    resource: `interpretations/${type}/${id}`,
     type: 'create',
     data: _ref2 => {
       let {
@@ -52,9 +42,7 @@ const InterpretationForm = _ref => {
       onSave();
     }
   });
-
   const inputPlaceholder = _d2I18n.default.t('Write an interpretation');
-
   return /*#__PURE__*/_react.default.createElement(_index.MessageEditorContainer, {
     currentUser: currentUser,
     dataTest: "interpretation-form"
@@ -66,7 +54,7 @@ const InterpretationForm = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_index.MessageButtonStrip, null, /*#__PURE__*/_react.default.createElement(_ui.Button, {
     primary: true,
     small: true,
-    disabled: saveMutationInProgress,
+    loading: saveMutationInProgress,
     onClick: () => save({
       interpretationText
     })
@@ -84,7 +72,6 @@ const InterpretationForm = _ref => {
     disabled: disabled
   }));
 };
-
 exports.InterpretationForm = InterpretationForm;
 InterpretationForm.propTypes = {
   currentUser: _propTypes.default.object,

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

@@ -4,36 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InterpretationList = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _ui = require("@dhis2/ui");
-
 var _moment = _interopRequireDefault(require("moment"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../common/index.js");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const sortByCreatedDateDesc = (a, b) => {
   const dateA = a.created;
   const dateB = b.created;
-
   if (dateA < dateB) {
     return 1;
   }
-
   if (dateA > dateB) {
     return -1;
   }
-
   return 0;
 };
-
 const InterpretationList = _ref => {
   let {
     currentUser,
@@ -45,13 +33,11 @@ const InterpretationList = _ref => {
   } = _ref;
   const interpretationsByDate = interpretations.reduce((groupedInterpretations, interpretation) => {
     const date = interpretation.created.split('T')[0];
-
     if (date in groupedInterpretations) {
       groupedInterpretations[date].push(interpretation);
     } else {
       groupedInterpretations[date] = [interpretation];
     }
-
     return groupedInterpretations;
   }, {});
   return /*#__PURE__*/_react.default.createElement("ol", {
@@ -81,9 +67,8 @@ const InterpretationList = _ref => {
   }))))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "4058400613",
     dynamic: [_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-section.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(_ui.spacers.dp8, ";-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:").concat(_ui.spacers.dp8, ";}"), ".date-header.__jsx-style-dynamic-selector{font-size:14px;font-weight:500;line-height:".concat(_ui.spacers.dp16, ";color:").concat(_ui.colors.grey800, ";}"), ".interpretation-groups.__jsx-style-dynamic-selector{margin:0;padding:0;padding-top:".concat(_ui.spacers.dp12, ";list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:").concat(_ui.spacers.dp12, ";}"), ".interpretation-list.__jsx-style-dynamic-selector{margin:0;padding-left:".concat(_ui.spacers.dp32, ";list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:").concat(_ui.spacers.dp4, ";}")]));
+  }, [`.date-section.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${_ui.spacers.dp8};-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:${_ui.spacers.dp8};}`, `.date-header.__jsx-style-dynamic-selector{font-size:14px;font-weight:500;line-height:${_ui.spacers.dp16};color:${_ui.colors.grey800};}`, `.interpretation-groups.__jsx-style-dynamic-selector{margin:0;padding:0;padding-top:${_ui.spacers.dp12};list-style:none;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.dp12};}`, `.interpretation-list.__jsx-style-dynamic-selector{margin:0;padding-left:${_ui.spacers.dp32};list-style:none;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.dp4};}`]));
 };
-
 exports.InterpretationList = InterpretationList;
 InterpretationList.propTypes = {
   currentUser: _propTypes.default.object.isRequired,

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

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InterpretationsUnit = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _InterpretationForm = require("./InterpretationForm.js");
-
 var _InterpretationList = require("./InterpretationList.js");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const interpretationsQuery = {
   interpretations: {
     resource: 'interpretations',
@@ -39,7 +26,7 @@ const interpretationsQuery = {
       } = _ref;
       return {
         fields: ['access', 'id', 'user[displayName]', 'created', 'text', 'comments[id]', 'likes', 'likedBy[id]'],
-        filter: "".concat(type, ".id:eq:").concat(id)
+        filter: `${type}.id:eq:${id}`
       };
     }
   }
@@ -117,7 +104,7 @@ const InterpretationsUnit = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) =>
   }))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "4120713286",
     dynamic: [_ui.spacers.dp16, _ui.colors.grey400, _ui.colors.white, _ui.spacers.dp32, _ui.colors.grey900]
-  }, [".container.__jsx-style-dynamic-selector{position:relative;padding:".concat(_ui.spacers.dp16, ";border-bottom:1px solid ").concat(_ui.colors.grey400, ";background-color:").concat(_ui.colors.white, ";}"), ".fetching-loader.__jsx-style-dynamic-selector{position:absolute;inset:0px;background-color:rgba(255,255,255,0.8);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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:1;}", ".expanded.__jsx-style-dynamic-selector{padding-bottom:".concat(_ui.spacers.dp32, ";}"), ".loader.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}", ".header.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;}", ".title.__jsx-style-dynamic-selector{font-size:16px;font-weight:500;line-height:21px;color:".concat(_ui.colors.grey900, ";}")]));
+  }, [`.container.__jsx-style-dynamic-selector{position:relative;padding:${_ui.spacers.dp16};border-bottom:1px solid ${_ui.colors.grey400};background-color:${_ui.colors.white};}`, ".fetching-loader.__jsx-style-dynamic-selector{position:absolute;inset:0px;background-color:rgba(255,255,255,0.8);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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:1;}", `.expanded.__jsx-style-dynamic-selector{padding-bottom:${_ui.spacers.dp32};}`, ".loader.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}", ".header.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;}", `.title.__jsx-style-dynamic-selector{font-size:16px;font-weight:500;line-height:21px;color:${_ui.colors.grey900};}`]));
 });
 exports.InterpretationsUnit = InterpretationsUnit;
 InterpretationsUnit.displayName = 'InterpretationsUnit';

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

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "InterpretationsUnit", {
     return _InterpretationsUnit.InterpretationsUnit;
   }
 });
-
 var _InterpretationsUnit = require("./InterpretationsUnit.js");

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

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Interpretation = void 0;
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = require("../index.js");
-
 var _InterpretationDeleteButton = require("./InterpretationDeleteButton.js");
-
 var _InterpretationUpdateForm = require("./InterpretationUpdateForm.js");
-
 var _useLike = require("./useLike.js");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Interpretation = _ref => {
   let {
     interpretation,
@@ -101,7 +89,6 @@ const Interpretation = _ref => {
     }
   }, _d2I18n.default.t('See interpretation')));
 };
-
 exports.Interpretation = Interpretation;
 Interpretation.propTypes = {
   currentUser: _propTypes.default.object.isRequired,

package/build/cjs/components/Interpretations/common/Interpretation/InterpretationDeleteButton.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InterpretationDeleteButton = void 0;
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../index.js");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const mutation = {
   resource: 'interpretations',
   id: _ref => {
@@ -29,7 +21,6 @@ const mutation = {
   },
   type: 'delete'
 };
-
 const InterpretationDeleteButton = _ref2 => {
   let {
     id,
@@ -51,7 +42,6 @@ const InterpretationDeleteButton = _ref2 => {
     dataTest: "interpretation-delete-button"
   });
 };
-
 exports.InterpretationDeleteButton = InterpretationDeleteButton;
 InterpretationDeleteButton.propTypes = {
   id: _propTypes.default.string.isRequired,

package/build/cjs/components/Interpretations/common/Interpretation/InterpretationSharingLink.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InterpretationSharingLink = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const InterpretationSharingLink = _ref => {
   let {
     type,
@@ -40,9 +31,8 @@ const InterpretationSharingLink = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3990725326",
     dynamic: [_ui.spacers.dp4, _ui.spacers.dp8, _ui.colors.grey800]
-  }, [".container.__jsx-style-dynamic-selector{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;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:".concat(_ui.spacers.dp4, ";margin-top:").concat(_ui.spacers.dp8, ";font-size:13px;color:").concat(_ui.colors.grey800, ";cursor:pointer;}"), ".link.__jsx-style-dynamic-selector{-webkit-text-decoration:underline;text-decoration:underline;}"]));
+  }, [`.container.__jsx-style-dynamic-selector{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;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:${_ui.spacers.dp4};margin-top:${_ui.spacers.dp8};font-size:13px;color:${_ui.colors.grey800};cursor:pointer;}`, ".link.__jsx-style-dynamic-selector{-webkit-text-decoration:underline;text-decoration:underline;}"]));
 };
-
 exports.InterpretationSharingLink = InterpretationSharingLink;
 InterpretationSharingLink.propTypes = {
   id: _propTypes.default.string,