@dhis2/analytics 26.0.8 → 26.0.9

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

@@ -7,7 +7,6 @@ import React, { forwardRef, useRef, useEffect, useState } from 'react';
 import { UserMentionWrapper } from '../UserMention/UserMentionWrapper.js';
 import { convertCtrlKey, insertMarkdown, emojis, EMOJI_SMILEY_FACE, EMOJI_SAD_FACE, EMOJI_THUMBS_UP, EMOJI_THUMBS_DOWN, BOLD, ITALIC, LINK, MENTION } from './markdownHandler.js';
 import { mainClasses, toolbarClasses, tooltipAnchorClasses, emojisPopoverClasses } from './styles/RichTextEditor.style.js';
-
 const EmojisPopover = _ref => {
   let {
     onInsertMarkdown,
@@ -18,30 +17,28 @@ const EmojisPopover = _ref => {
     reference: reference,
     onClickOutside: onClose
   }, /*#__PURE__*/React.createElement("ul", {
-    className: "jsx-".concat(emojisPopoverClasses.__hash) + " " + "emojisList"
+    className: `jsx-${emojisPopoverClasses.__hash}` + " " + "emojisList"
   }, /*#__PURE__*/React.createElement("li", {
     onClick: () => onInsertMarkdown(EMOJI_SMILEY_FACE),
-    className: "jsx-".concat(emojisPopoverClasses.__hash)
+    className: `jsx-${emojisPopoverClasses.__hash}`
   }, /*#__PURE__*/React.createElement(RichTextParser, null, emojis[EMOJI_SMILEY_FACE])), /*#__PURE__*/React.createElement("li", {
     onClick: () => onInsertMarkdown(EMOJI_SAD_FACE),
-    className: "jsx-".concat(emojisPopoverClasses.__hash)
+    className: `jsx-${emojisPopoverClasses.__hash}`
   }, /*#__PURE__*/React.createElement(RichTextParser, null, emojis[EMOJI_SAD_FACE])), /*#__PURE__*/React.createElement("li", {
     onClick: () => onInsertMarkdown(EMOJI_THUMBS_UP),
-    className: "jsx-".concat(emojisPopoverClasses.__hash)
+    className: `jsx-${emojisPopoverClasses.__hash}`
   }, /*#__PURE__*/React.createElement(RichTextParser, null, emojis[EMOJI_THUMBS_UP])), /*#__PURE__*/React.createElement("li", {
     onClick: () => onInsertMarkdown(EMOJI_THUMBS_DOWN),
-    className: "jsx-".concat(emojisPopoverClasses.__hash)
+    className: `jsx-${emojisPopoverClasses.__hash}`
   }, /*#__PURE__*/React.createElement(RichTextParser, null, emojis[EMOJI_THUMBS_DOWN]))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: emojisPopoverClasses.__hash
   }, emojisPopoverClasses));
 };
-
 EmojisPopover.propTypes = {
   onClose: PropTypes.func.isRequired,
   onInsertMarkdown: PropTypes.func.isRequired,
   reference: PropTypes.object
 };
-
 const IconButtonWithTooltip = _ref2 => {
   let {
     tooltipContent,
@@ -63,7 +60,7 @@ const IconButtonWithTooltip = _ref2 => {
       ref: ref,
       onMouseOver: onMouseOver,
       onMouseOut: onMouseOut,
-      className: "jsx-".concat(tooltipAnchorClasses.__hash) + " " + "tooltip"
+      className: `jsx-${tooltipAnchorClasses.__hash}` + " " + "tooltip"
     }, /*#__PURE__*/React.createElement(Button, {
       secondary: true,
       small: true,
@@ -75,14 +72,12 @@ const IconButtonWithTooltip = _ref2 => {
     id: tooltipAnchorClasses.__hash
   }, tooltipAnchorClasses));
 };
-
 IconButtonWithTooltip.propTypes = {
   disabled: PropTypes.bool,
   icon: PropTypes.node,
   tooltipContent: PropTypes.string,
   onClick: PropTypes.func
 };
-
 const Toolbar = _ref4 => {
   let {
     disabled,
@@ -95,11 +90,11 @@ const Toolbar = _ref4 => {
   const [emojisPopoverIsOpen, setEmojisPopoverIsOpen] = useState(false);
   const iconColor = disabled ? colors.grey600 : colors.grey700;
   return /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(tooltipAnchorClasses.__hash, " jsx-").concat(toolbarClasses.__hash) + " " + "toolbar"
+    className: `jsx-${tooltipAnchorClasses.__hash} jsx-${toolbarClasses.__hash}` + " " + "toolbar"
   }, !previewMode ? /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(tooltipAnchorClasses.__hash, " jsx-").concat(toolbarClasses.__hash) + " " + "actionsWrapper"
+    className: `jsx-${tooltipAnchorClasses.__hash} jsx-${toolbarClasses.__hash}` + " " + "actionsWrapper"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(tooltipAnchorClasses.__hash, " jsx-").concat(toolbarClasses.__hash) + " " + "mainActions"
+    className: `jsx-${tooltipAnchorClasses.__hash} jsx-${toolbarClasses.__hash}` + " " + "mainActions"
   }, /*#__PURE__*/React.createElement(IconButtonWithTooltip, {
     tooltipContent: i18n.t('Bold text'),
     disabled: disabled,
@@ -130,7 +125,7 @@ const Toolbar = _ref4 => {
     onClick: () => onInsertMarkdown(MENTION)
   }), /*#__PURE__*/React.createElement("span", {
     ref: emojisButtonRef,
-    className: "jsx-".concat(tooltipAnchorClasses.__hash, " jsx-").concat(toolbarClasses.__hash) + " " + "tooltip"
+    className: `jsx-${tooltipAnchorClasses.__hash} jsx-${toolbarClasses.__hash}` + " " + "tooltip"
   }, /*#__PURE__*/React.createElement(IconButtonWithTooltip, {
     tooltipContent: i18n.t('Add emoji'),
     disabled: disabled,
@@ -146,14 +141,14 @@ const Toolbar = _ref4 => {
     },
     reference: emojisButtonRef
   })), /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(tooltipAnchorClasses.__hash, " jsx-").concat(toolbarClasses.__hash) + " " + "sideActions"
+    className: `jsx-${tooltipAnchorClasses.__hash} jsx-${toolbarClasses.__hash}` + " " + "sideActions"
   }, /*#__PURE__*/React.createElement(Button, {
     secondary: true,
     small: true,
     disabled: previewButtonDisabled || disabled,
     onClick: onTogglePreview
   }, i18n.t('Preview')))) : /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(tooltipAnchorClasses.__hash, " jsx-").concat(toolbarClasses.__hash) + " " + "previewWrapper"
+    className: `jsx-${tooltipAnchorClasses.__hash} jsx-${toolbarClasses.__hash}` + " " + "previewWrapper"
   }, /*#__PURE__*/React.createElement(Button, {
     secondary: true,
     small: true,
@@ -165,7 +160,6 @@ const Toolbar = _ref4 => {
     id: toolbarClasses.__hash
   }, toolbarClasses));
 };
-
 Toolbar.propTypes = {
   previewButtonDisabled: PropTypes.bool.isRequired,
   previewMode: PropTypes.bool.isRequired,
@@ -186,11 +180,10 @@ export const RichTextEditor = /*#__PURE__*/forwardRef((_ref5, externalRef) => {
   const textareaRef = externalRef || internalRef;
   useEffect(() => {
     var _textareaRef$current;
-
     return (_textareaRef$current = textareaRef.current) === null || _textareaRef$current === void 0 ? void 0 : _textareaRef$current.focus();
   }, [textareaRef]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(mainClasses.__hash) + " " + "container"
+    className: `jsx-${mainClasses.__hash}` + " " + "container"
   }, /*#__PURE__*/React.createElement(Toolbar, {
     onInsertMarkdown: markdown => {
       insertMarkdown(markdown, textareaRef.current, (text, caretPos) => {
@@ -198,7 +191,6 @@ export const RichTextEditor = /*#__PURE__*/forwardRef((_ref5, externalRef) => {
         textareaRef.current.focus();
         textareaRef.current.selectionEnd = caretPos;
       });
-
       if (markdown === MENTION) {
         textareaRef.current.dispatchEvent(new KeyboardEvent('keydown', {
           key: '@',
@@ -211,7 +203,7 @@ export const RichTextEditor = /*#__PURE__*/forwardRef((_ref5, externalRef) => {
     previewButtonDisabled: !value,
     disabled: disabled
   }), previewMode ? /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(mainClasses.__hash) + " " + "preview"
+    className: `jsx-${mainClasses.__hash}` + " " + "preview"
   }, /*#__PURE__*/React.createElement(RichTextParser, null, value)) : /*#__PURE__*/React.createElement(Field, {
     error: !!errorText,
     validationText: errorText
@@ -225,7 +217,7 @@ export const RichTextEditor = /*#__PURE__*/forwardRef((_ref5, externalRef) => {
     value: value,
     onChange: event => onChange(event.target.value),
     onKeyDown: event => convertCtrlKey(event, onChange),
-    className: "jsx-".concat(mainClasses.__hash) + " " + "textarea"
+    className: `jsx-${mainClasses.__hash}` + " " + "textarea"
   }))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: mainClasses.__hash
   }, mainClasses));

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

@@ -41,13 +41,11 @@ const markdownMap = {
     prefix: emojis[EMOJI_THUMBS_DOWN]
   }
 };
-
 const trim = str => {
   const leftSpaces = /^\s+/;
   const rightSpaces = /\s+$/;
   return str.replace(leftSpaces, '').replace(rightSpaces, '');
 };
-
 export const insertMarkdown = (markdown, target, cb) => {
   const {
     selectionStart: start,
@@ -55,14 +53,11 @@ export const insertMarkdown = (markdown, target, cb) => {
     value
   } = target;
   const marker = markdownMap[markdown] || null;
-
   if (!marker || !cb || start < 0) {
     return;
   }
-
   let newValue;
   let caretPos = end + 1;
-
   const padMarkers = text => {
     // is caret between two markers (i.e., "**" or "__")? Then do not add padding
     if (start === end && value.length && start > 0) {
@@ -70,45 +65,36 @@ export const insertMarkdown = (markdown, target, cb) => {
         return text;
       }
     }
-
     if (value.length && start > 0 && value[start - 1] !== ' ') {
-      text = " ".concat(text);
+      text = ` ${text}`;
       ++caretPos;
     }
-
     if (value.length && end !== value.length && value[end] !== ' ') {
-      text = "".concat(text, " ");
+      text = `${text} `;
     }
-
     return text;
   };
-
   if (start === end) {
     //no text
     const valueArr = value.split('');
     let markdown = marker.prefix;
-
     if (marker.postfix) {
       markdown += marker.postfix;
     }
-
     valueArr.splice(start, 0, padMarkers(markdown));
     newValue = valueArr.join('');
   } else {
     const text = value.slice(start, end);
     const trimmedText = trim(text); // TODO really needed?
-    // adjust caretPos based on trimmed text selection
 
+    // adjust caretPos based on trimmed text selection
     caretPos = caretPos - (text.length - trimmedText.length) + 1;
-    let markdown = "".concat(marker.prefix).concat(trimmedText);
-
+    let markdown = `${marker.prefix}${trimmedText}`;
     if (marker.postfix) {
       markdown += marker.postfix;
     }
-
     newValue = [value.slice(0, start), padMarkers(markdown), value.slice(end)].join('');
   }
-
   cb(newValue, caretPos);
 };
 export const convertCtrlKey = (event, cb) => {
@@ -117,7 +103,6 @@ export const convertCtrlKey = (event, cb) => {
     ctrlKey,
     metaKey
   } = event;
-
   if (key === 'b' && (ctrlKey || metaKey)) {
     event.preventDefault();
     insertMarkdown(BOLD, event.target, cb);

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

@@ -1,9 +1,9 @@
 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;}")];
+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:${colors.grey900};}`, `.textarea.jsx-2278350860{width:100%;box-sizing:border-box;padding:${spacers.dp8} ${spacers.dp12};color:${colors.grey900};background-color:${colors.white};border:1px solid ${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:${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 ${theme.focus};}`, `.textarea.jsx-2278350860:disabled{background-color:${colors.grey100};border-color:${colors.grey500};color:${theme.disabled};cursor:not-allowed;}`];
 mainClasses.__hash = "2278350860";
-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;}")];
+export const toolbarClasses = [`.toolbar.jsx-2267496677{background:${colors.grey050};border-radius:3px;border:1px solid ${colors.grey300};margin-bottom:${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:${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:${spacers.dp4};}`, `.mainActions.jsx-2267496677{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${spacers.dp4};margin-top:${spacers.dp2};}`, ".sideActions.jsx-2267496677{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", `.previewWrapper.jsx-2267496677{margin:${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;}"];
+export const emojisPopoverClasses = [`.emojisList.jsx-2802175370{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${spacers.dp8};list-style-type:none;margin:0 ${spacers.dp4} 0 ${spacers.dp8};padding:0;}`, ".emojisList.jsx-2802175370 li.jsx-2802175370{cursor:pointer;}"];
 emojisPopoverClasses.__hash = "2802175370";

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

@@ -11,12 +11,11 @@ export const UserList = _ref => {
   } = _ref;
   return /*#__PURE__*/React.createElement(React.Fragment, null, users.map(u => {
     var _users$selectedUserIn;
-
     return /*#__PURE__*/React.createElement(MenuItem, {
       dense: true,
       key: u.id,
       onClick: onUserClick(u),
-      label: "".concat(u.displayName, " (").concat(u.username, ")"),
+      label: `${u.displayName} (${u.username})`,
       active: ((_users$selectedUserIn = users[selectedUserIndex]) === null || _users$selectedUserIn === void 0 ? void 0 : _users$selectedUserIn.id) === u.id
     });
   }), pager.total > pager.pageSize && /*#__PURE__*/React.createElement(MenuItem, {

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

@@ -7,7 +7,6 @@ import { resolvedHeaderStyle, userMentionWrapperClasses } from './styles/UserMen
 import { UserList } from './UserList.js';
 import { useUserSearchResults } from './useUserSearchResults.js';
 const AT_SYMBOL_WIDTH = 14;
-
 const getVirtualPopperReference = ref => {
   const rects = ref.current.getClientRects();
   const lastRect = rects[rects.length - 1];
@@ -24,7 +23,6 @@ const getVirtualPopperReference = ref => {
     })
   };
 };
-
 export const UserMentionWrapper = _ref => {
   let {
     children,
@@ -45,7 +43,6 @@ export const UserMentionWrapper = _ref => {
   } = useUserSearchResults({
     searchText: capturedText
   });
-
   const reset = () => {
     setCaptureText(false);
     setCapturedText('');
@@ -53,9 +50,9 @@ export const UserMentionWrapper = _ref => {
     setCaptureStartPosition(null);
     setSelectedUserIndex(0);
     clear();
-  }; // event bubbles up from the input/textarea
-
+  };
 
+  // event bubbles up from the input/textarea
   const onInput = _ref2 => {
     let {
       target
@@ -64,12 +61,10 @@ export const UserMentionWrapper = _ref => {
       selectionEnd,
       value
     } = target;
-
     if (captureText) {
       clear();
       const spacePosition = value.indexOf(' ', captureStartPosition - 1);
       const filterValue = value.substring(captureStartPosition, spacePosition > 0 ? spacePosition : selectionEnd + 1);
-
       if (filterValue !== capturedText) {
         setCapturedText(filterValue);
       } else if (filterValue.length === 0) {
@@ -77,9 +72,9 @@ export const UserMentionWrapper = _ref => {
         clear();
       }
     }
-  }; // event bubbles up from the wrapped input/textarea
-
+  };
 
+  // event bubbles up from the wrapped input/textarea
   const onKeyDown = _ref3 => {
     let {
       key,
@@ -88,7 +83,6 @@ export const UserMentionWrapper = _ref => {
     const {
       selectionStart
     } = target;
-
     if (!captureText && key === '@') {
       setCaptureText(true);
       setCaptureStartPosition(selectionStart + 1);
@@ -100,34 +94,25 @@ export const UserMentionWrapper = _ref => {
         switch (key) {
           case 'Enter':
             event.preventDefault();
-
             if (selectedUserIndex >= 0) {
               onSelect(users[selectedUserIndex]);
             }
-
             break;
-
           case 'ArrowDown':
             event.preventDefault();
-
             if (selectedUserIndex < users.length - 1) {
               setSelectedUserIndex(selectedUserIndex + 1);
             }
-
             break;
-
           case 'ArrowUp':
             event.preventDefault();
-
             if (selectedUserIndex > 0) {
               setSelectedUserIndex(selectedUserIndex - 1);
             }
-
             break;
-
-          default: // other key strokes, typically the text typed
+          default:
+          // other key strokes, typically the text typed
           // the onInput event handler set on the input element is triggering the user lookup
-
         }
       }
     }
@@ -135,36 +120,36 @@ export const UserMentionWrapper = _ref => {
 
   const onSelect = user => {
     const originalValue = inputReference.current.value;
-    const newValue = "".concat(originalValue.slice(0, captureStartPosition - 1)).concat(originalValue.slice(captureStartPosition - 1).replace(/^@\w*/, "@".concat(user.username, " ")));
-    reset(); // typically for connected components we want the state to be updated too
-    // but the logic belongs to the wrapped component, so we just invoke the supplied callback
+    const newValue = `${originalValue.slice(0, captureStartPosition - 1)}${originalValue.slice(captureStartPosition - 1).replace(/^@\w*/, `@${user.username} `)}`;
+    reset();
 
+    // typically for connected components we want the state to be updated too
+    // but the logic belongs to the wrapped component, so we just invoke the supplied callback
     if (onUserSelect) {
       onUserSelect(newValue);
-    } // need to refocus on the input/textarea
-
+    }
 
-    inputReference.current.focus(); // position the cursor at the end
+    // need to refocus on the input/textarea
+    inputReference.current.focus();
 
+    // position the cursor at the end
     requestAnimationFrame(() => inputReference.current.setSelectionRange(-1, -1), 0);
   };
-
   const onClick = user => () => onSelect(user);
-
   return /*#__PURE__*/React.createElement("div", {
     onKeyDown: onKeyDown,
     onInput: onInput,
-    className: "jsx-".concat(userMentionWrapperClasses.__hash) + " " + "wrapper"
+    className: `jsx-${userMentionWrapperClasses.__hash}` + " " + "wrapper"
   }, children, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(userMentionWrapperClasses.__hash) + " " + "clone"
+    className: `jsx-${userMentionWrapperClasses.__hash}` + " " + "clone"
   }, /*#__PURE__*/React.createElement("pre", {
     ref: cloneRef,
-    className: "jsx-".concat(userMentionWrapperClasses.__hash)
+    className: `jsx-${userMentionWrapperClasses.__hash}`
   }, cloneText)), captureText && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Popper, {
     reference: getVirtualPopperReference(cloneRef),
     placement: "top-start"
   }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(userMentionWrapperClasses.__hash) + " " + "container"
+    className: `jsx-${userMentionWrapperClasses.__hash}` + " " + "container"
   }, /*#__PURE__*/React.createElement(Menu, {
     dense: true
   }, /*#__PURE__*/React.createElement(MenuSectionHeader, {

package/build/es/components/Interpretations/common/UserMention/styles/UserMentionWrapper.style.js

@@ -1,13 +1,12 @@
 import _JSXStyle from "styled-jsx/style";
 import React from "react";
 import { colors, spacers } from '@dhis2/ui';
-
 /*
  * Note that the clone and clone > pre styles have been chosen
  * to emulate the styles of the textarea. If we decide to make
  * changes there, they should be refelcted here too.
  */
-export const userMentionWrapperClasses = [".wrapper.jsx-1289989717{position:relative;}", ".clone.jsx-1289989717{position:absolute;visibility:hidden;inset:0;box-sizing:border-box;padding:".concat(spacers.dp8, " ").concat(spacers.dp12, ";border:1px solid ").concat(colors.grey500, ";font-size:14px;line-height:").concat(spacers.dp16, ";z-index:1;pointer-events:none;}"), ".clone.jsx-1289989717>pre.jsx-1289989717{display:inline;word-wrap:break-word;overflow-wrap:break-word;font:inherit;margin:0;}", ".container.jsx-1289989717{background-color:".concat(colors.white, ";max-height:180px;overflow:auto;}")];
+export const userMentionWrapperClasses = [".wrapper.jsx-1289989717{position:relative;}", `.clone.jsx-1289989717{position:absolute;visibility:hidden;inset:0;box-sizing:border-box;padding:${spacers.dp8} ${spacers.dp12};border:1px solid ${colors.grey500};font-size:14px;line-height:${spacers.dp16};z-index:1;pointer-events:none;}`, ".clone.jsx-1289989717>pre.jsx-1289989717{display:inline;word-wrap:break-word;overflow-wrap:break-word;font:inherit;margin:0;}", `.container.jsx-1289989717{background-color:${colors.white};max-height:180px;overflow:auto;}`];
 userMentionWrapperClasses.__hash = "1289989717";
 export const resolvedHeaderStyle = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {

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

@@ -12,7 +12,7 @@ const usersQuery = {
         fields: 'id,displayName,username',
         order: 'firstName,surname',
         total: true,
-        filter: "username:ilike:".concat(searchText, ",firstName:ilike:").concat(searchText, ",surname:ilike:").concat(searchText, ",email:ilike:").concat(searchText),
+        filter: `username:ilike:${searchText},firstName:ilike:${searchText},surname:ilike:${searchText},email:ilike:${searchText}`,
         rootJunction: 'OR'
       };
     }
@@ -43,7 +43,6 @@ export const useUserSearchResults = _ref2 => {
         searchText
       });
     }
-
     return () => debouncedRefetch.cancel();
   }, [searchText, debouncedRefetch]);
   useEffect(() => {

package/build/es/components/LegendKey/LegendKey.js

@@ -3,37 +3,35 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import styles from './styles/LegendKey.style.js';
-
 const LegendKey = _ref => {
   let {
     legendSets
   } = _ref;
   return legendSets.length ? /*#__PURE__*/React.createElement("div", {
     "data-test": "legend-key-container",
-    className: "jsx-".concat(styles.__hash) + " " + "container"
+    className: `jsx-${styles.__hash}` + " " + "container"
   }, legendSets.map((legendSet, index) => /*#__PURE__*/React.createElement("div", {
     key: legendSet.id,
-    "data-test": "legend-key-item-".concat(legendSet.id),
-    className: "jsx-".concat(styles.__hash) + " " + (cx('legendSet', {
+    "data-test": `legend-key-item-${legendSet.id}`,
+    className: `jsx-${styles.__hash}` + " " + (cx('legendSet', {
       divider: index > 0
     }) || "")
   }, /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash) + " " + "legendSetName"
+    className: `jsx-${styles.__hash}` + " " + "legendSetName"
   }, legendSet.name), legendSet.legends.sort((a, b) => a.startValue - b.startValue).map(legend => /*#__PURE__*/React.createElement("div", {
     key: legend.startValue,
     style: {
-      borderLeft: "6px ".concat(legend.color, " solid")
+      borderLeft: `6px ${legend.color} solid`
     },
-    className: "jsx-".concat(styles.__hash) + " " + "legend"
+    className: `jsx-${styles.__hash}` + " " + "legend"
   }, /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash)
+    className: `jsx-${styles.__hash}`
   }, legend.name), /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash) + " " + "values"
-  }, "".concat(legend.startValue, "-<").concat(legend.endValue)))))), /*#__PURE__*/React.createElement(_JSXStyle, {
+    className: `jsx-${styles.__hash}` + " " + "values"
+  }, `${legend.startValue}-<${legend.endValue}`))))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles)) : null;
 };
-
 LegendKey.propTypes = {
   legendSets: PropTypes.arrayOf(PropTypes.shape({
     id: PropTypes.string.isRequired,

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

@@ -1,4 +1,4 @@
 import { spacers, colors } from '@dhis2/ui';
-const _defaultExport = [".container.jsx-2467849725{width:180px;background:".concat(colors.white, ";padding:").concat(spacers.dp8, ";}"), ".legendSet.jsx-2467849725{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:".concat(spacers.dp4, ";}"), ".legendSetName.jsx-2467849725{display:inline-block;font-size:13px;color:".concat(colors.grey700, ";margin-bottom:2px;}"), ".legend.jsx-2467849725{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:".concat(spacers.dp4, " 0 ").concat(spacers.dp4, " 6px;white-space:break-spaces;text-align:left;font-size:13px;}"), ".values.jsx-2467849725{color:".concat(colors.grey600, ";font-size:12px;padding-top:2px;}"), ".divider.jsx-2467849725{border-top:1px solid ".concat(colors.grey400, ";padding-top:").concat(spacers.dp8, ";margin-top:").concat(spacers.dp8, ";}")];
+const _defaultExport = [`.container.jsx-2467849725{width:180px;background:${colors.white};padding:${spacers.dp8};}`, `.legendSet.jsx-2467849725{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:${spacers.dp4};}`, `.legendSetName.jsx-2467849725{display:inline-block;font-size:13px;color:${colors.grey700};margin-bottom:2px;}`, `.legend.jsx-2467849725{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:${spacers.dp4} 0 ${spacers.dp4} 6px;white-space:break-spaces;text-align:left;font-size:13px;}`, `.values.jsx-2467849725{color:${colors.grey600};font-size:12px;padding-top:2px;}`, `.divider.jsx-2467849725{border-top:1px solid ${colors.grey400};padding-top:${spacers.dp8};margin-top:${spacers.dp8};}`];
 _defaultExport.__hash = "2467849725";
 export default _defaultExport;

package/build/es/components/OfflineTooltip.js

@@ -6,7 +6,6 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { styles } from './styles/OfflineTooltip.style.js';
-
 const OfflineTooltip = _ref => {
   let {
     disabledWhenOffline,
@@ -32,7 +31,7 @@ const OfflineTooltip = _ref => {
       onMouseOver: () => notAllowed && onMouseOver(),
       onMouseOut: () => notAllowed && onMouseOut(),
       ref: ref,
-      className: "jsx-".concat(styles.__hash) + " " + (cx('tooltip', {
+      className: `jsx-${styles.__hash}` + " " + (cx('tooltip', {
         notAllowed
       }) || "")
     }, children);
@@ -40,7 +39,6 @@ const OfflineTooltip = _ref => {
     id: styles.__hash
   }, styles));
 };
-
 OfflineTooltip.propTypes = {
   children: PropTypes.node,
   content: PropTypes.string,

package/build/es/components/OpenFileDialog/CreatedByFilter.js

@@ -1,7 +1,9 @@
 import i18n from '@dhis2/d2-i18n';
 import { SingleSelect, SingleSelectOption } from '@dhis2/ui';
 import PropTypes from 'prop-types';
-import React from 'react'; // TODO change the "Created by" prefix to "Creator" or something that does not require a context for the translators
+import React from 'react';
+
+// TODO change the "Created by" prefix to "Creator" or something that does not require a context for the translators
 
 export const CREATED_BY_ALL = 'all';
 export const CREATED_BY_ALL_BUT_CURRENT_USER = 'allButCurrentUser';

package/build/es/components/OpenFileDialog/CustomSelectOption.js

@@ -5,7 +5,6 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import styles from './styles/CustomSelectOption.style.js';
-
 const CustomSelectOptionItem = _ref => {
   let {
     value,
@@ -20,12 +19,12 @@ const CustomSelectOptionItem = _ref => {
     onClick: e => onClick({}, e),
     "data-value": value,
     "data-label": label,
-    className: "jsx-".concat(styles.__hash) + " " + (cx({
+    className: `jsx-${styles.__hash}` + " " + (cx({
       active,
       disabled
     }) || "")
   }, icon, /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash) + " " + (cx({
+    className: `jsx-${styles.__hash}` + " " + (cx({
       label: icon
     }) || "")
   }, label), /*#__PURE__*/React.createElement(_JSXStyle, {
@@ -34,7 +33,6 @@ const CustomSelectOptionItem = _ref => {
     dense: true
   }));
 };
-
 export const CustomSelectOption = props => props.disabled ? /*#__PURE__*/React.createElement(Tooltip, {
   content: i18n.t('Not supported by this app yet')
 }, /*#__PURE__*/React.createElement(CustomSelectOptionItem, props)) : /*#__PURE__*/React.createElement(CustomSelectOptionItem, props);