@dhis2/analytics 21.0.0-alpha.2 → 21.0.1

package/build/cjs/components/AboutAOUnit/AboutAOUnit.js

@@ -0,0 +1,228 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = 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 _moment = _interopRequireDefault(require("moment"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _list = require("../../modules/list");
+
+var _AboutAOUnit = _interopRequireDefault(require("./styles/AboutAOUnit.style"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 READ_ONLY = 'r';
+const READ_AND_WRITE = 'rw';
+
+const getQueries = type => ({
+  ao: {
+    resource: type,
+    id: ({
+      id
+    }) => id,
+    params: {
+      fields: 'id,displayDescription,created,createdBy[displayName],lastUpdated,subscribed,publicAccess,userAccesses[displayName,access],userGroupAccesses[displayName,access]'
+    }
+  },
+  dataStatistics: {
+    resource: 'dataStatistics/favorites',
+    id: ({
+      id
+    }) => id
+  }
+});
+
+const getSubscribeMutation = (type, id) => ({
+  resource: "".concat(type, "/").concat(id, "/subscriber"),
+  type: 'create'
+});
+
+const getUnsubscribeMutation = (type, id) => ({
+  resource: "".concat(type, "/").concat(id, "/subscriber"),
+  type: 'delete'
+});
+
+const AboutAOUnit = ({
+  type,
+  id
+}) => {
+  const [isExpanded, setIsExpanded] = (0, _react.useState)(true);
+  const queries = (0, _react.useMemo)(() => getQueries(type), []);
+  const {
+    data,
+    loading: dataIsLoading,
+    refetch
+  } = (0, _appRuntime.useDataQuery)(queries, {
+    lazy: true
+  });
+  const subscribeMutation = (0, _react.useMemo)(() => getSubscribeMutation(type, id), []);
+  const unsubscribeMutation = (0, _react.useMemo)(() => getUnsubscribeMutation(type, id), []);
+  const [subscribe, {
+    loading: subscribeIsLoading
+  }] = (0, _appRuntime.useDataMutation)(subscribeMutation, {
+    onComplete: res => {
+      if (res.status === 'OK') {
+        refetch({
+          id
+        });
+      }
+    }
+  });
+  const [unsubscribe, {
+    loading: unsubscribeIsLoading
+  }] = (0, _appRuntime.useDataMutation)(unsubscribeMutation, {
+    onComplete: res => {
+      if (res.status === 'OK') {
+        refetch({
+          id
+        });
+      }
+    }
+  });
+  (0, _react.useEffect)(() => {
+    if (id) {
+      refetch({
+        id
+      });
+    }
+  }, [type, id]);
+
+  const getAccessLevelString = access => {
+    const re = new RegExp("(?<accessLevel>".concat(READ_AND_WRITE, "?)"));
+    const accessMatch = re.exec(access);
+
+    switch (accessMatch.groups.accessLevel) {
+      case READ_ONLY:
+        return _d2I18n.default.t('view only');
+
+      case READ_AND_WRITE:
+        return _d2I18n.default.t('view and edit');
+    }
+  };
+
+  const getSharingSummary = ao => {
+    const sharingTextParts = [];
+    const re = new RegExp("^".concat(READ_AND_WRITE, "?"));
+
+    if (re.test(ao.publicAccess)) {
+      sharingTextParts.push(_d2I18n.default.t('all users ({{accessLevel}})', {
+        accessLevel: getAccessLevelString(ao.publicAccess)
+      }));
+    }
+
+    const userAccesses = ao.userAccesses;
+    const groupAccesses = ao.userGroupAccesses;
+    userAccesses.concat(groupAccesses).forEach(accessRule => {
+      sharingTextParts.push(_d2I18n.default.t('{{userOrGroup}} ({{accessLevel}})', {
+        userOrGroup: accessRule.displayName,
+        accessLevel: getAccessLevelString(accessRule.access)
+      }));
+    });
+    return sharingTextParts.length ? _d2I18n.default.t('Shared with {{commaSeparatedListOfUsersAndGroups}}', {
+      commaSeparatedListOfUsersAndGroups: (0, _list.formatList)(sharingTextParts)
+    }) : _d2I18n.default.t('Not shared with any users or groups');
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "jsx-".concat(_AboutAOUnit.default.__hash) + " " + ((0, _classnames.default)('container', {
+      expanded: isExpanded
+    }) || "")
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    onClick: () => setIsExpanded(!isExpanded),
+    className: "jsx-".concat(_AboutAOUnit.default.__hash) + " " + "header"
+  }, _d2I18n.default.t('About this visualization'), isExpanded ? /*#__PURE__*/_react.default.createElement(_ui.IconChevronUp24, {
+    color: _ui.colors.grey700
+  }) : /*#__PURE__*/_react.default.createElement(_ui.IconChevronDown24, {
+    color: _ui.colors.grey700
+  })), isExpanded && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, dataIsLoading && /*#__PURE__*/_react.default.createElement("div", {
+    className: "jsx-".concat(_AboutAOUnit.default.__hash) + " " + "loader"
+  }, /*#__PURE__*/_react.default.createElement(_ui.CircularLoader, {
+    small: true
+  })), data && /*#__PURE__*/_react.default.createElement("div", {
+    className: "jsx-".concat(_AboutAOUnit.default.__hash) + " " + "content"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "jsx-".concat(_AboutAOUnit.default.__hash) + " " + ((0, _classnames.default)('detailLine', {
+      noDescription: !data.ao.displayDescription
+    }) || "")
+  }, data.ao.displayDescription ? data.ao.displayDescription : _d2I18n.default.t('No description')), /*#__PURE__*/_react.default.createElement("div", {
+    className: "jsx-".concat(_AboutAOUnit.default.__hash)
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "jsx-".concat(_AboutAOUnit.default.__hash) + " " + "detailLine"
+  }, /*#__PURE__*/_react.default.createElement(_ui.IconShare16, {
+    color: _ui.colors.grey700
+  }), getSharingSummary(data.ao)), /*#__PURE__*/_react.default.createElement("p", {
+    className: "jsx-".concat(_AboutAOUnit.default.__hash) + " " + "detailLine"
+  }, /*#__PURE__*/_react.default.createElement(_ui.IconClock16, {
+    color: _ui.colors.grey700
+  }), _d2I18n.default.t('Last updated {{time}}', {
+    time: (0, _moment.default)(data.ao.lastUpdated).fromNow()
+  })), /*#__PURE__*/_react.default.createElement("p", {
+    className: "jsx-".concat(_AboutAOUnit.default.__hash) + " " + "detailLine"
+  }, /*#__PURE__*/_react.default.createElement(_ui.IconUser16, {
+    color: _ui.colors.grey700
+  }), _d2I18n.default.t('Created {{time}} by {{author}}', {
+    time: (0, _moment.default)(data.ao.created).fromNow(),
+    author: data.ao.createdBy.displayName
+  })), /*#__PURE__*/_react.default.createElement("p", {
+    className: "jsx-".concat(_AboutAOUnit.default.__hash) + " " + "detailLine"
+  }, /*#__PURE__*/_react.default.createElement(_ui.IconView16, {
+    color: _ui.colors.grey700
+  }), _d2I18n.default.t('Viewed {{count}} times', {
+    count: data.dataStatistics.views,
+    defaultValue: 'Viewed 1 time',
+    defaultValue_plural: 'Viewed {{count}} times'
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "jsx-".concat(_AboutAOUnit.default.__hash) + " " + "subsection"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "jsx-".concat(_AboutAOUnit.default.__hash) + " " + "subsectionTitle"
+  }, _d2I18n.default.t('Notifications')), data.ao.subscribed ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
+    className: "jsx-".concat(_AboutAOUnit.default.__hash) + " " + "subscriptionLabel"
+  }, _d2I18n.default.t("You're subscribed and getting updates about new interpretations.")), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    icon: /*#__PURE__*/_react.default.createElement(_ui.IconSubscribeOff24, {
+      color: _ui.colors.grey700
+    }),
+    secondary: true,
+    small: true,
+    disabled: unsubscribeIsLoading,
+    onClick: unsubscribe
+  }, _d2I18n.default.t('Unsubscribe'))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
+    className: "jsx-".concat(_AboutAOUnit.default.__hash) + " " + "subscriptionLabel"
+  }, _d2I18n.default.t('Subscribe to get updates about new interpretations.')), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    icon: /*#__PURE__*/_react.default.createElement(_ui.IconSubscribe24, {
+      color: _ui.colors.grey700
+    }),
+    secondary: true,
+    small: true,
+    disabled: subscribeIsLoading,
+    onClick: subscribe
+  }, _d2I18n.default.t('Subscribe')))))), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: _AboutAOUnit.default.__hash
+  }, _AboutAOUnit.default));
+};
+
+AboutAOUnit.propTypes = {
+  id: _propTypes.default.string.isRequired,
+  type: _propTypes.default.string.isRequired
+};
+var _default = AboutAOUnit;
+exports.default = _default;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ui = require("@dhis2/ui");
+
+const _defaultExport = [".container.jsx-633421833{padding:".concat(_ui.spacers.dp16, ";border-bottom:1px solid ").concat(_ui.colors.grey400, ";background-color:").concat(_ui.colors.white, ";}"), ".expanded.jsx-633421833{padding-bottom:".concat(_ui.spacers.dp32, ";}"), ".loader.jsx-633421833{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-633421833{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;font-size:".concat(_ui.spacers.dp16, ";font-weight:500;line-height:21px;color:").concat(_ui.colors.grey900, ";}"), ".content.jsx-633421833{font-size:14px;line-height:18px;color:".concat(_ui.colors.grey900, ";}"), ".detailLine.jsx-633421833{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0;padding:".concat(_ui.spacers.dp12, " 0 0 0;gap:").concat(_ui.spacers.dp8, ";}"), ".detailLine.jsx-633421833 svg.jsx-633421833{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".noDescription.jsx-633421833{color:".concat(_ui.colors.grey600, ";}"), ".subsection.jsx-633421833{margin-top:".concat(_ui.spacers.dp24, ";}"), ".subsectionTitle.jsx-633421833{color:".concat(_ui.colors.grey700, ";font-weight:500;}"), ".subscriptionLabel.jsx-633421833{margin:".concat(_ui.spacers.dp12, " 0 ").concat(_ui.spacers.dp8, " 0;}"), ".subsection.jsx-633421833 button.jsx-633421833{margin-top:".concat(_ui.spacers.dp8, ";}")];
+_defaultExport.__hash = "633421833";
+var _default = _defaultExport;
+exports.default = _default;

package/build/cjs/components/DataDimension/DataTypesSelector.js

@@ -29,7 +29,7 @@ const DataTypes = ({
   var _dataTypes$currentDat;
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_DataTypesSelector.default.__hash}` + " " + "container"
+    className: "jsx-".concat(_DataTypesSelector.default.__hash) + " " + "container"
   }, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectField, {
     label: _index.default.t('Data Type'),
     dataTest: dataTest,
@@ -40,12 +40,12 @@ const DataTypes = ({
     value: _dataTypes.ALL_ID,
     key: _dataTypes.ALL_ID,
     label: _index.default.t('All types'),
-    dataTest: `${dataTest}-option-all`
+    dataTest: "".concat(dataTest, "-option-all")
   }), Object.values(_dataTypes.dataTypes).map(type => /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
     value: type.id,
     key: type.id,
     label: type.getName(),
-    dataTest: `${dataTest}-option-${type.id}`
+    dataTest: "".concat(dataTest, "-option-").concat(type.id)
   }))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DataTypesSelector.default.__hash
   }, _DataTypesSelector.default));

package/build/cjs/components/DataDimension/DetailSelector.js

@@ -33,7 +33,7 @@ const DetailSelector = ({
 }) => {
   const options = getOptions();
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_DetailSelector.default.__hash}` + " " + "detail-container"
+    className: "jsx-".concat(_DetailSelector.default.__hash) + " " + "detail-container"
   }, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectField, {
     dataTest: dataTest,
     label: _index.default.t('Disaggregation'),
@@ -44,7 +44,7 @@ const DetailSelector = ({
     value: option[0],
     key: option[0],
     label: option[1],
-    dataTest: `${dataTest}-option-${option[0]}`
+    dataTest: "".concat(dataTest, "-option-").concat(option[0])
   }))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DetailSelector.default.__hash
   }, _DetailSelector.default));

package/build/cjs/components/DataDimension/GroupSelector.js

@@ -27,9 +27,9 @@ var _MetricSelector = require("./MetricSelector");
 
 var _GroupSelector = _interopRequireDefault(require("./styles/GroupSelector.style"));
 
-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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 }; }
 
@@ -61,14 +61,14 @@ const GroupsSelector = ({
     fetchGroups();
   }, [dataType]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_GroupSelector.default.__hash}` + " " + "container"
+    className: "jsx-".concat(_GroupSelector.default.__hash) + " " + "container"
   }, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _GroupSelector.default.__hash
   }, _GroupSelector.default), /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_GroupSelector.default.__hash}` + " " + "group-container"
+    className: "jsx-".concat(_GroupSelector.default.__hash) + " " + "group-container"
   }, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectField, {
     label: (_dataTypes$dataType3 = _dataTypes.dataTypes[dataType]) === null || _dataTypes$dataType3 === void 0 ? void 0 : _dataTypes$dataType3.getGroupLabel(),
-    dataTest: `${dataTest}-groups-select-field`,
+    dataTest: "".concat(dataTest, "-groups-select-field"),
     selected: currentGroup || defaultGroup.id,
     placeholder: !currentGroup && (_dataTypes$dataType4 = _dataTypes.dataTypes[dataType]) !== null && _dataTypes$dataType4 !== void 0 && _dataTypes$dataType4.getPlaceholder ? _dataTypes.dataTypes[dataType].getPlaceholder() : null,
     onChange: ref => onGroupChange(ref.selected),
@@ -80,20 +80,20 @@ const GroupsSelector = ({
     value: defaultGroup.id,
     key: defaultGroup.id,
     label: defaultGroup.getName(),
-    dataTest: `${dataTest}-groups-select-field-option-${defaultGroup.id}`
+    dataTest: "".concat(dataTest, "-groups-select-field-option-").concat(defaultGroup.id)
   }) : null, !isLoading ? groups.map(item => /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
     value: item.id,
     key: item.id,
     label: item.name,
-    dataTest: `${dataTest}-groups-select-field-option-${item.id}`
+    dataTest: "".concat(dataTest, "-groups-select-field-option-").concat(item.id)
   })) : null)), subGroupType === _dataTypes.SUB_GROUP_DETAIL && /*#__PURE__*/_react.default.createElement(_DetailSelector.DetailSelector, {
     currentValue: currentSubGroup,
     onChange: onSubGroupChange,
-    dataTest: `${dataTest}-sub-group-select-field`
+    dataTest: "".concat(dataTest, "-sub-group-select-field")
   }), subGroupType === _dataTypes.SUB_GROUP_METRIC && /*#__PURE__*/_react.default.createElement(_MetricSelector.MetricSelector, {
     currentValue: currentSubGroup,
     onChange: onSubGroupChange,
-    dataTest: `${dataTest}-sub-group-select-field`
+    dataTest: "".concat(dataTest, "-sub-group-select-field")
   }));
 };
 

package/build/cjs/components/DataDimension/ItemSelector.js

@@ -39,9 +39,9 @@ var _DataTypesSelector = _interopRequireDefault(require("./DataTypesSelector"));
 
 var _GroupSelector = _interopRequireDefault(require("./GroupSelector"));
 
-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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 }; }
 
@@ -59,21 +59,21 @@ const LeftHeader = ({
   displayNameProp,
   dataTest
 }) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-  className: `jsx-${_DimensionSelector.default.__hash}` + " " + "leftHeader"
+  className: "jsx-".concat(_DimensionSelector.default.__hash) + " " + "leftHeader"
 }, /*#__PURE__*/_react.default.createElement(_ui.InputField, {
   value: searchTerm,
   onChange: ({
     value
   }) => setSearchTerm(value),
   placeholder: _index.default.t('Search by data item name'),
-  dataTest: `${dataTest}-filter-input-field`,
+  dataTest: "".concat(dataTest, "-filter-input-field"),
   dense: true,
   initialFocus: true,
   type: 'search'
 }), /*#__PURE__*/_react.default.createElement(_DataTypesSelector.default, {
   currentDataType: dataType,
   onChange: setDataType,
-  dataTest: `${dataTest}-data-types-select-field`
+  dataTest: "".concat(dataTest, "-data-types-select-field")
 }), _dataTypes.dataTypes[dataType] && /*#__PURE__*/_react.default.createElement(_GroupSelector.default, {
   dataType: dataType,
   displayNameProp: displayNameProp,
@@ -100,7 +100,7 @@ LeftHeader.propTypes = {
 };
 
 const EmptySelection = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
-  className: `jsx-${_DimensionSelector.default.__hash}` + " " + "emptyList"
+  className: "jsx-".concat(_DimensionSelector.default.__hash) + " " + "emptyList"
 }, _index.default.t('No items selected')), /*#__PURE__*/_react.default.createElement(_style.default, {
   id: _DimensionSelector.default.__hash
 }, _DimensionSelector.default));
@@ -108,13 +108,13 @@ const EmptySelection = () => /*#__PURE__*/_react.default.createElement(_react.de
 const RightHeader = ({
   infoText
 }) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
-  className: `jsx-${_DimensionSelector.default.__hash}` + " " + "rightHeader"
+  className: "jsx-".concat(_DimensionSelector.default.__hash) + " " + "rightHeader"
 }, _index.default.t('Selected Items')), infoText && /*#__PURE__*/_react.default.createElement("div", {
-  className: `jsx-${_DimensionSelector.default.__hash}` + " " + "info-container"
+  className: "jsx-".concat(_DimensionSelector.default.__hash) + " " + "info-container"
 }, /*#__PURE__*/_react.default.createElement("div", {
-  className: `jsx-${_DimensionSelector.default.__hash}`
+  className: "jsx-".concat(_DimensionSelector.default.__hash)
 }, /*#__PURE__*/_react.default.createElement(_ui.IconInfo16, null)), /*#__PURE__*/_react.default.createElement("span", {
-  className: `jsx-${_DimensionSelector.default.__hash}` + " " + "info-text"
+  className: "jsx-".concat(_DimensionSelector.default.__hash) + " " + "info-text"
 }, infoText)), /*#__PURE__*/_react.default.createElement(_style.default, {
   id: _DimensionSelector.default.__hash
 }, _DimensionSelector.default));
@@ -205,7 +205,7 @@ const SourceEmptyPlaceholder = ({
 
   return message && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
     "data-test": dataTest,
-    className: `jsx-${_DimensionSelector.default.__hash}` + " " + "emptyList"
+    className: "jsx-".concat(_DimensionSelector.default.__hash) + " " + "emptyList"
   }, message), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DimensionSelector.default.__hash
   }, _DimensionSelector.default));
@@ -270,16 +270,16 @@ const ItemSelector = ({
           const metric = _dataSets.DATA_SETS_CONSTANTS.find(item => item.id === state.filter.subGroup);
 
           newOptions.push({
-            label: `${item.name} - ${metric.getName()}`,
-            value: `${item.id}.${metric.id}`,
+            label: "".concat(item.name, " - ").concat(metric.getName()),
+            value: "".concat(item.id, ".").concat(metric.id),
             disabled: item.disabled,
             type: item.dimensionItemType
           });
         } else {
           _dataSets.DATA_SETS_CONSTANTS.forEach(metric => {
             newOptions.push({
-              label: `${item.name} - ${metric.getName()}`,
-              value: `${item.id}.${metric.id}`,
+              label: "".concat(item.name, " - ").concat(metric.getName()),
+              value: "".concat(item.id, ".").concat(metric.id),
               disabled: item.disabled,
               type: item.dimensionItemType
             });
@@ -408,7 +408,7 @@ const ItemSelector = ({
       options: state.options,
       noItemsMessage: noItemsMessage,
       dataType: state.filter.dataType,
-      dataTest: `${dataTest}-empty-source`
+      dataTest: "".concat(dataTest, "-empty-source")
     }),
     onEndReached: onEndReached,
     leftHeader: /*#__PURE__*/_react.default.createElement(LeftHeader, {
@@ -435,7 +435,7 @@ const ItemSelector = ({
       searchTerm: state.searchTerm,
       setSearchTerm: setSearchTerm,
       displayNameProp: displayNameProp,
-      dataTest: `${dataTest}-left-header`
+      dataTest: "".concat(dataTest, "-left-header")
     }),
     enableOrderChange: true,
     height: _dimensionSelectorHelper.TRANSFER_HEIGHT,
@@ -456,9 +456,9 @@ const ItemSelector = ({
       tooltipText: state.filter.dataType === _dataTypes.ALL_ID ? getTooltipText(getItemType(props.value
       /* eslint-disable-line react/prop-types */
       )) : undefined,
-      dataTest: `${dataTest}-transfer-option`
+      dataTest: "".concat(dataTest, "-transfer-option")
     })),
-    dataTest: `${dataTest}-transfer`
+    dataTest: "".concat(dataTest, "-transfer")
   });
 };
 

package/build/cjs/components/DataDimension/MetricSelector.js

@@ -29,7 +29,7 @@ const MetricSelector = ({
   dataTest
 }) => {
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_MetricSelector.default.__hash}` + " " + "metric-container"
+    className: "jsx-".concat(_MetricSelector.default.__hash) + " " + "metric-container"
   }, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectField, {
     label: _index.default.t('Metric type'),
     selected: currentValue || _dataTypes.ALL_ID,
@@ -40,12 +40,12 @@ const MetricSelector = ({
     value: _dataTypes.ALL_ID,
     key: _dataTypes.ALL_ID,
     label: _index.default.t('All metrics'),
-    dataTest: `${dataTest}-option-${_dataTypes.ALL_ID}`
+    dataTest: "".concat(dataTest, "-option-").concat(_dataTypes.ALL_ID)
   }), _dataSets.DATA_SETS_CONSTANTS.map(option => /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
     value: option.id,
     key: option.id,
     label: option.getName(),
-    dataTest: `${dataTest}-option-${option.id}`
+    dataTest: "".concat(dataTest, "-option-").concat(option.id)
   }))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _MetricSelector.default.__hash
   }, _MetricSelector.default));

package/build/cjs/components/DataDimension/styles/DataTypesSelector.style.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _ui = require("@dhis2/ui");
 
-const _defaultExport = [`.container.jsx-3368926978{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;border-bottom:0;padding:${_ui.spacers.dp12} 0 0;}`];
+const _defaultExport = [".container.jsx-3368926978{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;border-bottom:0;padding:".concat(_ui.spacers.dp12, " 0 0;}")];
 _defaultExport.__hash = "3368926978";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/DataDimension/styles/DetailSelector.style.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _ui = require("@dhis2/ui");
 
-const _defaultExport = [`.detail-container.jsx-2733301753{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;padding-left:${_ui.spacers.dp4};width:40%;}`];
+const _defaultExport = [".detail-container.jsx-2733301753{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;padding-left:".concat(_ui.spacers.dp4, ";width:40%;}")];
 _defaultExport.__hash = "2733301753";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/DataDimension/styles/GroupSelector.style.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _ui = require("@dhis2/ui");
 
-const _defaultExport = [`.container.jsx-2205421678{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:53px;padding-left:${_ui.spacers.dp16};margin-top:${_ui.spacers.dp12};}`, ".group-container.jsx-2205421678{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}"];
+const _defaultExport = [".container.jsx-2205421678{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:53px;padding-left:".concat(_ui.spacers.dp16, ";margin-top:").concat(_ui.spacers.dp12, ";}"), ".group-container.jsx-2205421678{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}"];
 _defaultExport.__hash = "2205421678";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/DataDimension/styles/MetricSelector.style.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _ui = require("@dhis2/ui");
 
-const _defaultExport = [`.metric-container.jsx-3752467532{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;padding-left:${_ui.spacers.dp4};width:50%;}`];
+const _defaultExport = [".metric-container.jsx-3752467532{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;padding-left:".concat(_ui.spacers.dp4, ";width:50%;}")];
 _defaultExport.__hash = "3752467532";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/DimensionMenu.js

@@ -67,7 +67,7 @@ const DimensionMenu = ({
     key: "remove-menu-item",
     onClick: onClick,
     label: _index.default.t('Remove'),
-    dataTest: `${dataTest}-item-remove-${dimensionId}`
+    dataTest: "".concat(dataTest, "-item-remove-").concat(dimensionId)
   }); // Assigned categories
 
 
@@ -76,8 +76,8 @@ const DimensionMenu = ({
       if (!isAssignedCategoriesInLayout) {
         menuItems.push( /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
           label: assignedCategoriesItemLabel,
-          key: `assigned-categories-item-${dimensionId}`,
-          dataTest: `${dataTest}-item-co-menu`
+          key: "assigned-categories-item-".concat(dimensionId),
+          dataTest: "".concat(dataTest, "-item-co-menu")
         }, assignedCategoriesAvailableDestinations.map(destination => /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
           key: destination,
           onClick: () => {
@@ -85,22 +85,22 @@ const DimensionMenu = ({
             onClose();
           },
           label: getAxisItemLabel((0, _axis.getAxisNameByLayoutType)(destination, (0, _visTypeToLayoutType.getLayoutTypeByVisType)(visType))),
-          dataTest: `${dataTest}-item-action-co-to-${destination}`
+          dataTest: "".concat(dataTest, "-item-action-co-to-").concat(destination)
         }))));
       } else {
         menuItems.push( /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
-          key: `assigned-categories-item-${dimensionId}`,
+          key: "assigned-categories-item-".concat(dimensionId),
           onClick: () => {
             assignedCategoriesItemHandler();
             onClose();
           },
           label: assignedCategoriesItemLabel,
-          dataTest: `${dataTest}-item-remove-co`
+          dataTest: "".concat(dataTest, "-item-remove-co")
         }));
       }
     } else {
       menuItems.push( /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
-        key: `assigned-categories-item-${dimensionId}`,
+        key: "assigned-categories-item-".concat(dimensionId),
         content: getUnavailableLabel(visType),
         "aria-label": "disabled",
         classes: classes
@@ -108,7 +108,7 @@ const DimensionMenu = ({
         disabled: true,
         dense: true,
         label: assignedCategoriesItemLabel,
-        dataTest: `${dataTest}-item-co-menu`
+        dataTest: "".concat(dataTest, "-item-co-menu")
       })));
     }
   } // divider
@@ -116,7 +116,7 @@ const DimensionMenu = ({
 
   menuItems.length && menuItems.push(getDividerItem('assigned-categories-divider'));
   menuItems.push(...applicableAxisIds.map(axisId => /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
-    key: `${dimensionId}-to-${axisId}`,
+    key: "".concat(dimensionId, "-to-").concat(axisId),
     onClick: () => {
       axisItemHandler({
         dimensionId,
@@ -128,7 +128,7 @@ const DimensionMenu = ({
       onClose();
     },
     label: getAxisItemLabel((0, _axis.getAxisNameByLayoutType)(axisId, (0, _visTypeToLayoutType.getLayoutTypeByVisType)(visType)), isDimensionInLayout),
-    dataTest: `${dataTest}-item-action-${dimensionId}-to-${axisId}`
+    dataTest: "".concat(dataTest, "-item-action-").concat(dimensionId, "-to-").concat(axisId)
   }))); // remove item
 
   if (isDimensionInLayout) {

package/build/cjs/components/DimensionsPanel/DimensionsPanel.js

@@ -17,9 +17,9 @@ var _DimensionList = _interopRequireDefault(require("./List/DimensionList"));
 
 var _DimensionsPanel = require("./styles/DimensionsPanel.style");
 
-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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 }; }