@dhis2/analytics 26.0.7 → 26.0.9

package/build/es/components/DynamicDimension/ItemSelector.js

@@ -1,7 +1,5 @@
 import _JSXStyle from "styled-jsx/style";
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { Transfer, InputField } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React, { useState, useEffect, useCallback } from 'react';
@@ -11,14 +9,13 @@ import { TRANSFER_HEIGHT, TRANSFER_OPTIONS_WIDTH, TRANSFER_SELECTED_WIDTH } from
 import { useDebounce } from '../../modules/utils.js';
 import styles from '../styles/DimensionSelector.style.js';
 import { TransferOption } from '../TransferOption.js';
-
 const LeftHeader = _ref => {
   let {
     filter,
     setFilter
   } = _ref;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "leftHeader"
+    className: `jsx-${styles.__hash}` + " " + "leftHeader"
   }, /*#__PURE__*/React.createElement(InputField, {
     value: filter,
     onChange: _ref2 => {
@@ -34,24 +31,20 @@ const LeftHeader = _ref => {
     id: styles.__hash
   }, styles));
 };
-
 LeftHeader.propTypes = {
   filter: PropTypes.string,
   setFilter: PropTypes.func
 };
-
 const EmptySelection = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-  className: "jsx-".concat(styles.__hash) + " " + "emptyList"
+  className: `jsx-${styles.__hash}` + " " + "emptyList"
 }, i18n.t('No items selected')), /*#__PURE__*/React.createElement(_JSXStyle, {
   id: styles.__hash
 }, styles));
-
 const RightHeader = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-  className: "jsx-".concat(styles.__hash) + " " + "rightHeader"
+  className: `jsx-${styles.__hash}` + " " + "rightHeader"
 }, i18n.t('Selected Items')), /*#__PURE__*/React.createElement(_JSXStyle, {
   id: styles.__hash
 }, styles));
-
 const SourceEmptyPlaceholder = _ref3 => {
   let {
     loading,
@@ -60,7 +53,6 @@ const SourceEmptyPlaceholder = _ref3 => {
     noItemsMessage
   } = _ref3;
   let message = '';
-
   if (!loading && !options.length && !filter) {
     message = noItemsMessage || i18n.t('No data');
   } else if (!loading && !options.length && filter) {
@@ -68,21 +60,18 @@ const SourceEmptyPlaceholder = _ref3 => {
       searchTerm: filter
     });
   }
-
   return message && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-    className: "jsx-".concat(styles.__hash) + " " + "emptyList"
+    className: `jsx-${styles.__hash}` + " " + "emptyList"
   }, message), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
 };
-
 SourceEmptyPlaceholder.propTypes = {
   filter: PropTypes.string,
   loading: PropTypes.bool,
   noItemsMessage: PropTypes.string,
   options: PropTypes.array
 };
-
 const ItemSelector = _ref4 => {
   let {
     initialSelected,
@@ -101,23 +90,21 @@ const ItemSelector = _ref4 => {
     loading: true,
     nextPage: null // FIXME: Selecting all 50 items from a page prevents the loading of more items.
     // Implement the solution found in the DataDimension/ItemSelector.js
-
   });
 
-  const setFilter = filter => setState(state => ({ ...state,
+  const setFilter = filter => setState(state => ({
+    ...state,
     filter
   }));
-
-  const setSelected = selected => setState(state => ({ ...state,
+  const setSelected = selected => setState(state => ({
+    ...state,
     selected
   }));
-
   const debouncedFilter = useDebounce(state.filter, 200);
-
   const fetchItems = async page => {
     var _result$dimensionItem;
-
-    setState(state => ({ ...state,
+    setState(state => ({
+      ...state,
       loading: true
     }));
     const result = await onFetch(page, state.filter);
@@ -133,13 +120,13 @@ const ItemSelector = _ref4 => {
         disabled
       };
     });
-    setState(state => ({ ...state,
+    setState(state => ({
+      ...state,
       loading: false,
       options: page > 1 ? [...state.options, ...newOptions] : newOptions,
       nextPage: result.nextPage
     }));
   };
-
   useEffect(() => {
     fetchItems(1);
   }, [debouncedFilter]);
@@ -187,12 +174,11 @@ const ItemSelector = _ref4 => {
     rightFooter: rightFooter,
     renderOption: props => /*#__PURE__*/React.createElement(TransferOption, _extends({}, props, {
       icon: GenericIcon,
-      dataTest: "".concat(dataTest, "-transfer-option")
+      dataTest: `${dataTest}-transfer-option`
     })),
-    dataTest: "".concat(dataTest, "-transfer")
+    dataTest: `${dataTest}-transfer`
   });
 };
-
 ItemSelector.propTypes = {
   onFetch: PropTypes.func.isRequired,
   onSelect: PropTypes.func.isRequired,

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

@@ -1,4 +1,4 @@
 import { spacers, colors } from '@dhis2/ui';
-const _defaultExport = [".automatic.jsx-1315229031{margin-bottom:".concat(spacers.dp12, ";}"), ".manual.jsx-1315229031{margin-bottom:".concat(spacers.dp8, ";}"), ".help-text.jsx-1315229031{font-size:14px;padding-left:23px;color:".concat(colors.grey700, ";margin:0;}")];
+const _defaultExport = [`.automatic.jsx-1315229031{margin-bottom:${spacers.dp12};}`, `.manual.jsx-1315229031{margin-bottom:${spacers.dp8};}`, `.help-text.jsx-1315229031{font-size:14px;padding-left:23px;color:${colors.grey700};margin:0;}`];
 _defaultExport.__hash = "1315229031";
 export default _defaultExport;

package/build/es/components/FileMenu/DeleteDialog.js

@@ -4,7 +4,6 @@ import PropTypes from 'prop-types';
 import React, { useMemo } from 'react';
 import i18n from '../../locales/index.js';
 import { supportedFileTypes, endpointFromFileType, labelForFileType } from './utils.js';
-
 const getMutation = type => ({
   resource: endpointFromFileType(type),
   id: _ref => {
@@ -15,7 +14,6 @@ const getMutation = type => ({
   },
   type: 'delete'
 });
-
 export const DeleteDialog = _ref2 => {
   let {
     type,

package/build/es/components/FileMenu/FileMenu.js

@@ -12,7 +12,6 @@ import { SaveAsDialog } from './SaveAsDialog.js';
 import { supportedFileTypes } from './utils.js';
 export const FileMenu = _ref => {
   var _fileObject$access, _fileObject$access2, _fileObject$access3, _fileObject$access4, _fileObject$access5, _fileObject$access6, _fileObject$access7, _fileObject$access8, _fileObject$access9, _fileObject$access10;
-
   let {
     currentUser,
     defaultFilterVisType,
@@ -30,13 +29,10 @@ export const FileMenu = _ref => {
     onTranslate
   } = _ref;
   const [currentDialog, setCurrentDialog] = useState(null);
-
   const onMenuItemClick = dialogToOpen => () => {
     setCurrentDialog(dialogToOpen);
   };
-
   const onDialogClose = () => setCurrentDialog(null);
-
   const onDeleteConfirm = () => {
     // The dialog must be closed before calling the callback
     // otherwise the fileObject is changed to null before the
@@ -45,7 +41,6 @@ export const FileMenu = _ref => {
     onDialogClose();
     onDelete();
   };
-
   const renderDialog = () => {
     switch (currentDialog) {
       case 'rename':
@@ -56,7 +51,6 @@ export const FileMenu = _ref => {
           onRename: onRename,
           onError: onError
         });
-
       case 'translate':
         return /*#__PURE__*/React.createElement(TranslationDialog, {
           objectToTranslate: fileObject,
@@ -67,7 +61,6 @@ export const FileMenu = _ref => {
             onTranslate();
           }
         });
-
       case 'sharing':
         return /*#__PURE__*/React.createElement(SharingDialog, {
           type: fileType,
@@ -75,14 +68,12 @@ export const FileMenu = _ref => {
           onClose: onDialogClose,
           onSave: onShare
         });
-
       case 'getlink':
         return /*#__PURE__*/React.createElement(GetLinkDialog, {
           type: fileType,
           id: fileObject.id,
           onClose: onDialogClose
         });
-
       case 'delete':
         return /*#__PURE__*/React.createElement(DeleteDialog, {
           type: fileType,
@@ -91,7 +82,6 @@ export const FileMenu = _ref => {
           onError: onError,
           onClose: onDialogClose
         });
-
       case 'saveas':
         return /*#__PURE__*/React.createElement(SaveAsDialog, {
           type: fileType,
@@ -99,12 +89,10 @@ export const FileMenu = _ref => {
           onSaveAs: onSaveAs || Function.prototype,
           onClose: onDialogClose
         });
-
       default:
         return null;
     }
   };
-
   const iconActiveColor = colors.grey700;
   const iconInactiveColor = colors.grey500;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OpenFileDialog, {

package/build/es/components/FileMenu/FileMenu.styles.js

@@ -1,5 +1,5 @@
 import { colors, spacers } from '@dhis2/ui';
-export const fileMenuStyles = [".menu-toggle.jsx-2670121391{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px;font-weight:400;text-transform:none;padding:6px ".concat(spacers.dp12, ";border-radius:3px;color:").concat(colors.grey900, ";box-sizing:border-box;line-height:1.75;background:none;border:none;-webkit-transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;cursor:pointer;}"), ".menu-toggle.jsx-2670121391:hover.jsx-2670121391:enabled{background-color:".concat(colors.grey200, ";}"), ".menu-toggle.jsx-2670121391:disabled{color:".concat(colors.grey400, ";cursor:not-allowed;}"), ".menu-toggle.jsx-2670121391:active{background-color:".concat(colors.grey300, ";}"), ".menuButton.jsx-2670121391:focus{outline:2px solid ".concat(colors.blue600, ";}"), ".menuButton.jsx-2670121391:focus.jsx-2670121391:not(:focus-visible){outline:none;}"];
+export const fileMenuStyles = [`.menu-toggle.jsx-2670121391{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px;font-weight:400;text-transform:none;padding:6px ${spacers.dp12};border-radius:3px;color:${colors.grey900};box-sizing:border-box;line-height:1.75;background:none;border:none;-webkit-transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;cursor:pointer;}`, `.menu-toggle.jsx-2670121391:hover.jsx-2670121391:enabled{background-color:${colors.grey200};}`, `.menu-toggle.jsx-2670121391:disabled{color:${colors.grey400};cursor:not-allowed;}`, `.menu-toggle.jsx-2670121391:active{background-color:${colors.grey300};}`, `.menuButton.jsx-2670121391:focus{outline:2px solid ${colors.blue600};}`, ".menuButton.jsx-2670121391:focus.jsx-2670121391:not(:focus-visible){outline:none;}"];
 fileMenuStyles.__hash = "2670121391";
-export const modalStyles = [".modal-content.jsx-3091623050{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:".concat(spacers.dp12, ";}")];
+export const modalStyles = [`.modal-content.jsx-3091623050{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:${spacers.dp12};}`];
 modalStyles.__hash = "3091623050";

package/build/es/components/FileMenu/GetLinkDialog.js

@@ -14,8 +14,9 @@ export const GetLinkDialog = _ref => {
   } = _ref;
   const {
     baseUrl
-  } = useConfig(); // TODO simply use href from the visualization object?
+  } = useConfig();
 
+  // TODO simply use href from the visualization object?
   const appBaseUrl = new URL(baseUrl, self.location.href);
   const appUrl = new URL(appPathFor(type, id), appBaseUrl);
   return /*#__PURE__*/React.createElement(Modal, {
@@ -23,12 +24,12 @@ export const GetLinkDialog = _ref => {
   }, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles), /*#__PURE__*/React.createElement(ModalContent, null, /*#__PURE__*/React.createElement("p", {
-    className: "jsx-".concat(styles.__hash)
+    className: `jsx-${styles.__hash}`
   }, i18n.t('Open in this app')), /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "link-container"
+    className: `jsx-${styles.__hash}` + " " + "link-container"
   }, /*#__PURE__*/React.createElement("a", {
     href: appUrl.href,
-    className: "jsx-".concat(styles.__hash)
+    className: `jsx-${styles.__hash}`
   }, appUrl.href), /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(IconCopy24, null),
     small: true,

package/build/es/components/FileMenu/GetLinkDialog.styles.js

@@ -1,3 +1,3 @@
 import { spacers } from '@dhis2/ui';
-export const styles = [".link-container.jsx-844167137{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:".concat(spacers.dp12, ";}")];
+export const styles = [`.link-container.jsx-844167137{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:${spacers.dp12};}`];
 styles.__hash = "844167137";

package/build/es/components/FileMenu/RenameDialog.js

@@ -6,7 +6,6 @@ import React, { useMemo, useState } from 'react';
 import i18n from '../../locales/index.js';
 import { modalStyles } from './FileMenu.styles.js';
 import { supportedFileTypes, endpointFromFileType, labelForFileType } from './utils.js';
-
 const getMutation = type => ({
   resource: endpointFromFileType(type),
   id: _ref => {
@@ -28,7 +27,6 @@ const getMutation = type => ({
     };
   }
 });
-
 export const RenameDialog = _ref3 => {
   let {
     type,
@@ -55,7 +53,6 @@ export const RenameDialog = _ref3 => {
       onClose();
     }
   });
-
   const renameObject = () => {
     mutate({
       id: object.id,
@@ -63,7 +60,6 @@ export const RenameDialog = _ref3 => {
       description
     });
   };
-
   return /*#__PURE__*/React.createElement(Modal, {
     onClose: onClose
   }, /*#__PURE__*/React.createElement(_JSXStyle, {
@@ -71,7 +67,7 @@ export const RenameDialog = _ref3 => {
   }, modalStyles), /*#__PURE__*/React.createElement(ModalTitle, null, i18n.t('Rename {{fileType}}', {
     fileType: labelForFileType(type)
   })), /*#__PURE__*/React.createElement(ModalContent, null, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(modalStyles.__hash) + " " + "modal-content"
+    className: `jsx-${modalStyles.__hash}` + " " + "modal-content"
   }, /*#__PURE__*/React.createElement(InputField, {
     label: i18n.t('Name'),
     disabled: loading,

package/build/es/components/FileMenu/SaveAsDialog.js

@@ -16,8 +16,9 @@ export const SaveAsDialog = _ref => {
   const [name, setName] = useState(object !== null && object !== void 0 && object.displayName || object !== null && object !== void 0 && object.name ? i18n.t('{{- objectName}} (copy)', {
     objectName: object.name
   }) : '');
-  const [description, setDescription] = useState(object === null || object === void 0 ? void 0 : object.description); // the actual API request is done in the app
+  const [description, setDescription] = useState(object === null || object === void 0 ? void 0 : object.description);
 
+  // the actual API request is done in the app
   const saveObjectAs = () => {
     onSaveAs({
       name,
@@ -25,7 +26,6 @@ export const SaveAsDialog = _ref => {
     });
     onClose();
   };
-
   return /*#__PURE__*/React.createElement(Modal, {
     onClose: onClose,
     dataTest: "file-menu-saveas-modal"
@@ -34,7 +34,7 @@ export const SaveAsDialog = _ref => {
   }, modalStyles), /*#__PURE__*/React.createElement(ModalTitle, null, i18n.t('Save {{fileType}} as', {
     fileType: labelForFileType(type)
   })), /*#__PURE__*/React.createElement(ModalContent, null, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(modalStyles.__hash) + " " + "modal-content"
+    className: `jsx-${modalStyles.__hash}` + " " + "modal-content"
   }, /*#__PURE__*/React.createElement(InputField, {
     label: i18n.t('Name'),
     value: name,

package/build/es/components/FileMenu/__tests__/DeleteDialog.spec.js

@@ -6,15 +6,12 @@ describe('The FileMenu - DeleteDialog component', () => {
   let shallowDeleteDialog;
   let props;
   const onClose = jest.fn();
-
   const getDeleteDialogComponent = props => {
     if (!shallowDeleteDialog) {
       shallowDeleteDialog = shallow( /*#__PURE__*/React.createElement(DeleteDialog, props));
     }
-
     return shallowDeleteDialog;
   };
-
   beforeEach(() => {
     shallowDeleteDialog = undefined;
     props = {
@@ -27,7 +24,7 @@ describe('The FileMenu - DeleteDialog component', () => {
     expect(getDeleteDialogComponent(props).find(Modal)).toHaveLength(1);
   });
   it('renders a ModalTitle containing the type prop', () => {
-    expect(getDeleteDialogComponent(props).find(ModalTitle).childAt(0).text()).toEqual("Delete ".concat(props.type));
+    expect(getDeleteDialogComponent(props).find(ModalTitle).childAt(0).text()).toEqual(`Delete ${props.type}`);
   });
   it('calls the onClose callback when the Cancel button is clicked', () => {
     getDeleteDialogComponent(props).find(Button).first().simulate('click');

package/build/es/components/FileMenu/__tests__/FileMenu.spec.js

@@ -51,10 +51,10 @@ describe('The FileMenu component ', () => {
       href: 'http://dhis2.org'
     }
   };
-
   const renderFileMenu = function () {
     let customProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const props = { ...baseProps,
+    const props = {
+      ...baseProps,
       ...customProps
     };
     const providerData = {
@@ -75,12 +75,10 @@ describe('The FileMenu component ', () => {
       data: providerData
     }, /*#__PURE__*/React.createElement(HoverMenuBar, null, /*#__PURE__*/React.createElement(FileMenu, props))));
   };
-
   const openDropdown = async () => {
     fireEvent.click(screen.getByTestId('dhis2-analytics-hovermenudropdown'));
     expect(await screen.findByTestId('file-menu-container')).toBeVisible();
   };
-
   const MENU_ITEMS = {
     NEW: {
       testId: 'file-menu-new',
@@ -119,12 +117,10 @@ describe('The FileMenu component ', () => {
       text: 'Delete'
     }
   };
-
   const assertMenuItemsDisabledState = menuItems => {
     for (const menuTitem of menuItems) {
       const li = screen.getByTestId(menuTitem.testId);
       expect(getByText(li, menuTitem.text)).toBeVisible();
-
       if (menuTitem.disabled) {
         expect(li).toHaveClass('disabled');
       } else {
@@ -132,7 +128,6 @@ describe('The FileMenu component ', () => {
       }
     }
   };
-
   it('renders a button', () => {
     renderFileMenu();
     expect(screen.getAllByTestId('dhis2-analytics-hovermenudropdown')).toHaveLength(1);
@@ -149,26 +144,34 @@ describe('The FileMenu component ', () => {
   it('renders some enabled buttons regardless of the access settings', async () => {
     renderFileMenu();
     await openDropdown();
-    assertMenuItemsDisabledState([{ ...MENU_ITEMS.NEW,
+    assertMenuItemsDisabledState([{
+      ...MENU_ITEMS.NEW,
       disabled: false
-    }, { ...MENU_ITEMS.OPEN,
+    }, {
+      ...MENU_ITEMS.OPEN,
       disabled: false
     }]);
   });
   it('renders some disabled buttons when no fileObject is present', async () => {
     renderFileMenu();
     await openDropdown();
-    assertMenuItemsDisabledState([{ ...MENU_ITEMS.SAVE_AS,
+    assertMenuItemsDisabledState([{
+      ...MENU_ITEMS.SAVE_AS,
       disabled: true
-    }, { ...MENU_ITEMS.RENAME,
+    }, {
+      ...MENU_ITEMS.RENAME,
       disabled: true
-    }, { ...MENU_ITEMS.TRANSLATE,
+    }, {
+      ...MENU_ITEMS.TRANSLATE,
       disabled: true
-    }, { ...MENU_ITEMS.SHARE,
+    }, {
+      ...MENU_ITEMS.SHARE,
       disabled: true
-    }, { ...MENU_ITEMS.GET_LINK,
+    }, {
+      ...MENU_ITEMS.GET_LINK,
       disabled: true
-    }, { ...MENU_ITEMS.DELETE,
+    }, {
+      ...MENU_ITEMS.DELETE,
       disabled: true
     }]);
   });
@@ -185,11 +188,14 @@ describe('The FileMenu component ', () => {
     };
     renderFileMenu(customProps);
     await openDropdown();
-    assertMenuItemsDisabledState([{ ...MENU_ITEMS.SAVE,
+    assertMenuItemsDisabledState([{
+      ...MENU_ITEMS.SAVE,
       disabled: false
-    }, { ...MENU_ITEMS.RENAME,
+    }, {
+      ...MENU_ITEMS.RENAME,
       disabled: false
-    }, { ...MENU_ITEMS.TRANSLATE,
+    }, {
+      ...MENU_ITEMS.TRANSLATE,
       disabled: false
     }]);
   });
@@ -206,7 +212,8 @@ describe('The FileMenu component ', () => {
     };
     renderFileMenu(customProps);
     await openDropdown();
-    assertMenuItemsDisabledState([{ ...MENU_ITEMS.DELETE,
+    assertMenuItemsDisabledState([{
+      ...MENU_ITEMS.DELETE,
       disabled: false
     }]);
   });
@@ -223,7 +230,8 @@ describe('The FileMenu component ', () => {
     };
     renderFileMenu(customProps);
     await openDropdown();
-    assertMenuItemsDisabledState([{ ...MENU_ITEMS.SHARE,
+    assertMenuItemsDisabledState([{
+      ...MENU_ITEMS.SHARE,
       disabled: false
     }]);
   });

package/build/es/components/FileMenu/__tests__/GetLinkDialog.spec.js

@@ -13,15 +13,12 @@ describe('The FileMenu - GetLinkDialog component', () => {
   let shallowGetLinkDialog;
   let props;
   const onClose = jest.fn();
-
   const getGetLinkDialogComponent = props => {
     if (!shallowGetLinkDialog) {
       shallowGetLinkDialog = shallow( /*#__PURE__*/React.createElement(GetLinkDialog, props));
     }
-
     return shallowGetLinkDialog;
   };
-
   beforeEach(() => {
     shallowGetLinkDialog = undefined;
     props = {

package/build/es/components/FileMenu/__tests__/RenameDialog.spec.js

@@ -6,15 +6,12 @@ describe('The FileMenu - RenameDialog component', () => {
   let shallowRenameDialog;
   let props;
   const onClose = jest.fn();
-
   const getRenameDialogComponent = props => {
     if (!shallowRenameDialog) {
       shallowRenameDialog = shallow( /*#__PURE__*/React.createElement(RenameDialog, props));
     }
-
     return shallowRenameDialog;
   };
-
   beforeEach(() => {
     shallowRenameDialog = undefined;
     props = {
@@ -29,7 +26,7 @@ describe('The FileMenu - RenameDialog component', () => {
     expect(getRenameDialogComponent(props).find(Modal)).toHaveLength(1);
   });
   it('renders a ModalTitle containing the type prop', () => {
-    expect(getRenameDialogComponent(props).find(ModalTitle).childAt(0).text()).toEqual("Rename ".concat(props.type));
+    expect(getRenameDialogComponent(props).find(ModalTitle).childAt(0).text()).toEqual(`Rename ${props.type}`);
   });
   it('renders a InputField for name', () => {
     expect(getRenameDialogComponent(props).findWhere(n => n.prop('label') === 'Name')).toHaveLength(1);

package/build/es/components/FileMenu/__tests__/SaveAsDialog.spec.js

@@ -7,15 +7,12 @@ describe('The FileMenu - SaveAsDialog component', () => {
   let props;
   const onClose = jest.fn();
   const onSaveAs = jest.fn();
-
   const getSaveAsDialogComponent = props => {
     if (!shallowSaveAsDialog) {
       shallowSaveAsDialog = shallow( /*#__PURE__*/React.createElement(SaveAsDialog, props));
     }
-
     return shallowSaveAsDialog;
   };
-
   beforeEach(() => {
     shallowSaveAsDialog = undefined;
     props = {
@@ -32,7 +29,7 @@ describe('The FileMenu - SaveAsDialog component', () => {
     expect(getSaveAsDialogComponent(props).find(Modal)).toHaveLength(1);
   });
   it('renders a ModalTitle containing the type prop', () => {
-    expect(getSaveAsDialogComponent(props).find(ModalTitle).childAt(0).text()).toEqual("Save ".concat(props.type, " as"));
+    expect(getSaveAsDialogComponent(props).find(ModalTitle).childAt(0).text()).toEqual(`Save ${props.type} as`);
   });
   it('renders a InputField for name with prefilled value from the object prop', () => {
     const nameInputField = getSaveAsDialogComponent(props).findWhere(n => n.prop('label') === 'Name');

package/build/es/components/FileMenu/utils.js

@@ -4,21 +4,17 @@ export const FILE_TYPE_VISUALIZATION = 'visualization';
 export const FILE_TYPE_MAP = 'map';
 export const FILE_TYPE_EVENT_VISUALIZATION = 'eventVisualization';
 export const supportedFileTypes = [FILE_TYPE_EVENT_REPORT, FILE_TYPE_VISUALIZATION, FILE_TYPE_MAP, FILE_TYPE_EVENT_VISUALIZATION];
-export const endpointFromFileType = fileType => "".concat(fileType, "s");
+export const endpointFromFileType = fileType => `${fileType}s`;
 export const labelForFileType = fileType => {
   switch (fileType) {
     case FILE_TYPE_EVENT_REPORT:
       return i18n.t('event report');
-
     case FILE_TYPE_EVENT_VISUALIZATION:
       return i18n.t('line list');
-
     case FILE_TYPE_MAP:
       return i18n.t('map');
-
     case FILE_TYPE_VISUALIZATION:
       return i18n.t('visualization');
-
     default:
       return fileType;
   }
@@ -26,12 +22,10 @@ export const labelForFileType = fileType => {
 export const appPathFor = (fileType, id) => {
   switch (fileType) {
     case FILE_TYPE_VISUALIZATION:
-      return "dhis-web-data-visualizer/#/".concat(id);
-
+      return `dhis-web-data-visualizer/#/${id}`;
     case FILE_TYPE_MAP:
-      return "dhis-web-maps/index.html?id=".concat(id);
-
+      return `dhis-web-maps/index.html?id=${id}`;
     default:
-      return "".concat(window.location.search).concat(window.location.hash);
+      return `${window.location.search}${window.location.hash}`;
   }
 };

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

@@ -3,7 +3,6 @@ import { InputField } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
 import styles from './styles/Filter.style.js';
-
 const Filter = _ref => {
   let {
     text,
@@ -14,7 +13,7 @@ const Filter = _ref => {
     dataTest
   } = _ref;
   return /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "container"
+    className: `jsx-${styles.__hash}` + " " + "container"
   }, /*#__PURE__*/React.createElement(InputField, {
     placeholder: placeholder,
     onChange: ref => ref.value.length ? onChange(ref.value) : onClear(),
@@ -26,7 +25,6 @@ const Filter = _ref => {
     id: styles.__hash
   }, styles));
 };
-
 Filter.propTypes = {
   placeholder: PropTypes.string.isRequired,
   type: PropTypes.string.isRequired,

package/build/es/components/Filter/__tests__/Filter.spec.js

@@ -5,15 +5,12 @@ import Filter from '../Filter.js';
 describe('The Filter component ', () => {
   let shallowFilter;
   let props;
-
   const filterComp = () => {
     if (!shallowFilter) {
       shallowFilter = shallow( /*#__PURE__*/React.createElement(Filter, props));
     }
-
     return shallowFilter;
   };
-
   beforeEach(() => {
     props = {
       placeholder: 'testplaceholder',