@dhis2/analytics 26.0.7 → 26.0.9

package/build/es/components/Filter/styles/Filter.style.js

@@ -1,4 +1,4 @@
 import { spacers } from '@dhis2/ui';
-const _defaultExport = [".container.jsx-2445670963{margin-bottom:".concat(spacers.dp16, ";}")];
+const _defaultExport = [`.container.jsx-2445670963{margin-bottom:${spacers.dp16};}`];
 _defaultExport.__hash = "2445670963";
 export default _defaultExport;

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

@@ -5,7 +5,6 @@ import React, { useState } from 'react';
 import { Message, MessageIconButton, MessageStatsBar } from '../common/index.js';
 import { CommentDeleteButton } from './CommentDeleteButton.js';
 import { CommentUpdateForm } from './CommentUpdateForm.js';
-
 const Comment = _ref => {
   let {
     comment,
@@ -35,7 +34,6 @@ const Comment = _ref => {
     onComplete: () => onThreadUpdated(true)
   })));
 };
-
 Comment.propTypes = {
   comment: PropTypes.object.isRequired,
   currentUser: PropTypes.object.isRequired,

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

@@ -14,7 +14,7 @@ export const CommentAddForm = _ref => {
   const [showRichTextEditor, setShowRichTextEditor] = useState(false);
   const [commentText, setCommentText] = useState('');
   const saveMutationRef = useRef({
-    resource: "interpretations/".concat(interpretationId, "/comments"),
+    resource: `interpretations/${interpretationId}/comments`,
     type: 'create',
     data: _ref2 => {
       let {

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

@@ -11,11 +11,10 @@ const mutation = {
       interpretationId,
       commentId
     } = _ref;
-    return "".concat(interpretationId, "/comments/").concat(commentId);
+    return `${interpretationId}/comments/${commentId}`;
   },
   type: 'delete'
 };
-
 const CommentDeleteButton = _ref2 => {
   let {
     commentId,
@@ -38,7 +37,6 @@ const CommentDeleteButton = _ref2 => {
     disabled: loading
   });
 };
-
 CommentDeleteButton.propTypes = {
   commentId: PropTypes.string.isRequired,
   interpretationId: PropTypes.string.isRequired,

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

@@ -16,7 +16,7 @@ export const CommentUpdateForm = _ref => {
   } = _ref;
   const [commentText, setCommentText] = useState(text || '');
   const updateMutationRef = useRef({
-    resource: "interpretations/".concat(interpretationId, "/comments/").concat(commentId),
+    resource: `interpretations/${interpretationId}/comments/${commentId}`,
     type: 'update',
     partial: false,
     data: _ref2 => {
@@ -61,7 +61,7 @@ export const CommentUpdateForm = _ref => {
   }, i18n.t('Cancel')))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2690082310",
     dynamic: [spacers.dp8, spacers.dp8, colors.grey100]
-  }, [".message.__jsx-style-dynamic-selector{padding:0 ".concat(spacers.dp8, " ").concat(spacers.dp8, ";background-color:").concat(colors.grey100, ";border-radius:5px;}")]));
+  }, [`.message.__jsx-style-dynamic-selector{padding:0 ${spacers.dp8} ${spacers.dp8};background-color:${colors.grey100};border-radius:5px;}`]));
 };
 CommentUpdateForm.propTypes = {
   close: PropTypes.func.isRequired,

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

@@ -13,17 +13,15 @@ const modalCSS = {
   }, ["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.createElement(_JSXStyle, {
       id: "1689110567",
       dynamic: [width]
-    }, ["div.__jsx-style-dynamic-selector{width:".concat(width, "px;}")]),
+    }, [`div.__jsx-style-dynamic-selector{width:${width}px;}`]),
     className: _JSXStyle.dynamic([["1689110567", [width]]])
   };
 }
-
 const query = {
   interpretation: {
     resource: 'interpretations',
@@ -38,10 +36,8 @@ const query = {
     }
   }
 };
-
 const InterpretationModal = _ref2 => {
   var _currentUser$settings;
-
   let {
     currentUser,
     isVisualizationLoading,
@@ -69,32 +65,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();
   };
-
   useEffect(() => {
     if (interpretationId) {
       refetch({
@@ -151,9 +141,8 @@ const InterpretationModal = _ref2 => {
   }, i18n.t('Hide interpretation'))), modalCSS.styles, modalContentCSS.styles, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3175860552",
     dynamic: [colors.grey900, spacers.dp24, spacers.dp4, spacers.dp4]
-  }, [".title.__jsx-style-dynamic-selector{color:".concat(colors.grey900, ";margin:0px;padding:").concat(spacers.dp24, " 0 ").concat(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(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:${colors.grey900};margin:0px;padding:${spacers.dp24} 0 ${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:${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;}`])));
 };
-
 InterpretationModal.propTypes = {
   currentUser: PropTypes.object.isRequired,
   interpretationId: PropTypes.string.isRequired,

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

@@ -7,7 +7,6 @@ import React, { useRef, useEffect } from 'react';
 import { Interpretation } from '../common/index.js';
 import { Comment } from './Comment.js';
 import { CommentAddForm } from './CommentAddForm.js';
-
 const InterpretationThread = _ref => {
   let {
     currentUser,
@@ -46,7 +45,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),
@@ -68,7 +66,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);}}"]));
 };
-
 InterpretationThread.propTypes = {
   currentUser: PropTypes.object.isRequired,
   fetching: PropTypes.bool.isRequired,

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

@@ -2,11 +2,9 @@ import { useState, useEffect } from 'react';
 import { useDebounce } from '../../../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;
 };
-
 export const useModalContentWidth = () => {
   const [windowWidth, setWindowWidth] = useState(window.innerWidth);
   const debouncedWindowWidth = useDebounce(windowWidth, 150);
@@ -15,7 +13,6 @@ export const useModalContentWidth = () => {
     const onResize = () => {
       setWindowWidth(window.innerWidth);
     };
-
     window.addEventListener('resize', onResize);
     return () => {
       window.removeEventListener('resize', onResize);

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

@@ -15,7 +15,7 @@ export const InterpretationForm = _ref => {
   const [showRichTextEditor, setShowRichTextEditor] = useState(false);
   const [interpretationText, setInterpretationText] = useState('');
   const saveMutationRef = useRef({
-    resource: "interpretations/".concat(type, "/").concat(id),
+    resource: `interpretations/${type}/${id}`,
     type: 'create',
     data: _ref2 => {
       let {
@@ -45,7 +45,7 @@ export const InterpretationForm = _ref => {
   }), /*#__PURE__*/React.createElement(MessageButtonStrip, null, /*#__PURE__*/React.createElement(Button, {
     primary: true,
     small: true,
-    disabled: saveMutationInProgress,
+    loading: saveMutationInProgress,
     onClick: () => save({
       interpretationText
     })

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

@@ -4,22 +4,17 @@ import moment from 'moment';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { Interpretation } from '../common/index.js';
-
 const sortByCreatedDateDesc = (a, b) => {
   const dateA = a.created;
   const dateB = b.created;
-
   if (dateA < dateB) {
     return 1;
   }
-
   if (dateA > dateB) {
     return -1;
   }
-
   return 0;
 };
-
 export const InterpretationList = _ref => {
   let {
     currentUser,
@@ -31,13 +26,11 @@ export 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.createElement("ol", {
@@ -67,7 +60,7 @@ export const InterpretationList = _ref => {
   }))))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4058400613",
     dynamic: [spacers.dp8, spacers.dp8, spacers.dp16, colors.grey800, spacers.dp12, spacers.dp12, spacers.dp32, spacers.dp4]
-  }, [".date-section.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(spacers.dp8, ";-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:").concat(spacers.dp8, ";}"), ".date-header.__jsx-style-dynamic-selector{font-size:14px;font-weight:500;line-height:".concat(spacers.dp16, ";color:").concat(colors.grey800, ";}"), ".interpretation-groups.__jsx-style-dynamic-selector{margin:0;padding:0;padding-top:".concat(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(spacers.dp12, ";}"), ".interpretation-list.__jsx-style-dynamic-selector{margin:0;padding-left:".concat(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(spacers.dp4, ";}")]));
+  }, [`.date-section.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${spacers.dp8};-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:${spacers.dp8};}`, `.date-header.__jsx-style-dynamic-selector{font-size:14px;font-weight:500;line-height:${spacers.dp16};color:${colors.grey800};}`, `.interpretation-groups.__jsx-style-dynamic-selector{margin:0;padding:0;padding-top:${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:${spacers.dp12};}`, `.interpretation-list.__jsx-style-dynamic-selector{margin:0;padding-left:${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:${spacers.dp4};}`]));
 };
 InterpretationList.propTypes = {
   currentUser: PropTypes.object.isRequired,

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

@@ -17,7 +17,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}`
       };
     }
   }
@@ -95,7 +95,7 @@ export const InterpretationsUnit = /*#__PURE__*/forwardRef((_ref2, ref) => {
   }))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "4120713286",
     dynamic: [spacers.dp16, colors.grey400, colors.white, spacers.dp32, colors.grey900]
-  }, [".container.__jsx-style-dynamic-selector{position:relative;padding:".concat(spacers.dp16, ";border-bottom:1px solid ").concat(colors.grey400, ";background-color:").concat(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(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(colors.grey900, ";}")]));
+  }, [`.container.__jsx-style-dynamic-selector{position:relative;padding:${spacers.dp16};border-bottom:1px solid ${colors.grey400};background-color:${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:${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:${colors.grey900};}`]));
 });
 InterpretationsUnit.displayName = 'InterpretationsUnit';
 InterpretationsUnit.defaultProps = {

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

@@ -14,7 +14,6 @@ const mutation = {
   },
   type: 'delete'
 };
-
 const InterpretationDeleteButton = _ref2 => {
   let {
     id,
@@ -36,7 +35,6 @@ const InterpretationDeleteButton = _ref2 => {
     dataTest: "interpretation-delete-button"
   });
 };
-
 InterpretationDeleteButton.propTypes = {
   id: PropTypes.string.isRequired,
   onComplete: PropTypes.func.isRequired

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

@@ -3,7 +3,6 @@ import i18n from '@dhis2/d2-i18n';
 import { SharingDialog, colors, spacers } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
-
 const InterpretationSharingLink = _ref => {
   let {
     type,
@@ -23,9 +22,8 @@ const InterpretationSharingLink = _ref => {
   }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3990725326",
     dynamic: [spacers.dp4, spacers.dp8, 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(spacers.dp4, ";margin-top:").concat(spacers.dp8, ";font-size:13px;color:").concat(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:${spacers.dp4};margin-top:${spacers.dp8};font-size:13px;color:${colors.grey800};cursor:pointer;}`, ".link.__jsx-style-dynamic-selector{-webkit-text-decoration:underline;text-decoration:underline;}"]));
 };
-
 InterpretationSharingLink.propTypes = {
   id: PropTypes.string,
   type: PropTypes.string

package/build/es/components/Interpretations/common/Interpretation/InterpretationUpdateForm.js

@@ -73,7 +73,7 @@ export const InterpretationUpdateForm = _ref3 => {
   }, i18n.t('Cancel')))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2690082310",
     dynamic: [spacers.dp8, spacers.dp8, colors.grey100]
-  }, [".message.__jsx-style-dynamic-selector{padding:0 ".concat(spacers.dp8, " ").concat(spacers.dp8, ";background-color:").concat(colors.grey100, ";border-radius:5px;}")]));
+  }, [`.message.__jsx-style-dynamic-selector{padding:0 ${spacers.dp8} ${spacers.dp8};background-color:${colors.grey100};border-radius:5px;}`]));
 };
 InterpretationUpdateForm.propTypes = {
   close: PropTypes.func.isRequired,

package/build/es/components/Interpretations/common/Interpretation/useLike.js

@@ -1,13 +1,12 @@
 import { useDataMutation } from '@dhis2/app-runtime';
 import { useEffect, useRef, useState } from 'react';
-
 const useLike = _ref => {
   let {
     interpretation,
     currentUser,
     onComplete
   } = _ref;
-  const resource = "interpretations/".concat(interpretation.id, "/like");
+  const resource = `interpretations/${interpretation.id}/like`;
   const likeMutationRef = useRef({
     resource,
     type: 'create'
@@ -27,11 +26,9 @@ const useLike = _ref => {
     onComplete
   });
   const [isLikedByCurrentUser, setIsLikedByCurrentUser] = useState(false);
-
   const toggleLike = () => {
     isLikedByCurrentUser ? unlike() : like();
   };
-
   useEffect(() => {
     setIsLikedByCurrentUser(interpretation.likedBy.some(likedBy => likedBy.id === currentUser.id));
   }, [currentUser, interpretation]);
@@ -41,5 +38,4 @@ const useLike = _ref => {
     toggleLikeInProgress: likeLoading || unlikeLoading
   };
 };
-
 export { useLike };

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

@@ -4,7 +4,6 @@ import { UserAvatar, spacers, colors } from '@dhis2/ui';
 import moment from 'moment';
 import PropTypes from 'prop-types';
 import React from 'react';
-
 const Message = _ref => {
   let {
     children,
@@ -29,9 +28,8 @@ const Message = _ref => {
   }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2436588813",
     dynamic: [spacers.dp8, colors.grey100, spacers.dp8, colors.grey900, colors.grey600, colors.grey900, spacers.dp8]
-  }, [".container.__jsx-style-dynamic-selector{padding:".concat(spacers.dp8, ";background-color:").concat(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:").concat(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:".concat(colors.grey900, ";}"), ".header.__jsx-style-dynamic-selector time.__jsx-style-dynamic-selector{font-size:12px;color:".concat(colors.grey600, ";}"), ".content.__jsx-style-dynamic-selector{font-size:14px;line-height:19px;color:".concat(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:".concat(spacers.dp8, ";}")]));
+  }, [`.container.__jsx-style-dynamic-selector{padding:${spacers.dp8};background-color:${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:${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:${colors.grey900};}`, `.header.__jsx-style-dynamic-selector time.__jsx-style-dynamic-selector{font-size:12px;color:${colors.grey600};}`, `.content.__jsx-style-dynamic-selector{font-size:14px;line-height:19px;color:${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:${spacers.dp8};}`]));
 };
-
 Message.propTypes = {
   children: PropTypes.node.isRequired,
   created: PropTypes.string.isRequired,

package/build/es/components/Interpretations/common/Message/MessageButtonStrip.js

@@ -2,7 +2,6 @@ import _JSXStyle from "styled-jsx/style";
 import { spacers } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
-
 const MessageButtonStrip = _ref => {
   let {
     children
@@ -12,9 +11,8 @@ const MessageButtonStrip = _ref => {
   }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "1819118406",
     dynamic: [spacers.dp8, spacers.dp8]
-  }, [".container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(spacers.dp8, ";margin-top:").concat(spacers.dp8, ";}")]));
+  }, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${spacers.dp8};margin-top:${spacers.dp8};}`]));
 };
-
 MessageButtonStrip.propTypes = {
   children: PropTypes.node.isRequired
 };

package/build/es/components/Interpretations/common/Message/MessageEditorContainer.js

@@ -2,7 +2,6 @@ import _JSXStyle from "styled-jsx/style";
 import { UserAvatar, spacers } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
-
 const MessageEditorContainer = _ref => {
   let {
     children,
@@ -22,9 +21,8 @@ const MessageEditorContainer = _ref => {
   }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3807884305",
     dynamic: [spacers.dp8, spacers.dp12]
-  }, [".container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(spacers.dp8, ";margin-top:").concat(spacers.dp12, ";}"), ".avatar.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}", ".editor.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}"]));
+  }, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${spacers.dp8};margin-top:${spacers.dp12};}`, ".avatar.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}", ".editor.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}"]));
 };
-
 MessageEditorContainer.propTypes = {
   currentUser: PropTypes.object.isRequired,
   children: PropTypes.node,

package/build/es/components/Interpretations/common/Message/MessageIconButton.js

@@ -1,9 +1,8 @@
 import _JSXStyle from "styled-jsx/style";
-import { Tooltip, colors, spacers } from '@dhis2/ui';
+import { Tooltip, colors, spacers, theme } from '@dhis2/ui';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-
 const MessageIconButton = _ref => {
   let {
     tooltipContent,
@@ -27,7 +26,7 @@ const MessageIconButton = _ref => {
       ref: ref,
       onMouseOver: onMouseOver,
       onMouseOut: onMouseOut,
-      className: _JSXStyle.dynamic([["3807261824", [spacers.dp4, colors.grey700, colors.teal600, colors.grey900, colors.teal800, colors.teal500, colors.teal700]]]) + " " + "wrapper"
+      className: _JSXStyle.dynamic([["250657028", [spacers.dp4, colors.grey700, colors.teal600, colors.grey900, colors.teal800, colors.teal500, colors.teal700, theme.disabled, theme.disabled]]]) + " " + "wrapper"
     }, /*#__PURE__*/React.createElement("button", {
       onClick: event => {
         event.stopPropagation();
@@ -35,16 +34,15 @@ const MessageIconButton = _ref => {
       },
       disabled: disabled,
       "data-test": dataTest,
-      className: _JSXStyle.dynamic([["3807261824", [spacers.dp4, colors.grey700, colors.teal600, colors.grey900, colors.teal800, colors.teal500, colors.teal700]]]) + " " + (cx('button', {
+      className: _JSXStyle.dynamic([["250657028", [spacers.dp4, colors.grey700, colors.teal600, colors.grey900, colors.teal800, colors.teal500, colors.teal700, theme.disabled, theme.disabled]]]) + " " + (cx('button', {
         selected
       }) || "")
     }, count && count, /*#__PURE__*/React.createElement(Icon, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
-      id: "3807261824",
-      dynamic: [spacers.dp4, colors.grey700, colors.teal600, colors.grey900, colors.teal800, colors.teal500, colors.teal700]
-    }, [".wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".button.__jsx-style-dynamic-selector{all:unset;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:".concat(spacers.dp4, ";-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:14px;color:").concat(colors.grey700, ";}"), ".button.selected.__jsx-style-dynamic-selector{color:".concat(colors.teal600, ";font-weight:500;}"), ".button.__jsx-style-dynamic-selector:hover{color:".concat(colors.grey900, ";}"), ".button.selected.__jsx-style-dynamic-selector:hover{color:".concat(colors.teal800, ";}"), ".button.selected.__jsx-style-dynamic-selector svg{color:".concat(colors.teal500, ";}"), ".button.selected.__jsx-style-dynamic-selector:hover svg{color:".concat(colors.teal700, ";}")]));
+      id: "250657028",
+      dynamic: [spacers.dp4, colors.grey700, colors.teal600, colors.grey900, colors.teal800, colors.teal500, colors.teal700, theme.disabled, theme.disabled]
+    }, [".wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", `.button.__jsx-style-dynamic-selector{all:unset;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:${spacers.dp4};-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:14px;color:${colors.grey700};}`, `.button.selected.__jsx-style-dynamic-selector{color:${colors.teal600};font-weight:500;}`, `.button.__jsx-style-dynamic-selector:hover{color:${colors.grey900};}`, `.button.selected.__jsx-style-dynamic-selector:hover{color:${colors.teal800};}`, `.button.selected.__jsx-style-dynamic-selector svg{color:${colors.teal500};}`, `.button.selected.__jsx-style-dynamic-selector:hover svg{color:${colors.teal700};}`, `.button.__jsx-style-dynamic-selector:disabled{color:${theme.disabled};cursor:not-allowed;}`, `.button.__jsx-style-dynamic-selector:disabled svg{color:${theme.disabled};}`]));
   });
 };
-
 MessageIconButton.propTypes = {
   iconComponent: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
   tooltipContent: PropTypes.string.isRequired,

package/build/es/components/Interpretations/common/Message/MessageInput.js

@@ -1,7 +1,5 @@
 import _JSXStyle from "styled-jsx/style";
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { theme, colors } from '@dhis2/ui';
 import React, { forwardRef } from 'react';
 const MessageInput = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _extends({
@@ -11,6 +9,6 @@ const MessageInput = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.
 })), /*#__PURE__*/React.createElement(_JSXStyle, {
   id: "2769305849",
   dynamic: [colors.grey900, colors.grey500, theme.focus, colors.grey100, colors.grey500, theme.disabled]
-}, [".input.__jsx-style-dynamic-selector{width:100%;box-sizing:border-box;font-size:14px;line-height:16px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;color:".concat(colors.grey900, ";background-color:white;padding:12px 11px 10px;outline:0;border:1px solid ").concat(colors.grey500, ";border-radius:3px;box-shadow:inset 0 1px 2px 0 rgba(48,54,60,0.1);text-overflow:ellipsis;}"), "input.__jsx-style-dynamic-selector:focus{outline:none;box-shadow:0 0 0 3px ".concat(theme.focus, ";}"), "input.disabled.__jsx-style-dynamic-selector{background-color:".concat(colors.grey100, ";border-color:").concat(colors.grey500, ";color:").concat(theme.disabled, ";cursor:not-allowed;}")])));
+}, [`.input.__jsx-style-dynamic-selector{width:100%;box-sizing:border-box;font-size:14px;line-height:16px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;color:${colors.grey900};background-color:white;padding:12px 11px 10px;outline:0;border:1px solid ${colors.grey500};border-radius:3px;box-shadow:inset 0 1px 2px 0 rgba(48,54,60,0.1);text-overflow:ellipsis;}`, `input.__jsx-style-dynamic-selector:focus{outline:none;box-shadow:0 0 0 3px ${theme.focus};}`, `input.disabled.__jsx-style-dynamic-selector{background-color:${colors.grey100};border-color:${colors.grey500};color:${theme.disabled};cursor:not-allowed;}`])));
 MessageInput.displayName = 'MessageInput';
 export { MessageInput };

package/build/es/components/Interpretations/common/Message/MessageStatsBar.js

@@ -2,7 +2,6 @@ import _JSXStyle from "styled-jsx/style";
 import { spacers } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
-
 const MessageStatsBar = _ref => {
   let {
     children
@@ -12,9 +11,8 @@ const MessageStatsBar = _ref => {
   }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2534339265",
     dynamic: [spacers.dp12]
-  }, [".container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(spacers.dp12, ";}")]));
+  }, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${spacers.dp12};}`]));
 };
-
 MessageStatsBar.propTypes = {
   children: PropTypes.node.isRequired
 };