@dhis2/analytics 28.0.2 → 28.0.4

package/build/cjs/components/Toolbar/InterpretationsAndDetailsToggler.js

@@ -11,28 +11,22 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _MenuButtonStyles = _interopRequireDefault(require("./MenuButton.styles.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const InterpretationsAndDetailsToggler = _ref => {
-  let {
-    onClick,
-    dataTest,
-    disabled,
-    isShowing
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("button", {
-    onClick: onClick,
-    disabled: disabled,
-    "data-test": dataTest,
-    className: "jsx-1238484262 " + `jsx-${_MenuButtonStyles.default.__hash}`
-  }, isShowing ? /*#__PURE__*/_react.default.createElement(_ui.IconChevronRight24, null) : /*#__PURE__*/_react.default.createElement(_ui.IconChevronLeft24, null), _d2I18n.default.t('Interpretations and details'), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: _MenuButtonStyles.default.__hash
-  }, _MenuButtonStyles.default), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "1238484262"
-  }, ["button.jsx-1238484262{gap:8px;}"]));
-};
+const InterpretationsAndDetailsToggler = ({
+  onClick,
+  dataTest = 'dhis2-analytics-interpretationsanddetailstoggler',
+  disabled,
+  isShowing
+}) => /*#__PURE__*/_react.default.createElement("button", {
+  onClick: onClick,
+  disabled: disabled,
+  "data-test": dataTest,
+  className: "jsx-1238484262 " + `jsx-${_MenuButtonStyles.default.__hash}`
+}, isShowing ? /*#__PURE__*/_react.default.createElement(_ui.IconChevronRight24, null) : /*#__PURE__*/_react.default.createElement(_ui.IconChevronLeft24, null), _d2I18n.default.t('Interpretations and details'), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: _MenuButtonStyles.default.__hash
+}, _MenuButtonStyles.default), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "1238484262"
+}, ["button.jsx-1238484262{gap:8px;}"]));
 exports.InterpretationsAndDetailsToggler = InterpretationsAndDetailsToggler;
-InterpretationsAndDetailsToggler.defaultProps = {
-  dataTest: 'dhis2-analytics-interpretationsanddetailstoggler'
-};
 InterpretationsAndDetailsToggler.propTypes = {
   onClick: _propTypes.default.func.isRequired,
   dataTest: _propTypes.default.string,

package/build/cjs/components/Toolbar/Toolbar.js

@@ -9,23 +9,17 @@ var _ui = require("@dhis2/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Toolbar = _ref => {
-  let {
-    children,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": dataTest,
-    className: _style.default.dynamic([["2617706539", [_ui.colors.grey400, _ui.colors.white]]])
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "2617706539",
-    dynamic: [_ui.colors.grey400, _ui.colors.white]
-  }, [`div.__jsx-style-dynamic-selector{box-sizing:border-box;min-height:32px;max-height:32px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-bottom:1px solid ${_ui.colors.grey400};background-color:${_ui.colors.white};}`]));
-};
+const Toolbar = ({
+  children,
+  dataTest = 'dhis2-analytics-toolbar'
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": dataTest,
+  className: _style.default.dynamic([["2617706539", [_ui.colors.grey400, _ui.colors.white]]])
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "2617706539",
+  dynamic: [_ui.colors.grey400, _ui.colors.white]
+}, [`div.__jsx-style-dynamic-selector{box-sizing:border-box;min-height:32px;max-height:32px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-bottom:1px solid ${_ui.colors.grey400};background-color:${_ui.colors.white};}`]));
 exports.Toolbar = Toolbar;
-Toolbar.defaultProps = {
-  dataTest: 'dhis2-analytics-toolbar'
-};
 Toolbar.propTypes = {
   children: _propTypes.default.node,
   dataTest: _propTypes.default.string

package/build/cjs/components/Toolbar/ToolbarSidebar.js

@@ -10,26 +10,20 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ToolbarSidebar = _ref => {
-  let {
-    children,
-    dataTest,
+const ToolbarSidebar = ({
+  children,
+  dataTest = 'dhis2-analytics-toolbarsidebar',
+  isHidden
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": dataTest,
+  className: _style.default.dynamic([["1150014343", [_ui.colors.grey400]]]) + " " + ((0, _classnames.default)('container', {
     isHidden
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": dataTest,
-    className: _style.default.dynamic([["1150014343", [_ui.colors.grey400]]]) + " " + ((0, _classnames.default)('container', {
-      isHidden
-    }) || "")
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "1150014343",
-    dynamic: [_ui.colors.grey400]
-  }, [`div.__jsx-style-dynamic-selector{width:260px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-right:1px solid ${_ui.colors.grey400};}`, "div.isHidden.__jsx-style-dynamic-selector{display:none;}"]));
-};
+  }) || "")
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "1150014343",
+  dynamic: [_ui.colors.grey400]
+}, [`div.__jsx-style-dynamic-selector{width:260px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-right:1px solid ${_ui.colors.grey400};}`, "div.isHidden.__jsx-style-dynamic-selector{display:none;}"]));
 exports.ToolbarSidebar = ToolbarSidebar;
-ToolbarSidebar.defaultProps = {
-  dataTest: 'dhis2-analytics-toolbarsidebar'
-};
 ToolbarSidebar.propTypes = {
   children: _propTypes.default.node,
   dataTest: _propTypes.default.string,

package/build/cjs/components/Toolbar/UpdateButton.js

@@ -11,31 +11,25 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _MenuButtonStyles = _interopRequireDefault(require("./MenuButton.styles.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UpdateButton = _ref => {
-  let {
-    onClick,
-    disabled,
-    loading,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("button", {
-    onClick: onClick,
-    disabled: disabled,
-    "data-test": dataTest,
-    className: `jsx-${_MenuButtonStyles.default.__hash}` + " " + _style.default.dynamic([["2364287882", [_ui.colors.blue700, _ui.colors.blue100, _ui.colors.blue200]]])
-  }, loading ? /*#__PURE__*/_react.default.createElement(_ui.CircularLoader, {
-    extrasmall: true
-  }) : /*#__PURE__*/_react.default.createElement(_ui.IconSync16, null), _d2I18n.default.t('Update'), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: _MenuButtonStyles.default.__hash
-  }, _MenuButtonStyles.default), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "2364287882",
-    dynamic: [_ui.colors.blue700, _ui.colors.blue100, _ui.colors.blue200]
-  }, [`button.__jsx-style-dynamic-selector{gap:8px;color:${_ui.colors.blue700};font-weight:500;}`, `button.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector:enabled{background:${_ui.colors.blue100};}`, `button.__jsx-style-dynamic-selector:active{background:${_ui.colors.blue200};}`]));
-};
+const UpdateButton = ({
+  onClick,
+  disabled,
+  loading,
+  dataTest = 'dhis2-analytics-updatebutton'
+}) => /*#__PURE__*/_react.default.createElement("button", {
+  onClick: onClick,
+  disabled: disabled,
+  "data-test": dataTest,
+  className: `jsx-${_MenuButtonStyles.default.__hash}` + " " + _style.default.dynamic([["2364287882", [_ui.colors.blue700, _ui.colors.blue100, _ui.colors.blue200]]])
+}, loading ? /*#__PURE__*/_react.default.createElement(_ui.CircularLoader, {
+  extrasmall: true
+}) : /*#__PURE__*/_react.default.createElement(_ui.IconSync16, null), _d2I18n.default.t('Update'), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: _MenuButtonStyles.default.__hash
+}, _MenuButtonStyles.default), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "2364287882",
+  dynamic: [_ui.colors.blue700, _ui.colors.blue100, _ui.colors.blue200]
+}, [`button.__jsx-style-dynamic-selector{gap:8px;color:${_ui.colors.blue700};font-weight:500;}`, `button.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector:enabled{background:${_ui.colors.blue100};}`, `button.__jsx-style-dynamic-selector:active{background:${_ui.colors.blue200};}`]));
 exports.UpdateButton = UpdateButton;
-UpdateButton.defaultProps = {
-  dataTest: 'dhis2-analytics-updatebutton'
-};
 UpdateButton.propTypes = {
   onClick: _propTypes.default.func.isRequired,
   dataTest: _propTypes.default.string,

package/build/cjs/components/TransferOption.js

@@ -11,21 +11,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _TransferOptionStyle = _interopRequireDefault(require("./styles/TransferOption.style.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TransferOption = _ref => {
-  let {
-    disabled,
-    label,
-    highlighted,
-    selected,
-    onClick,
-    onDoubleClick,
-    value,
-    icon,
-    active,
-    tooltipText,
-    dataTest,
-    onEditClick
-  } = _ref;
+const TransferOption = ({
+  disabled,
+  label,
+  highlighted,
+  selected,
+  onClick,
+  onDoubleClick,
+  value,
+  icon,
+  active,
+  tooltipText,
+  dataTest,
+  onEditClick
+}) => {
   const renderContent = () => /*#__PURE__*/_react.default.createElement("div", {
     "data-test": `${dataTest}-content`,
     onClick: event => {

package/build/cjs/components/TranslationDialog/TranslationModal/LocalesSelect.js

@@ -15,33 +15,28 @@ const query = {
     resource: 'locales/db'
   }
 };
-const LocalesSelect = _ref => {
-  let {
-    onChange,
-    selected
-  } = _ref;
+const LocalesSelect = ({
+  onChange,
+  selected
+}) => {
   const {
     data,
     fetching
   } = (0, _appRuntime.useDataQuery)(query);
   return /*#__PURE__*/_react.default.createElement(_ui.SingleSelect, {
     prefix: selected ? _d2I18n.default.t('Translating to') : _d2I18n.default.t('Choose a locale'),
-    onChange: _ref2 => {
-      let {
-        selected
-      } = _ref2;
-      return onChange(selected);
-    },
+    onChange: ({
+      selected
+    }) => onChange(selected),
     loading: fetching,
     selected: data && selected ? selected : '',
     dense: true
   }, data && data.locales
   // XXX remove duplicates ?! fr_SN - French (Senegal)
-  .reduce((locales, _ref3) => {
-    let {
-      locale,
-      name
-    } = _ref3;
+  .reduce((locales, {
+    locale,
+    name
+  }) => {
     if (!locales.find(entry => entry.locale === locale)) {
       locales.push({
         locale,
@@ -49,17 +44,14 @@ const LocalesSelect = _ref => {
       });
     }
     return locales;
-  }, []).map(_ref4 => {
-    let {
-      locale,
-      name
-    } = _ref4;
-    return /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
-      key: locale,
-      value: locale,
-      label: name
-    });
-  }));
+  }, []).map(({
+    locale,
+    name
+  }) => /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
+    key: locale,
+    value: locale,
+    label: name
+  })));
 };
 exports.LocalesSelect = LocalesSelect;
 LocalesSelect.propTypes = {

package/build/cjs/components/TranslationDialog/TranslationModal/TranslationForm.js

@@ -11,20 +11,18 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _LocalesSelect = require("./LocalesSelect.js");
 var _TranslationModalActions = require("./TranslationModalActions.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SESSION_STORAGE_TRANSLATION_LOCALE_KEY = 'translation-dialog-selected-locale';
 const camelCaseToUnderscores = field => field.replace(/[a-z][A-Z]/g, match => [match.charAt(0), match.charAt(1)].join('_')).toLowerCase();
-const TranslationForm = _ref => {
-  let {
-    fieldsToTranslate,
-    objectToTranslate,
-    translations,
-    resource,
-    onTranslationSaved,
-    onClose
-  } = _ref;
+const TranslationForm = ({
+  fieldsToTranslate,
+  objectToTranslate,
+  translations,
+  resource,
+  onTranslationSaved,
+  onClose
+}) => {
   const [newTranslations, setNewTranslations] = (0, _react.useState)();
   const [translationLocale, setTranslationLocale] = (0, _react.useState)();
   const [fieldsTranslations, setFieldsTranslations] = (0, _react.useState)({});
@@ -77,14 +75,11 @@ const TranslationForm = _ref => {
   const translationsMutationRef = (0, _react.useRef)({
     resource: `${resource}/translations`,
     type: 'update',
-    data: _ref2 => {
-      let {
-        translations
-      } = _ref2;
-      return {
-        translations
-      };
-    }
+    data: ({
+      translations
+    }) => ({
+      translations
+    })
   });
   const [saveTranslations, {
     loading: saveInProgress
@@ -128,12 +123,9 @@ const TranslationForm = _ref => {
   })), translationLocale && /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, null, /*#__PURE__*/_react.default.createElement(_ui.TextAreaField, {
     label: fieldsTranslations[field],
     value: getTranslationForField(field),
-    onChange: _ref3 => {
-      let {
-        value
-      } = _ref3;
-      return setTranslationForField(field, value);
-    },
+    onChange: ({
+      value
+    }) => setTranslationForField(field, value),
     rows: 3
   })), !translationLocale && index === 0 && /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
     rowSpan: String(fieldsToTranslate.length)

package/build/cjs/components/TranslationDialog/TranslationModal/TranslationModal.js

@@ -11,19 +11,17 @@ var _react = _interopRequireWildcard(require("react"));
 var _TranslationForm = require("./TranslationForm.js");
 var _TranslationModalActions = require("./TranslationModalActions.js");
 var _useTranslationsResults = require("./useTranslationsResults.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TranslationModal = _ref => {
-  let {
-    objectToTranslate,
-    fieldsToTranslate,
-    onClose,
-    onTranslationSaved
-  } = _ref;
+const TranslationModal = ({
+  objectToTranslate,
+  fieldsToTranslate,
+  onClose,
+  onTranslationSaved
+}) => {
   const [translations, setTranslations] = (0, _react.useState)([]);
   const endpointPath = new URL(objectToTranslate.href).pathname;
-  const endpointPathMatch = endpointPath.match(/api\/\d+\/(?<resource>.+)/);
+  const endpointPathMatch = endpointPath.match(/api\/(?:\d+\/)?(?<resource>.+)/);
   const resource = endpointPathMatch !== null && endpointPathMatch !== void 0 && endpointPathMatch.groups ? endpointPathMatch.groups.resource : null;
   const {
     translationsData,

package/build/cjs/components/TranslationDialog/TranslationModal/TranslationModalActions.js

@@ -11,36 +11,27 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _OfflineTooltip = require("../../OfflineTooltip.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SaveButton = _ref => {
-  let {
-    disabled,
-    loading,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    primary: true,
-    onClick: onClick,
-    loading: loading,
-    disabled: disabled
-  }, _d2I18n.default.t('Save translations'));
-};
-SaveButton.defaultProps = {
-  disabled: false,
-  loading: false,
-  onClick: Function.prototype
-};
+const SaveButton = ({
+  disabled = false,
+  loading = false,
+  onClick = Function.prototype
+}) => /*#__PURE__*/_react.default.createElement(_ui.Button, {
+  primary: true,
+  onClick: onClick,
+  loading: loading,
+  disabled: disabled
+}, _d2I18n.default.t('Save translations'));
 SaveButton.propTypes = {
   disabled: _propTypes.default.bool.isRequired,
-  loading: _propTypes.default.bool.isRequired,
-  onClick: _propTypes.default.func.isRequired
+  onClick: _propTypes.default.func.isRequired,
+  loading: _propTypes.default.bool
 };
-const TranslationModalActions = _ref2 => {
-  let {
-    onClose,
-    onSave,
-    saveInProgress,
-    saveButtonDisabled
-  } = _ref2;
+const TranslationModalActions = ({
+  onClose,
+  onSave = Function.prototype,
+  saveInProgress,
+  saveButtonDisabled
+}) => {
   const {
     isDisconnected: offline
   } = (0, _appRuntime.useDhis2ConnectionStatus)();

package/build/cjs/components/TranslationDialog/TranslationModal/__tests__/TranslationModal.spec.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _ui = require("@dhis2/ui");
+var _enzyme = require("enzyme");
+var _react = _interopRequireDefault(require("react"));
+var _TranslationModal = require("../TranslationModal.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const mockUseTranslationResults = jest.fn(() => ({
+  translationsData: undefined,
+  fetching: false
+}));
+jest.mock('../useTranslationsResults.js', () => ({
+  useTranslationsResults: args => mockUseTranslationResults(args)
+}));
+describe('The Translation Dialog component', () => {
+  let shallowTranslationModal;
+  let props;
+  const onClose = jest.fn();
+  const onTranslationSaved = jest.fn();
+  const getTranslationModalComponent = props => {
+    if (!shallowTranslationModal) {
+      shallowTranslationModal = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_TranslationModal.TranslationModal, props));
+    }
+    return shallowTranslationModal;
+  };
+  beforeEach(() => {
+    shallowTranslationModal = undefined;
+    props = {
+      fieldsToTranslate: ['name', 'description'],
+      objectToTranslate: {
+        name: 'Test object',
+        href: 'https://dhis2.tld/path/api/visualization/object-id'
+      },
+      onClose,
+      onTranslationSaved
+    };
+  });
+  it('renders a Modal component', () => {
+    expect(getTranslationModalComponent(props).find(_ui.Modal)).toHaveLength(1);
+  });
+  it("renders a ModalTitle containing the object's name", () => {
+    expect(getTranslationModalComponent(props).find(_ui.ModalTitle).childAt(0).text()).toEqual(`Translate: ${props.objectToTranslate.name}`);
+  });
+  test.each(['https://dhis2.tld/path/api/visualization/object-id', 'https://dhis2.tld/path/api/42/visualization/object-id'])('uses the correct resource for the translation endpoint', href => {
+    props.objectToTranslate.href = href;
+    getTranslationModalComponent(props);
+    expect(mockUseTranslationResults).toHaveBeenCalled();
+    expect(mockUseTranslationResults).toHaveBeenCalledWith({
+      resource: 'visualization/object-id'
+    });
+  });
+});

package/build/cjs/components/TranslationDialog/TranslationModal/useTranslationsResults.js

@@ -8,10 +8,9 @@ var _appRuntime = require("@dhis2/app-runtime");
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
 var _react = require("react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const useTranslationsResults = _ref => {
-  let {
-    resource
-  } = _ref;
+const useTranslationsResults = ({
+  resource
+}) => {
   const translationsQueryRef = (0, _react.useRef)({
     translations: {
       resource: `${resource}/translations`

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

@@ -9,13 +9,12 @@ var _ui = require("@dhis2/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UserList = _ref => {
-  let {
-    users,
-    selectedUserIndex,
-    onUserClick,
-    pager
-  } = _ref;
+const UserList = ({
+  users,
+  selectedUserIndex,
+  onUserClick,
+  pager
+}) => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, users.map(u => {
     var _users$selectedUserIn;
     return /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {

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

@@ -12,8 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _UserMentionWrapperStyle = require("./styles/UserMentionWrapper.style.js");
 var _UserList = require("./UserList.js");
 var _useUserSearchResults = require("./useUserSearchResults.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const AT_SYMBOL_WIDTH = 14;
 const getVirtualPopperReference = ref => {
@@ -32,12 +31,11 @@ const getVirtualPopperReference = ref => {
     })
   };
 };
-const UserMentionWrapper = _ref => {
-  let {
-    children,
-    inputReference,
-    onUserSelect
-  } = _ref;
+const UserMentionWrapper = ({
+  children,
+  inputReference,
+  onUserSelect = Function.prototype
+}) => {
   const [listIsOpen, setListIsOpen] = (0, _react.useState)(false);
   const [captureText, setCaptureText] = (0, _react.useState)(false);
   const [capturedText, setCapturedText] = (0, _react.useState)('');
@@ -70,10 +68,9 @@ const UserMentionWrapper = _ref => {
   const onUserListClose = () => reset();
 
   // event bubbles up from the input/textarea
-  const onInput = _ref2 => {
-    let {
-      target
-    } = _ref2;
+  const onInput = ({
+    target
+  }) => {
     const {
       selectionEnd,
       value
@@ -92,11 +89,10 @@ const UserMentionWrapper = _ref => {
   };
 
   // event bubbles up from the wrapped input/textarea
-  const onKeyDown = _ref3 => {
-    let {
-      key,
-      target
-    } = _ref3;
+  const onKeyDown = ({
+    key,
+    target
+  }) => {
     const {
       selectionStart
     } = target;
@@ -197,9 +193,6 @@ const UserMentionWrapper = _ref => {
   }, _UserMentionWrapperStyle.userMentionWrapperClasses), _UserMentionWrapperStyle.resolvedHeaderStyle.styles);
 };
 exports.UserMentionWrapper = UserMentionWrapper;
-UserMentionWrapper.defaultProps = {
-  onUserSelect: Function.prototype
-};
 UserMentionWrapper.propTypes = {
   inputReference: _propTypes.default.object.isRequired,
   onUserSelect: _propTypes.default.func.isRequired,

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

@@ -11,24 +11,20 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const usersQuery = {
   users: {
     resource: 'users/gist',
-    params: _ref => {
-      let {
-        searchText
-      } = _ref;
-      return {
-        fields: 'id,displayName,username',
-        order: 'firstName,surname',
-        total: true,
-        filter: `username:ilike:${searchText},firstName:ilike:${searchText},surname:ilike:${searchText},email:ilike:${searchText}`,
-        rootJunction: 'OR'
-      };
-    }
+    params: ({
+      searchText
+    }) => ({
+      fields: 'id,displayName,username',
+      order: 'firstName,surname',
+      total: true,
+      filter: `username:ilike:${searchText},firstName:ilike:${searchText},surname:ilike:${searchText},email:ilike:${searchText}`,
+      rootJunction: 'OR'
+    })
   }
 };
-const useUserSearchResults = _ref2 => {
-  let {
-    searchText
-  } = _ref2;
+const useUserSearchResults = ({
+  searchText
+}) => {
   const [{
     users,
     pager