@dhis2/analytics 22.0.0-alpha.2 → 23.0.0-alpha.1

package/build/cjs/__demo__/FileMenu.stories.js

@@ -14,10 +14,10 @@ const configMock = {
   baseUrl: 'http://localhost:8080',
   apiVersion: 33
 };
-const d2Mock = {
-  i18n: {
-    getTranslation: string => string
-  }
+const user = {
+  displayName: 'John Traore',
+  id: 'xE7jOejl9FI',
+  username: 'admin'
 };
 const visObject = {
   lastUpdated: '2020-10-12T09:44:46.194',
@@ -38,16 +38,8 @@ const visObject = {
     write: true,
     manage: true
   },
-  lastUpdatedBy: {
-    displayName: 'John Traore',
-    id: 'xE7jOejl9FI',
-    username: 'admin'
-  },
-  user: {
-    displayName: 'John Traore',
-    id: 'xE7jOejl9FI',
-    username: 'admin'
-  },
+  lastUpdatedBy: user,
+  user,
   translations: [],
   userAccesses: [{
     access: 'rw------',
@@ -67,18 +59,18 @@ const visReadonlyObject = { ...visObject,
   }
 };
 (0, _react.storiesOf)('FileMenu', module).add('Simple', () => /*#__PURE__*/_react2.default.createElement(_FileMenu.FileMenu, {
-  d2: d2Mock,
+  currentUser: user,
   fileType: "visualization"
 })).add('With AO', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
   config: configMock
 }, /*#__PURE__*/_react2.default.createElement(_FileMenu.FileMenu, {
-  d2: d2Mock,
+  currentUser: user,
   fileType: "visualization",
   fileObject: visObject
 }))).add('With readonly AO', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
   config: configMock
 }, /*#__PURE__*/_react2.default.createElement(_FileMenu.FileMenu, {
-  d2: d2Mock,
+  currentUser: user,
   fileType: "visualization",
   fileObject: visReadonlyObject
 })));

package/build/cjs/__demo__/OpenFileDialog.stories.js

@@ -8,6 +8,8 @@ var _react2 = _interopRequireDefault(require("react"));
 
 var _OpenFileDialog = require("../components/OpenFileDialog/OpenFileDialog.js");
 
+var _visTypes = require("../modules/visTypes.js");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const configMock = {
@@ -22,17 +24,30 @@ const user = {
 
 const onFileSelect = id => alert("Opening ".concat(id));
 
-(0, _react.storiesOf)('OpenFileDialog', module).add('List of visualizations', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
+const filterVisTypesWithGroupsAndDivider = [{
+  type: _visTypes.VIS_TYPE_GROUP_ALL
+}, {
+  type: _visTypes.VIS_TYPE_GROUP_CHARTS,
+  insertDivider: true
+}, {
+  type: _visTypes.VIS_TYPE_PIVOT_TABLE
+}, {
+  type: _visTypes.VIS_TYPE_COLUMN
+}, {
+  type: _visTypes.VIS_TYPE_BAR
+}];
+(0, _react.storiesOf)('OpenFileDialog', module).add('List of visualizations with vis type filter and divider (no default vis type)', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
   config: configMock
 }, /*#__PURE__*/_react2.default.createElement(_OpenFileDialog.OpenFileDialog, {
   type: "visualization",
+  filterVisTypes: filterVisTypesWithGroupsAndDivider,
   onClose: Function.prototype,
   onFileSelect: onFileSelect,
   onNew: Function.prototype,
   open: true,
   currentUser: user
 })));
-(0, _react.storiesOf)('OpenFileDialog', module).add('List of maps', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
+(0, _react.storiesOf)('OpenFileDialog', module).add('List of maps (no vis type filter)', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
   config: configMock
 }, /*#__PURE__*/_react2.default.createElement(_OpenFileDialog.OpenFileDialog, {
   type: "map",
@@ -42,20 +57,38 @@ const onFileSelect = id => alert("Opening ".concat(id));
   open: true,
   currentUser: user
 })));
-(0, _react.storiesOf)('OpenFileDialog', module).add('List of event reports (Line list only)', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
+const filterVisTypesWithDisabled = [{
+  type: _visTypes.VIS_TYPE_PIVOT_TABLE,
+  disabled: true
+}, {
+  type: _visTypes.VIS_TYPE_LINE_LIST
+}];
+(0, _react.storiesOf)('OpenFileDialog', module).add('List of event visualizations with vis type filter, disabled type and default vis type', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
   config: configMock
 }, /*#__PURE__*/_react2.default.createElement(_OpenFileDialog.OpenFileDialog, {
-  type: "eventReport",
+  type: "eventVisualization",
+  filterVisTypes: filterVisTypesWithDisabled,
+  defaultFilterVisType: _visTypes.VIS_TYPE_LINE_LIST,
   onClose: Function.prototype,
   onFileSelect: onFileSelect,
   onNew: Function.prototype,
   open: true,
   currentUser: user
 })));
-(0, _react.storiesOf)('OpenFileDialog', module).add('List of a supported type without custom titles/texts', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
+const filterVisTypesWithGroupDividerAndDisabled = [{
+  type: _visTypes.VIS_TYPE_GROUP_ALL
+}, {
+  type: _visTypes.VIS_TYPE_BAR,
+  insertDivider: true
+}, {
+  type: _visTypes.VIS_TYPE_COLUMN,
+  disabled: true
+}];
+(0, _react.storiesOf)('OpenFileDialog', module).add('List of visualizations with vis type filter with group type, divider and disabled option (no default vis type)', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
   config: configMock
 }, /*#__PURE__*/_react2.default.createElement(_OpenFileDialog.OpenFileDialog, {
-  type: "eventChart",
+  type: "visualization",
+  filterVisTypes: filterVisTypesWithGroupDividerAndDisabled,
   onClose: Function.prototype,
   onFileSelect: onFileSelect,
   onNew: Function.prototype,

package/build/cjs/__fixtures__/fixtures.js

@@ -98,6 +98,7 @@ var _default = function x() {
   addFixture('/api/analytics/query', require('./json/api/analytics/query.json'));
   addFixture('/api/analytics/cluster', require('./json/api/analytics/cluster.json'));
   addFixture('/api/analytics/response', require('./json/api/analytics/response.json'));
+  addFixture('/api/analytics/enrollments', require('./json/api/analytics/enrollments.json'));
   return {
     get: getFixture,
     add: addFixture

package/build/cjs/__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/cjs/api/analytics/Analytics.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _AnalyticsAggregate = _interopRequireDefault(require("./AnalyticsAggregate.js"));
 
+var _AnalyticsEnrollments = _interopRequireDefault(require("./AnalyticsEnrollments.js"));
+
 var _AnalyticsEvents = _interopRequireDefault(require("./AnalyticsEvents.js"));
 
 var _AnalyticsRequest = _interopRequireDefault(require("./AnalyticsRequest.js"));
@@ -43,17 +45,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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;
@@ -76,6 +81,7 @@ class Analytics {
     if (!Analytics.getAnalytics.analytics) {
       Analytics.getAnalytics.analytics = new Analytics({
         aggregate: new _AnalyticsAggregate.default(dataEngine),
+        enrollments: new _AnalyticsEnrollments.default(dataEngine),
         events: new _AnalyticsEvents.default(dataEngine),
         request: _AnalyticsRequest.default,
         response: _AnalyticsResponse.default

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _AnalyticsBase = _interopRequireDefault(require("./AnalyticsBase.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * @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.default {
+  /**
+   * @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'));
+  }
+
+}
+
+var _default = AnalyticsEnrollments;
+exports.default = _default;

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

@@ -0,0 +1,50 @@
+"use strict";
+
+var _fixtures = _interopRequireDefault(require("../../../__fixtures__/fixtures.js"));
+
+var _DataEngine = _interopRequireDefault(require("../__mocks__/DataEngine.js"));
+
+var _AnalyticsEnrollments = _interopRequireDefault(require("../AnalyticsEnrollments.js"));
+
+var _AnalyticsRequest = _interopRequireDefault(require("../AnalyticsRequest.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('analytics.enrollments', () => {
+  let enrollments;
+  let request;
+  let dataEngineMock;
+  let fixture;
+  beforeEach(() => {
+    dataEngineMock = new _DataEngine.default();
+
+    _DataEngine.default.mockClear();
+
+    enrollments = new _AnalyticsEnrollments.default();
+  });
+  it('should not be allowed to be called without new', () => {
+    expect(() => (0, _AnalyticsEnrollments.default)()).toThrowErrorMatchingSnapshot();
+  });
+  it('should use the dataEngine object when it is passed', () => {
+    const dataEngineMockObject = {};
+    enrollments = new _AnalyticsEnrollments.default(dataEngineMockObject);
+    expect(enrollments.dataEngine).toBe(dataEngineMockObject);
+  });
+  describe('.getQuery()', () => {
+    beforeEach(() => {
+      enrollments = new _AnalyticsEnrollments.default(new _DataEngine.default());
+      request = new _AnalyticsRequest.default().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.default.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/cjs/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/cjs/components/CachedDataQueryProvider.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCachedDataQuery = exports.CachedDataQueryProvider = void 0;
+
+var _appRuntime = require("@dhis2/app-runtime");
+
+var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
+
+var _ui = require("@dhis2/ui");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const CachedDataQueryCtx = /*#__PURE__*/(0, _react.createContext)({});
+
+const CachedDataQueryProvider = ({
+  query,
+  dataTransformation,
+  children
+}) => {
+  const {
+    data: rawData,
+    ...rest
+  } = (0, _appRuntime.useDataQuery)(query);
+  const {
+    error,
+    loading
+  } = rest;
+  const data = rawData && dataTransformation ? dataTransformation(rawData) : rawData;
+
+  if (loading) {
+    return /*#__PURE__*/_react.default.createElement(_ui.Layer, {
+      translucent: true
+    }, /*#__PURE__*/_react.default.createElement(_ui.CenteredContent, null, /*#__PURE__*/_react.default.createElement(_ui.CircularLoader, null)));
+  }
+
+  if (error) {
+    const fallbackMsg = _d2I18n.default.t('This app could not retrieve required data.');
+
+    return /*#__PURE__*/_react.default.createElement(_ui.NoticeBox, {
+      error: true,
+      title: _d2I18n.default.t('Network error')
+    }, error.message || fallbackMsg);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(CachedDataQueryCtx.Provider, {
+    value: data
+  }, children);
+};
+
+exports.CachedDataQueryProvider = CachedDataQueryProvider;
+CachedDataQueryProvider.propTypes = {
+  children: _propTypes.default.node.isRequired,
+  query: _propTypes.default.object.isRequired,
+  dataTransformation: _propTypes.default.func
+};
+
+const useCachedDataQuery = () => (0, _react.useContext)(CachedDataQueryCtx);
+
+exports.useCachedDataQuery = useCachedDataQuery;

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

@@ -38,8 +38,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const FileMenu = ({
-  d2,
-  // to be removed as soon as TranslateDialog and FavoritesDialog are rewritten
+  currentUser,
   defaultFilterVisType,
   fileType,
   fileObject,
@@ -166,7 +165,7 @@ const FileMenu = ({
       onDialogClose();
     },
     onNew: onNew,
-    currentUser: d2.currentUser
+    currentUser: currentUser
   }), menuIsOpen && /*#__PURE__*/_react.default.createElement(_ui.Layer, {
     onClick: toggleMenu,
     position: "fixed",
@@ -269,7 +268,7 @@ FileMenu.defaultProps = {
   onTranslate: Function.prototype
 };
 FileMenu.propTypes = {
-  d2: _propTypes.default.object,
+  currentUser: _propTypes.default.object,
   defaultFilterVisType: _propTypes.default.string,
   fileObject: _propTypes.default.object,
   fileType: _propTypes.default.oneOf(_utils.supportedFileTypes),

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

@@ -46,11 +46,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/cjs/components/FileMenu/utils.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.appPathFor = exports.endpointFromFileType = exports.supportedFileTypes = void 0;
-const supportedFileTypes = ['eventReport', 'visualization', 'map'];
+const supportedFileTypes = ['eventReport', 'visualization', 'map', 'eventVisualization'];
 exports.supportedFileTypes = supportedFileTypes;
 
 const endpointFromFileType = fileType => {

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

@@ -43,9 +43,9 @@ const CustomSelectOptionItem = ({
   }) || "")
 }, label), /*#__PURE__*/_react.default.createElement(_style.default, {
   id: _CustomSelectOptionStyle.default.__hash
-}, _CustomSelectOptionStyle.default)), insertDivider ? /*#__PURE__*/_react.default.createElement(_ui.MenuDivider, {
+}, _CustomSelectOptionStyle.default)), insertDivider && /*#__PURE__*/_react.default.createElement(_ui.MenuDivider, {
   dense: true
-}) : null);
+}));
 
 const CustomSelectOption = props => props.disabled ? /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
   content: _d2I18n.default.t('Not supported by this app yet')

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

@@ -154,18 +154,22 @@ const OpenFileDialog = ({
       refetch({
         page,
         sortField,
-        sortDirection
+        sortDirection,
+        filters: formatFilters()
       });
     }
   }, [open, page, sortField, sortDirection]);
   (0, _react.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',