@dhis2/analytics 22.0.0-alpha.1 → 22.0.1

package/build/es/__fixtures__/json/api/analytics/enrollments.json

@@ -0,0 +1,206 @@
+{
+  "headers": [
+    {
+      "name": "pi",
+      "column": "Enrollment",
+      "valueType": "TEXT",
+      "type": "java.lang.String",
+      "hidden": false,
+      "meta": true
+    },
+    {
+      "name": "tei",
+      "column": "Tracked entity instance",
+      "valueType": "TEXT",
+      "type": "java.lang.String",
+      "hidden": false,
+      "meta": true
+    },
+    {
+      "name": "enrollmentdate",
+      "column": "Enrollment date",
+      "valueType": "DATE",
+      "type": "java.util.Date",
+      "hidden": false,
+      "meta": true
+    },
+    {
+      "name": "incidentdate",
+      "column": "Incident date",
+      "valueType": "DATE",
+      "type": "java.util.Date",
+      "hidden": false,
+      "meta": true
+    },
+    {
+      "name": "geometry",
+      "column": "Geometry",
+      "valueType": "TEXT",
+      "type": "java.lang.String",
+      "hidden": false,
+      "meta": true
+    },
+    {
+      "name": "longitude",
+      "column": "Longitude",
+      "valueType": "NUMBER",
+      "type": "java.lang.Double",
+      "hidden": false,
+      "meta": true
+    },
+    {
+      "name": "latitude",
+      "column": "Latitude",
+      "valueType": "NUMBER",
+      "type": "java.lang.Double",
+      "hidden": false,
+      "meta": true
+    },
+    {
+      "name": "ouname",
+      "column": "Organisation unit name",
+      "valueType": "TEXT",
+      "type": "java.lang.String",
+      "hidden": false,
+      "meta": true
+    },
+    {
+      "name": "oucode",
+      "column": "Organisation unit code",
+      "valueType": "TEXT",
+      "type": "java.lang.String",
+      "hidden": false,
+      "meta": true
+    },
+    {
+      "name": "ou",
+      "column": "Organisation unit",
+      "valueType": "TEXT",
+      "type": "java.lang.String",
+      "hidden": false,
+      "meta": true
+    },
+    {
+      "name": "de0FEHSIoxh",
+      "column": "WHOMCH Chronic conditions",
+      "valueType": "BOOLEAN",
+      "type": "java.lang.Boolean",
+      "hidden": false,
+      "meta": true
+    },
+    {
+      "name": "sWoqcoByYmD",
+      "column": "WHOMCH Smoking",
+      "valueType": "BOOLEAN",
+      "type": "java.lang.Boolean",
+      "hidden": false,
+      "meta": true
+    }
+  ],
+  "metaData": {
+    "pager": {
+      "page": 2,
+      "total": 163,
+      "pageSize": 4,
+      "pageCount": 41
+    },
+    "items": {
+      "ImspTQPwCqd": {
+        "name": "Sierra Leone"
+      },
+      "PFDfvmGpsR3": {
+        "name": "Care at birth"
+      },
+      "bbKtnxRZKEP": {
+        "name": "Postpartum care visit"
+      },
+      "ou": {
+        "name": "Organisation unit"
+      },
+      "PUZaKR0Jh2k": {
+        "name": "Previous deliveries"
+      },
+      "edqlbukwRfQ": {
+        "name": "Antenatal care visit"
+      },
+      "WZbXY0S00lP": {
+        "name": "First antenatal care visit"
+      },
+      "sWoqcoByYmD": {
+        "name": "WHOMCH Smoking"
+      },
+      "WSGAb5XwJ3Y": {
+        "name": "WHO RMNCH Tracker"
+      },
+      "de0FEHSIoxh": {
+        "name": "WHOMCH Chronic conditions"
+      }
+    },
+    "dimensions": {
+      "pe": [],
+      "ou": ["ImspTQPwCqd"],
+      "sWoqcoByYmD": [],
+      "de0FEHSIoxh": []
+    }
+  },
+  "width": 12,
+  "rows": [
+    [
+      "A0cP533hIQv",
+      "to8G9jAprnx",
+      "2019-02-02 12:05:00.0",
+      "2019-02-02 12:05:00.0",
+      "",
+      "0.0",
+      "0.0",
+      "Tonkomba MCHP",
+      "OU_193264",
+      "xIMxph4NMP1",
+      "0",
+      "1"
+    ],
+    [
+      "ZqiUn2uXmBi",
+      "SJtv0WzoYki",
+      "2019-02-02 12:05:00.0",
+      "2019-02-02 12:05:00.0",
+      "",
+      "0.0",
+      "0.0",
+      "Mawoma MCHP",
+      "OU_254973",
+      "Srnpwq8jKbp",
+      "0",
+      "0"
+    ],
+    [
+      "lE747mUAtbz",
+      "PGzTv2A1xzn",
+      "2019-02-02 12:05:00.0",
+      "2019-02-02 12:05:00.0",
+      "",
+      "0.0",
+      "0.0",
+      "Kunsho CHP",
+      "OU_193254",
+      "tdhB1JXYBx2",
+      "",
+      "0"
+    ],
+    [
+      "nmcqu9QF8ow",
+      "pav3tGLjYuq",
+      "2019-02-03 12:05:00.0",
+      "2019-02-03 12:05:00.0",
+      "",
+      "0.0",
+      "0.0",
+      "Korbu MCHP",
+      "OU_678893",
+      "m73lWmo5BDG",
+      "",
+      "1"
+    ]
+  ],
+  "height": 4
+}

package/build/es/api/analytics/Analytics.js

@@ -2,6 +2,7 @@
  * @module analytics
  */
 import AnalyticsAggregate from './AnalyticsAggregate.js';
+import AnalyticsEnrollments from './AnalyticsEnrollments.js';
 import AnalyticsEvents from './AnalyticsEvents.js';
 import AnalyticsRequest from './AnalyticsRequest.js';
 import AnalyticsResponse from './AnalyticsResponse.js';
@@ -30,17 +31,20 @@ import AnalyticsResponse from './AnalyticsResponse.js';
 class Analytics {
   /**
    * @param {!module:analytics.AnalyticsAggregate} analyticsAggregate The AnalyticsAggregate instance
+   * @param {!module:analytics.AnalyticsEnrollments} analyticsEnrollments The AnalyticsEnrollments instance
    * @param {!module:analytics.AnalyticsEvents} analyticsEvents The AnalyticsEvents instance
    * @param {!module:analytics.AnalyticsRequest} analyticsRequest The AnalyticsRequest class
    * @param {!module:analytics.AnalyticsResponse} analyticsResponse The AnalyticsResponse class
    */
   constructor({
     aggregate,
+    enrollments,
     events,
     request,
     response
   }) {
     this.aggregate = aggregate;
+    this.enrollments = enrollments;
     this.events = events;
     this.request = request;
     this.response = response;
@@ -63,6 +67,7 @@ class Analytics {
     if (!Analytics.getAnalytics.analytics) {
       Analytics.getAnalytics.analytics = new Analytics({
         aggregate: new AnalyticsAggregate(dataEngine),
+        enrollments: new AnalyticsEnrollments(dataEngine),
         events: new AnalyticsEvents(dataEngine),
         request: AnalyticsRequest,
         response: AnalyticsResponse

package/build/es/api/analytics/AnalyticsEnrollments.js

@@ -0,0 +1,38 @@
+import AnalyticsBase from './AnalyticsBase.js';
+/**
+ * @extends module:analytics.AnalyticsBase
+ *
+ * @description
+ * Analytics enrollments class used to request analytics enrollments data from Web API.
+ *
+ * @memberof module:analytics
+ *
+ * @see https://docs.dhis2.org/en/develop/using-the-api/dhis-core-version-236/analytics.html#webapi_enrollment_analytics
+ */
+
+class AnalyticsEnrollments extends AnalyticsBase {
+  /**
+   * @param {!AnalyticsRequest} req Request object
+   *
+   * @returns {Promise} Promise that resolves with the analytics query data from the api.
+   *
+   * @example
+   * const req = new analytics.request()
+   *  .withProgram('eBAyeGv0exc')
+   *  .addDataDimension(['Uvn6LCg7dVU','OdiHJayrsKo'])
+   *  .addPeriodDimension('LAST_4_QUARTERS')
+   *  .addOrgUnitDimension(['lc3eMKXaEfw','PMa2VCrupOd'])
+   *  .addOrgUnitFilter('O6uvpzGd5pu')
+   *  .withStartDate('2017-10-01')
+   *  .withEndDate('2017-10-31');
+   *
+   *  analytics.enrollments.getQuery(req)
+   *  .then(console.log);
+   */
+  getQuery(req) {
+    return this.fetch(req.withPath('enrollments/query'));
+  }
+
+}
+
+export default AnalyticsEnrollments;

package/build/es/api/analytics/__tests__/AnalyticsEnrollments.spec.js

@@ -0,0 +1,40 @@
+import fixtures from '../../../__fixtures__/fixtures.js';
+import DataEngineMock from '../__mocks__/DataEngine.js';
+import AnalyticsEnrollments from '../AnalyticsEnrollments.js';
+import AnalyticsRequest from '../AnalyticsRequest.js';
+describe('analytics.enrollments', () => {
+  let enrollments;
+  let request;
+  let dataEngineMock;
+  let fixture;
+  beforeEach(() => {
+    dataEngineMock = new DataEngineMock();
+    DataEngineMock.mockClear();
+    enrollments = new AnalyticsEnrollments();
+  });
+  it('should not be allowed to be called without new', () => {
+    expect(() => AnalyticsEnrollments()).toThrowErrorMatchingSnapshot();
+  });
+  it('should use the dataEngine object when it is passed', () => {
+    const dataEngineMockObject = {};
+    enrollments = new AnalyticsEnrollments(dataEngineMockObject);
+    expect(enrollments.dataEngine).toBe(dataEngineMockObject);
+  });
+  describe('.getQuery()', () => {
+    beforeEach(() => {
+      enrollments = new AnalyticsEnrollments(new DataEngineMock());
+      request = new AnalyticsRequest().addOrgUnitDimension('ImspTQPwCqd').addDimension('WZbXY0S00lP.de0FEHSIoxh').addDimension('WZbXY0S00lP.sWoqcoByYmD').addPeriodFilter('LAST_MONTH').withProgram('WSGAb5XwJ3Y').withStage('WZbXY0S00lP').withAsc('ENROLLMENTDATE').withOuMode('DESCENDANTS').withColumns('w75KJ2mc4zz').withPage(1).withPageSize(10);
+      fixture = fixtures.get('/api/analytics/enrollments');
+      dataEngineMock.query.mockReturnValue(Promise.resolve({
+        data: fixture
+      }));
+    });
+    it('should be a function', () => {
+      expect(enrollments.getQuery).toBeInstanceOf(Function);
+    });
+    it('should resolve a promise with data', () => enrollments.getQuery(request).then(data => {
+      expect(data.width).toEqual(fixture.width);
+      expect(data.height).toEqual(fixture.height);
+    }));
+  });
+});

package/build/es/api/analytics/__tests__/__snapshots__/AnalyticsEnrollments.spec.js.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`analytics.enrollments should not be allowed to be called without new 1`] = `"Class constructor AnalyticsEnrollments cannot be invoked without 'new'"`;

package/build/es/components/CachedDataQueryProvider.js

@@ -0,0 +1,50 @@
+import { useDataQuery } from '@dhis2/app-runtime';
+import i18n from '@dhis2/d2-i18n';
+import { Layer, CenteredContent, CircularLoader, NoticeBox } from '@dhis2/ui';
+import PropTypes from 'prop-types';
+import React, { createContext, useContext } from 'react';
+const CachedDataQueryCtx = /*#__PURE__*/createContext({});
+
+const CachedDataQueryProvider = ({
+  query,
+  dataTransformation,
+  children
+}) => {
+  const {
+    data: rawData,
+    ...rest
+  } = useDataQuery(query);
+  const {
+    error,
+    loading
+  } = rest;
+  const data = rawData && dataTransformation ? dataTransformation(rawData) : rawData;
+
+  if (loading) {
+    return /*#__PURE__*/React.createElement(Layer, {
+      translucent: true
+    }, /*#__PURE__*/React.createElement(CenteredContent, null, /*#__PURE__*/React.createElement(CircularLoader, null)));
+  }
+
+  if (error) {
+    const fallbackMsg = i18n.t('This app could not retrieve required data.');
+    return /*#__PURE__*/React.createElement(NoticeBox, {
+      error: true,
+      title: i18n.t('Network error')
+    }, error.message || fallbackMsg);
+  }
+
+  return /*#__PURE__*/React.createElement(CachedDataQueryCtx.Provider, {
+    value: data
+  }, children);
+};
+
+CachedDataQueryProvider.propTypes = {
+  children: PropTypes.node.isRequired,
+  query: PropTypes.object.isRequired,
+  dataTransformation: PropTypes.func
+};
+
+const useCachedDataQuery = () => useContext(CachedDataQueryCtx);
+
+export { CachedDataQueryProvider, useCachedDataQuery };

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

@@ -12,12 +12,9 @@ import { RenameDialog } from './RenameDialog.js';
 import { SaveAsDialog } from './SaveAsDialog.js';
 import { supportedFileTypes } from './utils.js';
 export const FileMenu = ({
-  d2,
-  // to be removed as soon as TranslateDialog and FavoritesDialog are rewritten
-  defaultFilterVisType,
+  currentUser,
   fileType,
   fileObject,
-  filterVisTypes,
   onNew,
   onOpen,
   onSave,
@@ -132,15 +129,13 @@ export const FileMenu = ({
   }, i18n.t('File'))), /*#__PURE__*/React.createElement(OpenFileDialog, {
     open: currentDialog === 'open',
     type: fileType,
-    filterVisTypes: filterVisTypes,
-    defaultFilterVisType: defaultFilterVisType,
     onClose: onDialogClose,
     onFileSelect: id => {
       onOpen(id);
       onDialogClose();
     },
     onNew: onNew,
-    currentUser: d2.currentUser
+    currentUser: currentUser
   }), menuIsOpen && /*#__PURE__*/React.createElement(Layer, {
     onClick: toggleMenu,
     position: "fixed",
@@ -241,11 +236,9 @@ FileMenu.defaultProps = {
   onTranslate: Function.prototype
 };
 FileMenu.propTypes = {
-  d2: PropTypes.object,
-  defaultFilterVisType: PropTypes.string,
+  currentUser: PropTypes.object,
   fileObject: PropTypes.object,
   fileType: PropTypes.oneOf(supportedFileTypes),
-  filterVisTypes: PropTypes.array,
   onDelete: PropTypes.func,
   onError: PropTypes.func,
   onNew: PropTypes.func,

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

@@ -32,11 +32,9 @@ describe('The FileMenu component ', () => {
   beforeEach(() => {
     shallowFileMenu = undefined;
     props = {
-      d2: {
-        currentUser: {
-          id: 'u1',
-          displayName: 'Test user'
-        }
+      currentUser: {
+        id: 'u1',
+        displayName: 'Test user'
       },
       fileType: 'visualization',
       fileObject: undefined,

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

@@ -1,4 +1,4 @@
-export const supportedFileTypes = ['eventReport', 'visualization', 'map'];
+export const supportedFileTypes = ['eventReport', 'visualization', 'map', 'eventVisualization'];
 export const endpointFromFileType = fileType => {
   switch (fileType) {
     case 'visualization':

package/build/es/components/OpenFileDialog/CustomSelectOption.js

@@ -1,20 +1,16 @@
 import _JSXStyle from "styled-jsx/style";
-import i18n from '@dhis2/d2-i18n';
-import { MenuDivider, Tooltip } from '@dhis2/ui';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import styles from './styles/CustomSelectOption.style.js';
-
-const CustomSelectOptionItem = ({
+export const CustomSelectOption = ({
   value,
   label,
   icon,
-  insertDivider,
   onClick,
   active,
   disabled
-}) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+}) => /*#__PURE__*/React.createElement("div", {
   onClick: e => onClick({}, e),
   "data-value": value,
   "data-label": label,
@@ -23,18 +19,10 @@ const CustomSelectOptionItem = ({
     disabled
   }) || "")
 }, icon, /*#__PURE__*/React.createElement("span", {
-  className: "jsx-".concat(styles.__hash) + " " + (cx({
-    label: icon
-  }) || "")
+  className: "jsx-".concat(styles.__hash) + " " + "label"
 }, label), /*#__PURE__*/React.createElement(_JSXStyle, {
   id: styles.__hash
-}, styles)), insertDivider ? /*#__PURE__*/React.createElement(MenuDivider, {
-  dense: true
-}) : null);
-
-export const CustomSelectOption = props => props.disabled ? /*#__PURE__*/React.createElement(Tooltip, {
-  content: i18n.t('Not supported by this app yet')
-}, /*#__PURE__*/React.createElement(CustomSelectOptionItem, props)) : /*#__PURE__*/React.createElement(CustomSelectOptionItem, props);
+}, styles));
 CustomSelectOption.propTypes = {
   icon: PropTypes.element.isRequired,
   label: PropTypes.string.isRequired,
@@ -43,5 +31,4 @@ CustomSelectOption.propTypes = {
   disabled: PropTypes.bool,
   onClick: PropTypes.func
 };
-CustomSelectOptionItem.propTypes = CustomSelectOption.propTypes;
 export default CustomSelectOption;

package/build/es/components/OpenFileDialog/FileList.js

@@ -4,14 +4,14 @@ import React from 'react';
 import { VisTypeIcon } from '../VisTypeIcon.js';
 import { DateField } from './DateField.js';
 export const FileList = ({
+  type,
   data,
-  onSelect,
-  showVisTypeColumn
+  onSelect
 }) => /*#__PURE__*/React.createElement(React.Fragment, null, data.map(visualization => /*#__PURE__*/React.createElement(DataTableRow, {
   key: visualization.id
 }, /*#__PURE__*/React.createElement(DataTableCell, {
   onClick: () => onSelect(visualization.id)
-}, visualization.displayName), showVisTypeColumn && /*#__PURE__*/React.createElement(DataTableCell, {
+}, visualization.displayName), type === 'visualization' && /*#__PURE__*/React.createElement(DataTableCell, {
   align: "center"
 }, /*#__PURE__*/React.createElement(VisTypeIcon, {
   type: visualization.type,
@@ -30,7 +30,7 @@ FileList.propTypes = {
     lastUpdated: PropTypes.string.isRequired,
     type: PropTypes.string
   })).isRequired,
-  onSelect: PropTypes.func.isRequired,
-  showVisTypeColumn: PropTypes.bool
+  type: PropTypes.string.isRequired,
+  onSelect: PropTypes.func.isRequired
 };
 export default FileList;

package/build/es/components/OpenFileDialog/OpenFileDialog.js

@@ -5,14 +5,13 @@ import { Box, Modal, ModalTitle, ModalContent, DataTable, DataTableHead, DataTab
 import isEqual from 'lodash/isEqual';
 import PropTypes from 'prop-types';
 import React, { useEffect, useMemo, useState } from 'react';
-import { VIS_TYPE_ALL, VIS_TYPE_CHARTS } from '../../modules/visTypes.js';
 import { CreatedByFilter, CREATED_BY_ALL, CREATED_BY_ALL_BUT_CURRENT_USER, CREATED_BY_CURRENT_USER } from './CreatedByFilter.js';
 import { FileList } from './FileList.js';
 import { NameFilter } from './NameFilter.js';
 import { styles } from './OpenFileDialog.styles.js';
 import { PaginationControls } from './PaginationControls.js';
-import { getTranslatedString, AOTypeMap } from './utils.js';
-import { VisTypeFilter } from './VisTypeFilter.js';
+import { getTranslatedString, AO_TYPE_VISUALIZATION, AO_TYPE_EVENT_REPORT, AO_TYPE_EVENT_VISUALIZATION, AOTypeMap } from './utils.js';
+import { VisTypeFilter, VIS_TYPE_ALL, VIS_TYPE_CHARTS } from './VisTypeFilter.js';
 
 const getQuery = type => ({
   files: {
@@ -43,8 +42,6 @@ const getQuery = type => ({
 export const OpenFileDialog = ({
   type,
   open,
-  filterVisTypes,
-  defaultFilterVisType,
   onClose,
   onFileSelect,
   onNew,
@@ -54,7 +51,7 @@ export const OpenFileDialog = ({
   const defaultFilters = {
     searchTerm: '',
     createdBy: CREATED_BY_ALL,
-    visType: defaultFilterVisType
+    visType: VIS_TYPE_ALL
   };
   const [{
     sortField,
@@ -85,23 +82,26 @@ export const OpenFileDialog = ({
         break;
     }
 
-    if (filters.visType) {
-      switch (filters.visType) {
-        case VIS_TYPE_ALL:
-          break;
+    switch (filters.visType) {
+      case VIS_TYPE_ALL:
+        break;
 
-        case VIS_TYPE_CHARTS:
-          queryFilters.push('type:!eq:PIVOT_TABLE');
-          break;
+      case VIS_TYPE_CHARTS:
+        queryFilters.push('type:!eq:PIVOT_TABLE');
+        break;
 
-        default:
-          queryFilters.push("type:eq:".concat(filters.visType));
-          break;
-      }
+      default:
+        queryFilters.push("type:eq:".concat(filters.visType));
+        break;
     }
 
     if (filters.searchTerm) {
       queryFilters.push("name:ilike:".concat(filters.searchTerm));
+    } // for ER 2.38 only show line list ER types
+
+
+    if (type === AO_TYPE_EVENT_REPORT || type === AO_TYPE_EVENT_VISUALIZATION) {
+      queryFilters.push('dataType:eq:EVENTS');
     }
 
     return queryFilters;
@@ -132,13 +132,16 @@ export const OpenFileDialog = ({
     }
   }, [open, page, sortField, sortDirection]);
   useEffect(() => {
-    // reset pagination when filters are applied/changed
-    setPage(1);
-    refetch({
-      sortField,
-      sortDirection,
-      filters: formatFilters()
-    });
+    // avoid fetching data when the dialog is first rendered (hidden)
+    if (open) {
+      // reset pagination when filters are applied/changed
+      setPage(1);
+      refetch({
+        sortField,
+        sortDirection,
+        filters: formatFilters()
+      });
+    }
   }, [filters]);
   const headers = [{
     field: 'displayName',
@@ -154,7 +157,7 @@ export const OpenFileDialog = ({
     width: '110px'
   }];
 
-  if (filterVisTypes !== null && filterVisTypes !== void 0 && filterVisTypes.length) {
+  if (type === AO_TYPE_VISUALIZATION) {
     headers.splice(1, 0, {
       field: 'type',
       label: i18n.t('Type'),
@@ -187,10 +190,9 @@ export const OpenFileDialog = ({
         searchTerm: value
       }), 200));
     }
-  })), (filterVisTypes === null || filterVisTypes === void 0 ? void 0 : filterVisTypes.length) && /*#__PURE__*/React.createElement("div", {
+  })), type === AO_TYPE_VISUALIZATION && /*#__PURE__*/React.createElement("div", {
     className: "jsx-".concat(styles.__hash) + " " + "type-field-container"
   }, /*#__PURE__*/React.createElement(VisTypeFilter, {
-    visTypes: filterVisTypes,
     selected: filters.visType,
     onChange: value => setFilters({ ...filters,
       visType: value
@@ -259,9 +261,9 @@ export const OpenFileDialog = ({
       onClose();
     }
   }, getTranslatedString(type, 'newButtonLabel'))))))))), (data === null || data === void 0 ? void 0 : data.files[AOTypeMap[type].apiEndpoint].length) > 0 && /*#__PURE__*/React.createElement(FileList, {
+    type: type,
     data: data.files[AOTypeMap[type].apiEndpoint],
-    onSelect: onFileSelect,
-    showVisTypeColumn: Boolean(filterVisTypes === null || filterVisTypes === void 0 ? void 0 : filterVisTypes.length)
+    onSelect: onFileSelect
   }))), (data === null || data === void 0 ? void 0 : data.files[AOTypeMap[type].apiEndpoint].length) > 0 && /*#__PURE__*/React.createElement(DataTableToolbar, {
     position: "bottom"
   }, /*#__PURE__*/React.createElement("div", {
@@ -280,8 +282,6 @@ OpenFileDialog.propTypes = {
   type: PropTypes.oneOf(Object.keys(AOTypeMap)).isRequired,
   onClose: PropTypes.func.isRequired,
   onFileSelect: PropTypes.func.isRequired,
-  onNew: PropTypes.func.isRequired,
-  defaultFilterVisType: PropTypes.string,
-  filterVisTypes: PropTypes.array
+  onNew: PropTypes.func.isRequired
 };
 export default OpenFileDialog;

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

@@ -1,3 +1,3 @@
 import { colors, spacers } from '@dhis2/ui';
-export const styles = [".data-table-body.jsx-2890213967{min-height:465px;}", ".pagination-controls.jsx-2890213967{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}", ".search-and-filter-bar.jsx-2890213967{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;margin-bottom:".concat(spacers.dp8, ";}"), ".search-field-container.jsx-2890213967{min-width:220px;}", ".type-field-container.jsx-2890213967,.created-by-field-container.jsx-2890213967{min-width:180px;}", ".info-cell.jsx-2890213967{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:".concat(spacers.dp32, " 0;}"), ".info-container.jsx-2890213967{max-width:400px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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;}", ".info-text.jsx-2890213967{text-align:center;font-size:14px;line-height:19px;color:".concat(colors.grey700, ";}"), ".info-button.jsx-2890213967{margin-top:".concat(spacers.dp12, ";}")];
-styles.__hash = "2890213967";
+export const styles = [".data-table-body.jsx-1047699013{min-height:465px;}", ".pagination-controls.jsx-1047699013{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}", ".search-and-filter-bar.jsx-1047699013{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(spacers.dp4, ";-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:").concat(spacers.dp8, ";}"), ".search-field-container.jsx-1047699013{min-width:220px;}", ".type-field-container.jsx-1047699013,.created-by-field-container.jsx-1047699013{min-width:180px;}", ".info-cell.jsx-1047699013{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:".concat(spacers.dp32, " 0;}"), ".info-container.jsx-1047699013{max-width:400px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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;}", ".info-text.jsx-1047699013{text-align:center;font-size:14px;line-height:19px;color:".concat(colors.grey700, ";}"), ".info-button.jsx-1047699013{margin-top:".concat(spacers.dp12, ";}")];
+styles.__hash = "1047699013";