@dhis2/analytics 28.0.3 → 28.0.5

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();
@@ -54,8 +55,7 @@ describe('The FileMenu component ', () => {
       href: 'http://dhis2.org'
     }
   };
-  const renderFileMenu = function () {
-    let customProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const renderFileMenu = (customProps = {}) => {
     const props = {
       ...baseProps,
       ...customProps
@@ -72,6 +72,19 @@ describe('The FileMenu component ', () => {
           userAccesses: [],
           userGroupAccesses: []
         }
+      },
+      visualizations: {
+        pager: {
+          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, {
@@ -79,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 = {
@@ -131,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([{
@@ -155,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([{
@@ -178,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',
@@ -202,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',
@@ -220,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',
@@ -238,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',
@@ -294,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
@@ -318,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,49 +45,45 @@ 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', _ref => {
-    let {
-      apiVersion,
-      baseUrl,
-      type,
-      id,
-      expected
-    } = _ref;
+  test.each(tests)('renders a <a> tag containing the correct app path and id', ({
+    apiVersion,
+    baseUrl,
+    type,
+    id,
+    expected
+  }) => {
     mockUseConfig.mockReturnValueOnce({
       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/FileMenu/utils.js

@@ -43,12 +43,11 @@ const appPathFor = (fileType, id, apiVersion) => {
   }
 };
 exports.appPathFor = appPathFor;
-const preparePayloadForSaveAs = _ref => {
-  let {
-    visualization,
-    name,
-    description
-  } = _ref;
+const preparePayloadForSaveAs = ({
+  visualization,
+  name,
+  description
+}) => {
   delete visualization.id;
   delete visualization.created;
   delete visualization.createdBy;
@@ -65,12 +64,11 @@ const preparePayloadForSaveAs = _ref => {
   return visualization;
 };
 exports.preparePayloadForSaveAs = preparePayloadForSaveAs;
-const preparePayloadForSave = _ref2 => {
-  let {
-    visualization,
-    name,
-    description
-  } = _ref2;
+const preparePayloadForSave = ({
+  visualization,
+  name,
+  description
+}) => {
   visualization.name = name || visualization.name || _d2I18n.default.t('Untitled {{visualizationType}}, {{date}}', {
     visualizationType: (0, _visTypes.getDisplayNameByVisType)(visualization.type),
     date: new Date().toLocaleDateString(undefined, {

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

@@ -10,37 +10,31 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _FilterStyle = _interopRequireDefault(require("./styles/Filter.style.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Filter = _ref => {
-  let {
-    text,
-    onChange,
-    onClear,
-    placeholder,
-    type,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_FilterStyle.default.__hash}` + " " + "container"
-  }, /*#__PURE__*/_react.default.createElement(_ui.InputField, {
-    placeholder: placeholder,
-    onChange: ref => ref.value.length ? onChange(ref.value) : onClear(),
-    value: text,
-    dense: true,
-    type: type,
-    dataTest: dataTest
-  }), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: _FilterStyle.default.__hash
-  }, _FilterStyle.default));
-};
+const Filter = ({
+  text,
+  onChange,
+  onClear,
+  placeholder,
+  type = 'text',
+  dataTest
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: `jsx-${_FilterStyle.default.__hash}` + " " + "container"
+}, /*#__PURE__*/_react.default.createElement(_ui.InputField, {
+  placeholder: placeholder,
+  onChange: ref => ref.value.length ? onChange(ref.value) : onClear(),
+  value: text,
+  dense: true,
+  type: type,
+  dataTest: dataTest
+}), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: _FilterStyle.default.__hash
+}, _FilterStyle.default));
 Filter.propTypes = {
   placeholder: _propTypes.default.string.isRequired,
-  type: _propTypes.default.string.isRequired,
   onChange: _propTypes.default.func.isRequired,
   onClear: _propTypes.default.func.isRequired,
   dataTest: _propTypes.default.string,
-  text: _propTypes.default.string
-};
-Filter.defaultProps = {
-  type: 'text'
+  text: _propTypes.default.string,
+  type: _propTypes.default.string
 };
 var _default = exports.default = Filter;