@dhis2/analytics 28.0.4 → 28.1.0

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

@@ -2,6 +2,7 @@
 
 var _appRuntime = require("@dhis2/app-runtime");
 var _react = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 require("@testing-library/jest-dom");
 var _react2 = _interopRequireDefault(require("react"));
 var _index = require("../../Toolbar/index.js");
@@ -16,7 +17,7 @@ jest.mock('../../TranslationDialog/TranslationModal/useTranslationsResults.js',
     fetching: true
   })
 }));
-describe('The FileMenu component ', () => {
+describe('FileMenu component ', () => {
   const onDelete = jest.fn();
   const onError = jest.fn();
   const onNew = jest.fn();
@@ -74,8 +75,16 @@ describe('The FileMenu component ', () => {
       },
       visualizations: {
         pager: {
-          page: 1
-        }
+          page: 1,
+          pageSize: 50
+        },
+        visualizations: [{
+          id: 'vis1',
+          displayName: 'Visualization 1',
+          type: 'VISUALIZATION',
+          created: '2025-07-23T15:04:16.864',
+          lastUpdated: '2025-07-23T15:04:16.864'
+        }]
       }
     };
     return (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
@@ -83,7 +92,8 @@ describe('The FileMenu component ', () => {
     }, /*#__PURE__*/_react2.default.createElement(_index.HoverMenuBar, null, /*#__PURE__*/_react2.default.createElement(_FileMenu.FileMenu, props))));
   };
   const openDropdown = async () => {
-    _react.fireEvent.click(_react.screen.getByTestId('dhis2-analytics-hovermenudropdown'));
+    const user = _userEvent.default.setup();
+    await user.click(_react.screen.getByTestId('dhis2-analytics-hovermenudropdown'));
     expect(await _react.screen.findByTestId('file-menu-container')).toBeVisible();
   };
   const MENU_ITEMS = {
@@ -135,20 +145,20 @@ describe('The FileMenu component ', () => {
       }
     }
   };
-  it('renders a button', () => {
+  test('renders a button', () => {
     renderFileMenu();
     expect(_react.screen.getAllByTestId('dhis2-analytics-hovermenudropdown')).toHaveLength(1);
     const button = _react.screen.getByTestId('dhis2-analytics-hovermenudropdown');
     expect(button).toBeVisible();
     expect(button).toHaveTextContent('File');
   });
-  it('opens when clicking the button', async () => {
+  test('opens when clicking the button', async () => {
     renderFileMenu();
     expect(_react.screen.queryByTestId('file-menu-container')).not.toBeInTheDocument();
     await openDropdown();
     expect(await _react.screen.findByTestId('file-menu-container')).toBeVisible();
   });
-  it('renders some enabled buttons regardless of the access settings', async () => {
+  test('renders some enabled buttons regardless of the access settings', async () => {
     renderFileMenu();
     await openDropdown();
     assertMenuItemsDisabledState([{
@@ -159,7 +169,7 @@ describe('The FileMenu component ', () => {
       disabled: false
     }]);
   });
-  it('renders some disabled buttons when no fileObject is present', async () => {
+  test('renders some disabled buttons when no fileObject is present', async () => {
     renderFileMenu();
     await openDropdown();
     assertMenuItemsDisabledState([{
@@ -182,7 +192,7 @@ describe('The FileMenu component ', () => {
       disabled: true
     }]);
   });
-  it('renders some enabled buttons when update access is granted', async () => {
+  test('renders some enabled buttons when update access is granted', async () => {
     const customProps = {
       fileObject: {
         id: 'test',
@@ -206,7 +216,7 @@ describe('The FileMenu component ', () => {
       disabled: false
     }]);
   });
-  it('renders enabled Delete button when delete access is granted', async () => {
+  test('renders enabled Delete button when delete access is granted', async () => {
     const customProps = {
       fileObject: {
         id: 'test',
@@ -224,7 +234,7 @@ describe('The FileMenu component ', () => {
       disabled: false
     }]);
   });
-  it('renders enabled Share button when manage access is granted', async () => {
+  test('renders enabled Share button when manage access is granted', async () => {
     const customProps = {
       fileObject: {
         id: 'test',
@@ -242,50 +252,56 @@ describe('The FileMenu component ', () => {
       disabled: false
     }]);
   });
-  it('renders the OpenFileDialog component when the Open button is clicked', async () => {
+  test('renders the OpenFileDialog component when the Open button is clicked', async () => {
+    const user = _userEvent.default.setup();
     renderFileMenu();
     await openDropdown();
-    _react.fireEvent.click(_react.screen.getByTestId(MENU_ITEMS.OPEN.testId));
+    await user.click(_react.screen.getByTestId(MENU_ITEMS.OPEN.testId));
     expect(await _react.screen.findByText('Open a visualization', {
       selector: 'h1'
     })).toBeVisible();
   });
-  it('renders the RenameDialog when the Rename button is clicked', async () => {
+  test('renders the RenameDialog when the Rename button is clicked', async () => {
+    const user = _userEvent.default.setup();
     renderFileMenu(fullAccessProps);
     await openDropdown();
-    _react.fireEvent.click(_react.screen.getByTestId(MENU_ITEMS.RENAME.testId));
+    await user.click(_react.screen.getByTestId(MENU_ITEMS.RENAME.testId));
     expect(await _react.screen.findByText('Rename visualization', {
       selector: 'h1'
     })).toBeVisible();
   });
-  it('renders the TranslationDialog when the Translate button is clicked', async () => {
+  test('renders the TranslationDialog when the Translate button is clicked', async () => {
+    const user = _userEvent.default.setup();
     renderFileMenu(fullAccessProps);
     await openDropdown();
-    _react.fireEvent.click(_react.screen.getByTestId(MENU_ITEMS.TRANSLATE.testId));
+    await user.click(_react.screen.getByTestId(MENU_ITEMS.TRANSLATE.testId));
     expect(await _react.screen.findByText('Translate', {
       exact: false,
       selector: 'h1'
     })).toBeVisible();
   });
-  it('renders the SharingDialog when the Share button is clicked', async () => {
+  test('renders the SharingDialog when the Share button is clicked', async () => {
+    const user = _userEvent.default.setup();
     renderFileMenu(fullAccessProps);
     await openDropdown();
-    _react.fireEvent.click(_react.screen.getByTestId(MENU_ITEMS.SHARE.testId));
+    await user.click(_react.screen.getByTestId(MENU_ITEMS.SHARE.testId));
     expect(await _react.screen.findByText('Sharing and access', {
       selector: 'h1'
     })).toBeVisible();
   });
-  it('renders the GetLinkDialog when the Get link button is clicked', async () => {
+  test('renders the GetLinkDialog when the Get link button is clicked', async () => {
+    const user = _userEvent.default.setup();
     const url = 'http://localhost/dhis-web-data-visualizer/#/test';
     renderFileMenu(fullAccessProps);
     await openDropdown();
-    _react.fireEvent.click(_react.screen.getByTestId(MENU_ITEMS.GET_LINK.testId));
+    await user.click(_react.screen.getByTestId(MENU_ITEMS.GET_LINK.testId));
     expect(await _react.screen.findByTestId('dhis2-uicore-modal')).toBeVisible();
     expect(_react.screen.getByRole('link', {
       name: url
     })).toHaveAttribute('href', url);
   });
-  it('renders the DeleteDialog when the Delete button is clicked', async () => {
+  test('renders the DeleteDialog when the Delete button is clicked', async () => {
+    const user = _userEvent.default.setup();
     const customProps = {
       fileObject: {
         id: 'delete-test',
@@ -298,20 +314,22 @@ describe('The FileMenu component ', () => {
     };
     renderFileMenu(customProps);
     await openDropdown();
-    _react.fireEvent.click(_react.screen.getByTestId(MENU_ITEMS.DELETE.testId));
+    await user.click(_react.screen.getByTestId(MENU_ITEMS.DELETE.testId));
     expect(await _react.screen.findByText('Delete visualization', {
       selector: 'h1'
     })).toBeVisible();
   });
-  it('renders the SaveAsDialog when the Save as… button is clicked', async () => {
+  test('renders the SaveAsDialog when the Save as… button is clicked', async () => {
+    const user = _userEvent.default.setup();
     renderFileMenu(fullAccessProps);
     await openDropdown();
-    _react.fireEvent.click(_react.screen.getByTestId(MENU_ITEMS.SAVE_AS.testId));
+    await user.click(_react.screen.getByTestId(MENU_ITEMS.SAVE_AS.testId));
     expect(await _react.screen.findByText('Save visualization as', {
       selector: 'h1'
     })).toBeVisible();
   });
-  it('renders the SaveAsDialog when the Save… button is clicked but no fileObject is present', async () => {
+  test('renders the SaveAsDialog when the Save… button is clicked but no fileObject is present', async () => {
+    const user = _userEvent.default.setup();
     const customProps = {
       fileObject: {
         // NOTE: no `id` field
@@ -322,22 +340,24 @@ describe('The FileMenu component ', () => {
     };
     renderFileMenu(customProps);
     await openDropdown();
-    _react.fireEvent.click(_react.screen.getByTestId(MENU_ITEMS.SAVE.testId));
+    await user.click(_react.screen.getByTestId(MENU_ITEMS.SAVE.testId));
     expect(await _react.screen.findByText('Save visualization as', {
       selector: 'h1'
     })).toBeVisible();
   });
-  it('calls the onSave callback when the Save button is clicked and a fileObject is present', async () => {
+  test('calls the onSave callback when the Save button is clicked and a fileObject is present', async () => {
+    const user = _userEvent.default.setup();
     renderFileMenu(fullAccessProps);
     await openDropdown();
-    _react.fireEvent.click(_react.screen.getByTestId(MENU_ITEMS.SAVE.testId));
+    await user.click(_react.screen.getByTestId(MENU_ITEMS.SAVE.testId));
     expect(_react.screen.queryByText('Open a visualization')).not.toBeVisible();
     expect(onSave).toHaveBeenCalledTimes(1);
   });
-  it('calls the onNew callback when the New button is clicked', async () => {
+  test('calls the onNew callback when the New button is clicked', async () => {
+    const user = _userEvent.default.setup();
     renderFileMenu();
     await openDropdown();
-    _react.fireEvent.click(_react.screen.getByTestId(MENU_ITEMS.NEW.testId));
+    await user.click(_react.screen.getByTestId(MENU_ITEMS.NEW.testId));
     expect(_react.screen.queryByText('Open a visualization')).not.toBeVisible();
     expect(onNew).toHaveBeenCalledTimes(1);
   });

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

@@ -1,8 +1,8 @@
 "use strict";
 
-var _ui = require("@dhis2/ui");
-var _enzyme = require("enzyme");
-var _react = _interopRequireDefault(require("react"));
+var _react = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _react2 = _interopRequireDefault(require("react"));
 var _GetLinkDialog = require("../GetLinkDialog.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const testBaseUrl = 'http://host.tld/test/';
@@ -45,23 +45,27 @@ const tests = [{
   id: 'map-id-2',
   expected: 'http://localhost/dhis-web-maps/#/map-id-2'
 }];
-describe('The FileMenu - GetLinkDialog component', () => {
-  let shallowGetLinkDialog;
+describe('FileMenu - GetLinkDialog component', () => {
   const onClose = jest.fn();
-  const getGetLinkDialogComponent = props => {
-    if (!shallowGetLinkDialog) {
-      shallowGetLinkDialog = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_GetLinkDialog.GetLinkDialog, props));
-    }
-    return shallowGetLinkDialog;
+  const props = {
+    type: tests[0].type,
+    id: tests[0].id,
+    onClose
   };
-  beforeEach(() => {
-    shallowGetLinkDialog = undefined;
+  test('renders a Modal component', () => {
+    (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_GetLinkDialog.GetLinkDialog, props));
+    const modalComponent = _react.screen.getByTestId('dhis2-uicore-modal');
+    expect(modalComponent).toBeInTheDocument();
+    expect(_react.screen.getByLabelText('Close modal dialog')).toBeInTheDocument();
   });
-  it('renders a Modal component', () => {
-    expect(getGetLinkDialogComponent({
-      type: tests[0].type,
-      id: tests[0].id
-    }).find(_ui.Modal)).toHaveLength(1);
+  test('calls the onClose callback when the Close button is clicked', async () => {
+    const user = _userEvent.default.setup();
+    (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_GetLinkDialog.GetLinkDialog, props));
+    const closeButton = _react.screen.getByRole('button', {
+      name: 'Close'
+    });
+    await user.click(closeButton);
+    expect(onClose).toHaveBeenCalledTimes(1);
   });
   test.each(tests)('renders a <a> tag containing the correct app path and id', ({
     apiVersion,
@@ -74,19 +78,12 @@ describe('The FileMenu - GetLinkDialog component', () => {
       apiVersion: apiVersion || 42,
       baseUrl
     });
-    const href = getGetLinkDialogComponent({
-      type,
-      id,
-      onClose
-    }).find('a').prop('href');
-    expect(href).toMatch(expected);
-  });
-  it('calls the onClose callback when the Close button is clicked', () => {
-    getGetLinkDialogComponent({
-      type: tests[0].type,
-      id: tests[0].id,
-      onClose
-    }).find(_ui.Button).at(1).simulate('click');
-    expect(onClose).toHaveBeenCalled();
+    (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_GetLinkDialog.GetLinkDialog, {
+      onClose: onClose,
+      type: type,
+      id: id
+    }));
+    const anchorElement = _react.screen.getByRole('link');
+    expect(anchorElement.href).toMatch(expected);
   });
 });

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

@@ -1,12 +1,12 @@
 "use strict";
 
-require("@testing-library/jest-dom");
 var _react = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 var _react2 = _interopRequireDefault(require("react"));
 var _RenameDialog = require("../RenameDialog.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-describe('The FileMenu - RenameDialog component', () => {
+describe('FileMenu - RenameDialog component', () => {
   const onClose = jest.fn();
   const onRename = jest.fn();
   const props = {
@@ -21,18 +21,18 @@ describe('The FileMenu - RenameDialog component', () => {
     jest.resetAllMocks();
     jest.clearAllMocks();
   });
-  it('renders a Modal component with the correct heading', () => {
+  test('renders a Modal component with the correct heading', () => {
     (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_RenameDialog.RenameDialog, props));
     expect(_react.screen.getAllByTestId('file-menu-rename-modal')).toHaveLength(1);
     expect(_react.screen.getByRole('heading')).toHaveTextContent('Rename visualization');
   });
-  it('renders a InputField for name', () => {
+  test('renders a InputField for name', () => {
     (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_RenameDialog.RenameDialog, props));
     expect(_react.screen.getByTestId('file-menu-rename-modal-name')).toBeInTheDocument();
     expect(_react.screen.getByText('Name')).toBeInTheDocument();
     expect(_react.screen.getByText('Name')).toBeVisible();
   });
-  it('renders a InputField for name with prefilled value if name is in object prop', () => {
+  test('renders a InputField for name with prefilled value if name is in object prop', () => {
     (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_RenameDialog.RenameDialog, _extends({}, props, {
       object: {
         ...props.object,
@@ -44,7 +44,7 @@ describe('The FileMenu - RenameDialog component', () => {
     expect(inputElement).toBeInTheDocument();
     expect(inputElement).toHaveValue('Vis test');
   });
-  it('renders a TextAreaField for description', () => {
+  test('renders a TextAreaField for description', () => {
     (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_RenameDialog.RenameDialog, props));
 
     // Locate the label by its text
@@ -55,7 +55,7 @@ describe('The FileMenu - RenameDialog component', () => {
     expect(descriptionField).toBeInTheDocument();
     expect(descriptionField).toBeVisible();
   });
-  it('renders a TextAreaField for description with prefilled value if description is in object prop', () => {
+  test('renders a TextAreaField for description with prefilled value if description is in object prop', () => {
     (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_RenameDialog.RenameDialog, _extends({}, props, {
       object: {
         ...props.object,
@@ -71,15 +71,21 @@ describe('The FileMenu - RenameDialog component', () => {
     expect(descriptionField).toBeInTheDocument();
     expect(descriptionField).toHaveValue('Long explanation of the visualization');
   });
-  it('calls the onClose callback when the Cancel button is clicked', async () => {
+  test('calls the onClose callback when the Cancel button is clicked', async () => {
+    const user = _userEvent.default.setup();
     (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_RenameDialog.RenameDialog, props));
-    await _react.fireEvent.click(_react.screen.getByTestId('file-menu-rename-modal-cancel'));
+    await user.click(_react.screen.getByRole('button', {
+      name: 'Cancel'
+    }));
     expect(onClose).toHaveBeenCalled();
     expect(onRename).not.toHaveBeenCalled();
   });
-  it('calls the onRename callback when the Rename button is clicked', async () => {
+  test('calls the onRename callback when the Rename button is clicked', async () => {
+    const user = _userEvent.default.setup();
     (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_RenameDialog.RenameDialog, props));
-    await _react.fireEvent.click(_react.screen.getByTestId('file-menu-rename-modal-rename'));
+    await user.click(_react.screen.getByRole('button', {
+      name: 'Rename'
+    }));
     expect(onRename).toHaveBeenCalled();
     expect(onClose).toHaveBeenCalled();
   });

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

@@ -1,56 +1,63 @@
 "use strict";
 
-var _ui = require("@dhis2/ui");
-var _enzyme = require("enzyme");
-var _react = _interopRequireDefault(require("react"));
+var _react = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _react2 = _interopRequireDefault(require("react"));
 var _SaveAsDialog = require("../SaveAsDialog.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-describe('The FileMenu - SaveAsDialog component', () => {
-  let shallowSaveAsDialog;
-  let props;
+describe('FileMenu - SaveAsDialog component', () => {
   const onClose = jest.fn();
   const onSaveAs = jest.fn();
-  const getSaveAsDialogComponent = props => {
-    if (!shallowSaveAsDialog) {
-      shallowSaveAsDialog = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_SaveAsDialog.SaveAsDialog, props));
-    }
-    return shallowSaveAsDialog;
+  const props = {
+    type: 'visualization',
+    object: {
+      name: 'Save as name test',
+      description: 'Save as description test'
+    },
+    onClose,
+    onSaveAs
   };
-  beforeEach(() => {
-    shallowSaveAsDialog = undefined;
-    props = {
-      type: 'visualization',
-      object: {
-        name: 'Save as name test',
-        description: 'Save as description test'
-      },
-      onClose,
-      onSaveAs
-    };
+  test('renders a Modal component', () => {
+    (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SaveAsDialog.SaveAsDialog, props));
+    expect(_react.screen.getByTestId('file-menu-saveas-modal')).toBeInTheDocument();
   });
-  it('renders a Modal component', () => {
-    expect(getSaveAsDialogComponent(props).find(_ui.Modal)).toHaveLength(1);
+  test('renders a ModalTitle containing the type prop', () => {
+    (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SaveAsDialog.SaveAsDialog, props));
+    expect(_react.screen.getByRole('heading')).toHaveTextContent(`Save ${props.type} as`);
   });
-  it('renders a ModalTitle containing the type prop', () => {
-    expect(getSaveAsDialogComponent(props).find(_ui.ModalTitle).childAt(0).text()).toEqual(`Save ${props.type} as`);
+  test('renders a InputField for name with prefilled value from the object prop', () => {
+    (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SaveAsDialog.SaveAsDialog, props));
+    expect(_react.screen.getByTestId('file-menu-saveas-modal-name')).toBeInTheDocument();
+    expect(_react.screen.getByText('Name')).toBeInTheDocument();
+    expect(_react.screen.getByText('Name')).toBeVisible();
+    expect(_react.screen.getByDisplayValue('Save as name test (copy)')).toBeInTheDocument();
   });
-  it('renders a InputField for name with prefilled value from the object prop', () => {
-    const nameInputField = getSaveAsDialogComponent(props).findWhere(n => n.prop('label') === 'Name');
-    expect(nameInputField.prop('value')).toEqual('Save as name test (copy)');
+  test('renders a TextAreaField for description with prefilled value from the object prop', () => {
+    (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SaveAsDialog.SaveAsDialog, props));
+    expect(_react.screen.getByTestId('file-menu-saveas-modal-description')).toBeInTheDocument();
+    expect(_react.screen.getByText('Description')).toBeInTheDocument();
+    expect(_react.screen.getByText('Description')).toBeVisible();
+    expect(_react.screen.getByDisplayValue(props.object.description)).toBeInTheDocument();
   });
-  it('renders a TextAreaField for description with prefilled value from the object prop', () => {
-    const descriptionInputField = getSaveAsDialogComponent(props).findWhere(n => n.prop('label') === 'Description');
-    expect(descriptionInputField.prop('value')).toEqual(props.object.description);
-  });
-  it('calls the onSaveAs callback when the Save button is clicked', () => {
-    getSaveAsDialogComponent(props).find(_ui.Button).at(1).simulate('click');
+  test('calls the onSaveAs callback when the Save button is clicked', async () => {
+    const user = _userEvent.default.setup();
+    (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SaveAsDialog.SaveAsDialog, props));
+    const saveButton = _react.screen.getByRole('button', {
+      name: 'Save'
+    });
+    await user.click(saveButton);
     expect(onSaveAs).toHaveBeenCalledWith({
       name: 'Save as name test (copy)',
       description: props.object.description
     });
   });
-  it('calls the onClose callback when the Cancel button is clicked', () => {
-    getSaveAsDialogComponent(props).find(_ui.Button).first().simulate('click');
+  test('calls the onClose callback when the Cancel button is clicked', async () => {
+    const user = _userEvent.default.setup();
+    (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_SaveAsDialog.SaveAsDialog, props));
+    const cancelButton = _react.screen.getByRole('button', {
+      name: 'Cancel'
+    });
+    await user.click(cancelButton);
     expect(onClose).toHaveBeenCalled();
   });
 });

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

@@ -1,39 +1,34 @@
 "use strict";
 
-var _ui = require("@dhis2/ui");
-var _enzyme = require("enzyme");
-var _react = _interopRequireDefault(require("react"));
+var _react = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _react2 = _interopRequireDefault(require("react"));
 var _Filter = _interopRequireDefault(require("../Filter.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-describe('The Filter component ', () => {
-  let shallowFilter;
-  let props;
-  const filterComp = () => {
-    if (!shallowFilter) {
-      shallowFilter = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_Filter.default, props));
-    }
-    return shallowFilter;
-  };
-  beforeEach(() => {
-    props = {
-      placeholder: 'testplaceholder',
-      text: '',
-      onChange: jest.fn(),
-      onClear: jest.fn()
-    };
-    shallowFilter = undefined;
-  });
-  it('renders a InputField component', () => {
-    expect(filterComp().find(_ui.InputField).length).toEqual(1);
-  });
-  it('should call prop onClear if onChange receives text string with length < 1 (Ctrl-A  + BackSpace)', () => {
-    props.text = 'anotherTestString';
-    const filter = filterComp().find(_ui.InputField);
-    const mockEvent = {
-      value: '',
-      preventDefault: jest.fn()
-    };
-    filter.props().onChange(mockEvent);
-    expect(props.onClear).toHaveBeenCalledTimes(1);
-  });
+const props = {
+  placeholder: 'testplaceholder',
+  text: '',
+  onChange: jest.fn(),
+  onClear: jest.fn()
+};
+test('Filter renders an InputField component ', () => {
+  (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_Filter.default, props));
+  const inputField = _react.screen.getByTestId('dhis2-uiwidgets-inputfield');
+  expect(inputField).toBeInTheDocument();
+});
+test('Filter renders an input field with the given placeholder', () => {
+  (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_Filter.default, props));
+  const inputField = _react.screen.getByPlaceholderText(props.placeholder);
+  expect(inputField).toBeInTheDocument();
+});
+test('Filter should call prop onClear if onChange receives text string with length < 1 (Ctrl-A  + BackSpace)', async () => {
+  const user = _userEvent.default.setup();
+  props.text = 'anotherTestString';
+  (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_Filter.default, props));
+  const inputField = _react.screen.getByPlaceholderText(props.placeholder);
+
+  // focus on the input field in order to interact with it
+  await user.click(inputField);
+  await user.keyboard('{Control>}A{/Control}{Backspace}');
+  expect(props.onClear).toHaveBeenCalledTimes(1);
 });

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.CreatedByFilter = exports.CREATED_BY_CURRENT_USER = exports.CREATED_BY_ALL_BUT_CURRENT_USER = exports.CREATED_BY_ALL = void 0;
+exports.formatUserFilter = exports.default = exports.CreatedByFilter = exports.CREATED_BY_CURRENT_USER = exports.CREATED_BY_ALL_BUT_CURRENT_USER = exports.CREATED_BY_ALL = void 0;
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
 var _ui = require("@dhis2/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -14,6 +14,14 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const CREATED_BY_ALL = exports.CREATED_BY_ALL = 'all';
 const CREATED_BY_ALL_BUT_CURRENT_USER = exports.CREATED_BY_ALL_BUT_CURRENT_USER = 'allButCurrentUser';
 const CREATED_BY_CURRENT_USER = exports.CREATED_BY_CURRENT_USER = 'currentUser';
+const formatUserFilter = (createdBy, userId) => {
+  if (createdBy === CREATED_BY_ALL_BUT_CURRENT_USER) {
+    return `user.id:!eq:${userId}`;
+  } else if (createdBy === CREATED_BY_CURRENT_USER) {
+    return `user.id:eq:${userId}`;
+  }
+};
+exports.formatUserFilter = formatUserFilter;
 const CreatedByFilter = ({
   selected,
   onChange