@dhis2/analytics 26.0.8 → 26.0.9

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

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

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

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UserList = void 0;
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const UserList = _ref => {
   let {
     users,
@@ -24,12 +18,11 @@ const UserList = _ref => {
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, users.map(u => {
     var _users$selectedUserIn;
-
     return /*#__PURE__*/_react.default.createElement(_ui.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.default.createElement(_ui.MenuItem, {
@@ -38,7 +31,6 @@ const UserList = _ref => {
     label: _d2I18n.default.t('Too many results. Try refining the search.')
   }));
 };
-
 exports.UserList = UserList;
 UserList.propTypes = {
   pager: _propTypes.default.object.isRequired,

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

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.UserMentionWrapper = 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"));
-
 var _UserMentionWrapperStyle = require("./styles/UserMentionWrapper.style.js");
-
 var _UserList = require("./UserList.js");
-
 var _useUserSearchResults = require("./useUserSearchResults.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 AT_SYMBOL_WIDTH = 14;
-
 const getVirtualPopperReference = ref => {
   const rects = ref.current.getClientRects();
   const lastRect = rects[rects.length - 1];
@@ -45,7 +32,6 @@ const getVirtualPopperReference = ref => {
     })
   };
 };
-
 const UserMentionWrapper = _ref => {
   let {
     children,
@@ -66,7 +52,6 @@ const UserMentionWrapper = _ref => {
   } = (0, _useUserSearchResults.useUserSearchResults)({
     searchText: capturedText
   });
-
   const reset = () => {
     setCaptureText(false);
     setCapturedText('');
@@ -74,9 +59,9 @@ 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
@@ -85,12 +70,10 @@ 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) {
@@ -98,9 +81,9 @@ 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,
@@ -109,7 +92,6 @@ const UserMentionWrapper = _ref => {
     const {
       selectionStart
     } = target;
-
     if (!captureText && key === '@') {
       setCaptureText(true);
       setCaptureStartPosition(selectionStart + 1);
@@ -121,34 +103,25 @@ 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
-
         }
       }
     }
@@ -156,36 +129,36 @@ 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.default.createElement("div", {
     onKeyDown: onKeyDown,
     onInput: onInput,
-    className: "jsx-".concat(_UserMentionWrapperStyle.userMentionWrapperClasses.__hash) + " " + "wrapper"
+    className: `jsx-${_UserMentionWrapperStyle.userMentionWrapperClasses.__hash}` + " " + "wrapper"
   }, children, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_UserMentionWrapperStyle.userMentionWrapperClasses.__hash) + " " + "clone"
+    className: `jsx-${_UserMentionWrapperStyle.userMentionWrapperClasses.__hash}` + " " + "clone"
   }, /*#__PURE__*/_react.default.createElement("pre", {
     ref: cloneRef,
-    className: "jsx-".concat(_UserMentionWrapperStyle.userMentionWrapperClasses.__hash)
+    className: `jsx-${_UserMentionWrapperStyle.userMentionWrapperClasses.__hash}`
   }, cloneText)), captureText && /*#__PURE__*/_react.default.createElement(_ui.Portal, null, /*#__PURE__*/_react.default.createElement(_ui.Popper, {
     reference: getVirtualPopperReference(cloneRef),
     placement: "top-start"
   }, /*#__PURE__*/_react.default.createElement(_ui.Card, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_UserMentionWrapperStyle.userMentionWrapperClasses.__hash) + " " + "container"
+    className: `jsx-${_UserMentionWrapperStyle.userMentionWrapperClasses.__hash}` + " " + "container"
   }, /*#__PURE__*/_react.default.createElement(_ui.Menu, {
     dense: true
   }, /*#__PURE__*/_react.default.createElement(_ui.MenuSectionHeader, {
@@ -212,7 +185,6 @@ const UserMentionWrapper = _ref => {
     id: _UserMentionWrapperStyle.userMentionWrapperClasses.__hash
   }, _UserMentionWrapperStyle.userMentionWrapperClasses), _UserMentionWrapperStyle.resolvedHeaderStyle.styles);
 };
-
 exports.UserMentionWrapper = UserMentionWrapper;
 UserMentionWrapper.defaultProps = {
   onUserSelect: Function.prototype

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

@@ -4,21 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.userMentionWrapperClasses = exports.resolvedHeaderStyle = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ui = require("@dhis2/ui");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /*
  * 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.
  */
-const userMentionWrapperClasses = [".wrapper.jsx-1289989717{position:relative;}", ".clone.jsx-1289989717{position:absolute;visibility:hidden;inset:0;box-sizing:border-box;padding:".concat(_ui.spacers.dp8, " ").concat(_ui.spacers.dp12, ";border:1px solid ").concat(_ui.colors.grey500, ";font-size:14px;line-height:").concat(_ui.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(_ui.colors.white, ";max-height:180px;overflow:auto;}")];
+const userMentionWrapperClasses = [".wrapper.jsx-1289989717{position:relative;}", `.clone.jsx-1289989717{position:absolute;visibility:hidden;inset:0;box-sizing:border-box;padding:${_ui.spacers.dp8} ${_ui.spacers.dp12};border:1px solid ${_ui.colors.grey500};font-size:14px;line-height:${_ui.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:${_ui.colors.white};max-height:180px;overflow:auto;}`];
 exports.userMentionWrapperClasses = userMentionWrapperClasses;
 userMentionWrapperClasses.__hash = "1289989717";
 const resolvedHeaderStyle = {

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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useUserSearchResults = void 0;
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 var _react = require("react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const usersQuery = {
   users: {
     resource: 'users/gist',
@@ -24,13 +19,12 @@ 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'
       };
     }
   }
 };
-
 const useUserSearchResults = _ref2 => {
   let {
     searchText
@@ -56,7 +50,6 @@ const useUserSearchResults = _ref2 => {
         searchText
       });
     }
-
     return () => debouncedRefetch.cancel();
   }, [searchText, debouncedRefetch]);
   (0, _react.useEffect)(() => {
@@ -74,5 +67,4 @@ const useUserSearchResults = _ref2 => {
     })
   };
 };
-
 exports.useUserSearchResults = useUserSearchResults;

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

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _index = require("./Interpretation/index.js");
-
 Object.keys(_index).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_index).forEach(function (key) {
     }
   });
 });
-
 var _index2 = require("./Message/index.js");
-
 Object.keys(_index2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index2[key]) return;
@@ -29,9 +25,7 @@ Object.keys(_index2).forEach(function (key) {
     }
   });
 });
-
 var _index3 = require("./RichTextEditor/index.js");
-
 Object.keys(_index3).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _index3[key]) return;

package/build/cjs/components/LegendKey/LegendKey.js

@@ -4,49 +4,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _LegendKeyStyle = _interopRequireDefault(require("./styles/LegendKey.style.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const LegendKey = _ref => {
   let {
     legendSets
   } = _ref;
   return legendSets.length ? /*#__PURE__*/_react.default.createElement("div", {
     "data-test": "legend-key-container",
-    className: "jsx-".concat(_LegendKeyStyle.default.__hash) + " " + "container"
+    className: `jsx-${_LegendKeyStyle.default.__hash}` + " " + "container"
   }, legendSets.map((legendSet, index) => /*#__PURE__*/_react.default.createElement("div", {
     key: legendSet.id,
-    "data-test": "legend-key-item-".concat(legendSet.id),
-    className: "jsx-".concat(_LegendKeyStyle.default.__hash) + " " + ((0, _classnames.default)('legendSet', {
+    "data-test": `legend-key-item-${legendSet.id}`,
+    className: `jsx-${_LegendKeyStyle.default.__hash}` + " " + ((0, _classnames.default)('legendSet', {
       divider: index > 0
     }) || "")
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_LegendKeyStyle.default.__hash) + " " + "legendSetName"
+    className: `jsx-${_LegendKeyStyle.default.__hash}` + " " + "legendSetName"
   }, legendSet.name), legendSet.legends.sort((a, b) => a.startValue - b.startValue).map(legend => /*#__PURE__*/_react.default.createElement("div", {
     key: legend.startValue,
     style: {
-      borderLeft: "6px ".concat(legend.color, " solid")
+      borderLeft: `6px ${legend.color} solid`
     },
-    className: "jsx-".concat(_LegendKeyStyle.default.__hash) + " " + "legend"
+    className: `jsx-${_LegendKeyStyle.default.__hash}` + " " + "legend"
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_LegendKeyStyle.default.__hash)
+    className: `jsx-${_LegendKeyStyle.default.__hash}`
   }, legend.name), /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_LegendKeyStyle.default.__hash) + " " + "values"
-  }, "".concat(legend.startValue, "-<").concat(legend.endValue)))))), /*#__PURE__*/_react.default.createElement(_style.default, {
+    className: `jsx-${_LegendKeyStyle.default.__hash}` + " " + "values"
+  }, `${legend.startValue}-<${legend.endValue}`))))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _LegendKeyStyle.default.__hash
   }, _LegendKeyStyle.default)) : null;
 };
-
 LegendKey.propTypes = {
   legendSets: _propTypes.default.arrayOf(_propTypes.default.shape({
     id: _propTypes.default.string.isRequired,

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

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const _defaultExport = [".container.jsx-2467849725{width:180px;background:".concat(_ui.colors.white, ";padding:").concat(_ui.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(_ui.spacers.dp4, ";}"), ".legendSetName.jsx-2467849725{display:inline-block;font-size:13px;color:".concat(_ui.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(_ui.spacers.dp4, " 0 ").concat(_ui.spacers.dp4, " 6px;white-space:break-spaces;text-align:left;font-size:13px;}"), ".values.jsx-2467849725{color:".concat(_ui.colors.grey600, ";font-size:12px;padding-top:2px;}"), ".divider.jsx-2467849725{border-top:1px solid ".concat(_ui.colors.grey400, ";padding-top:").concat(_ui.spacers.dp8, ";margin-top:").concat(_ui.spacers.dp8, ";}")];
+const _defaultExport = [`.container.jsx-2467849725{width:180px;background:${_ui.colors.white};padding:${_ui.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:${_ui.spacers.dp4};}`, `.legendSetName.jsx-2467849725{display:inline-block;font-size:13px;color:${_ui.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:${_ui.spacers.dp4} 0 ${_ui.spacers.dp4} 6px;white-space:break-spaces;text-align:left;font-size:13px;}`, `.values.jsx-2467849725{color:${_ui.colors.grey600};font-size:12px;padding-top:2px;}`, `.divider.jsx-2467849725{border-top:1px solid ${_ui.colors.grey400};padding-top:${_ui.spacers.dp8};margin-top:${_ui.spacers.dp8};}`];
 _defaultExport.__hash = "2467849725";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/OfflineTooltip.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.OfflineTooltip = 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 = _interopRequireDefault(require("react"));
-
 var _OfflineTooltipStyle = require("./styles/OfflineTooltip.style.js");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const OfflineTooltip = _ref => {
   let {
     disabledWhenOffline,
@@ -48,7 +38,7 @@ const OfflineTooltip = _ref => {
       onMouseOver: () => notAllowed && onMouseOver(),
       onMouseOut: () => notAllowed && onMouseOut(),
       ref: ref,
-      className: "jsx-".concat(_OfflineTooltipStyle.styles.__hash) + " " + ((0, _classnames.default)('tooltip', {
+      className: `jsx-${_OfflineTooltipStyle.styles.__hash}` + " " + ((0, _classnames.default)('tooltip', {
         notAllowed
       }) || "")
     }, children);
@@ -56,7 +46,6 @@ const OfflineTooltip = _ref => {
     id: _OfflineTooltipStyle.styles.__hash
   }, _OfflineTooltipStyle.styles));
 };
-
 exports.OfflineTooltip = OfflineTooltip;
 OfflineTooltip.propTypes = {
   children: _propTypes.default.node,

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

@@ -4,25 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CreatedByFilter = exports.CREATED_BY_CURRENT_USER = exports.CREATED_BY_ALL_BUT_CURRENT_USER = exports.CREATED_BY_ALL = void 0;
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // TODO change the "Created by" prefix to "Creator" or something that does not require a context for the translators
+
 const CREATED_BY_ALL = 'all';
 exports.CREATED_BY_ALL = CREATED_BY_ALL;
 const CREATED_BY_ALL_BUT_CURRENT_USER = 'allButCurrentUser';
 exports.CREATED_BY_ALL_BUT_CURRENT_USER = CREATED_BY_ALL_BUT_CURRENT_USER;
 const CREATED_BY_CURRENT_USER = 'currentUser';
 exports.CREATED_BY_CURRENT_USER = CREATED_BY_CURRENT_USER;
-
 const CreatedByFilter = _ref => {
   let {
     selected,
@@ -49,7 +43,6 @@ const CreatedByFilter = _ref => {
     value: CREATED_BY_ALL_BUT_CURRENT_USER
   }));
 };
-
 exports.CreatedByFilter = CreatedByFilter;
 CreatedByFilter.propTypes = {
   onChange: _propTypes.default.func.isRequired,

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

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CustomSelectOption = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 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 = _interopRequireDefault(require("react"));
-
 var _CustomSelectOptionStyle = _interopRequireDefault(require("./styles/CustomSelectOption.style.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const CustomSelectOptionItem = _ref => {
   let {
     value,
@@ -35,12 +26,12 @@ const CustomSelectOptionItem = _ref => {
     onClick: e => onClick({}, e),
     "data-value": value,
     "data-label": label,
-    className: "jsx-".concat(_CustomSelectOptionStyle.default.__hash) + " " + ((0, _classnames.default)({
+    className: `jsx-${_CustomSelectOptionStyle.default.__hash}` + " " + ((0, _classnames.default)({
       active,
       disabled
     }) || "")
   }, icon, /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_CustomSelectOptionStyle.default.__hash) + " " + ((0, _classnames.default)({
+    className: `jsx-${_CustomSelectOptionStyle.default.__hash}` + " " + ((0, _classnames.default)({
       label: icon
     }) || "")
   }, label), /*#__PURE__*/_react.default.createElement(_style.default, {
@@ -49,11 +40,9 @@ const CustomSelectOptionItem = _ref => {
     dense: true
   }));
 };
-
 const CustomSelectOption = props => props.disabled ? /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
   content: _d2I18n.default.t('Not supported by this app yet')
 }, /*#__PURE__*/_react.default.createElement(CustomSelectOptionItem, props)) : /*#__PURE__*/_react.default.createElement(CustomSelectOptionItem, props);
-
 exports.CustomSelectOption = CustomSelectOption;
 CustomSelectOption.propTypes = {
   label: _propTypes.default.string.isRequired,

package/build/cjs/components/OpenFileDialog/DateField.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DateField = void 0;
-
 var _moment = _interopRequireDefault(require("moment"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const DateField = _ref => {
   let {
     date
@@ -22,7 +17,6 @@ const DateField = _ref => {
     dateTime: d.toISOString()
   }, (0, _moment.default)(date).format('L'));
 };
-
 exports.DateField = DateField;
 DateField.propTypes = {
   date: _propTypes.default.string.isRequired

package/build/cjs/components/OpenFileDialog/FileList.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FileList = void 0;
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _VisTypeIcon = require("../VisTypeIcon.js");
-
 var _DateField = require("./DateField.js");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const FileList = _ref => {
   let {
     data,
@@ -39,7 +32,6 @@ const FileList = _ref => {
     date: visualization.lastUpdated
   })))));
 };
-
 exports.FileList = FileList;
 FileList.propTypes = {
   data: _propTypes.default.arrayOf(_propTypes.default.shape({

package/build/cjs/components/OpenFileDialog/NameFilter.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.NameFilter = void 0;
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const NameFilter = _ref => {
   let {
     dataTest,
@@ -36,7 +30,6 @@ const NameFilter = _ref => {
     dataTest: dataTest
   });
 };
-
 exports.NameFilter = NameFilter;
 NameFilter.propTypes = {
   onChange: _propTypes.default.func.isRequired,