@dhis2-ui/organisation-unit-tree 9.12.0-alpha.4 → 9.13.0

package/build/cjs/organisation-unit-node/use-open-state.test.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _reactHooks = require("@testing-library/react-hooks");
+var _react = require("@testing-library/react");
 var _useOpenState = require("./use-open-state.js");
 describe('OrganisationUnitTree - useOpenState', () => {
   const onExpand = jest.fn();
@@ -15,7 +15,7 @@ describe('OrganisationUnitTree - useOpenState', () => {
     const expected = false;
     const {
       result
-    } = (0, _reactHooks.renderHook)(() => (0, _useOpenState.useOpenState)({
+    } = (0, _react.renderHook)(() => (0, _useOpenState.useOpenState)({
       path,
       expanded
     }));
@@ -30,7 +30,7 @@ describe('OrganisationUnitTree - useOpenState', () => {
     const expected = true;
     const {
       result
-    } = (0, _reactHooks.renderHook)(() => (0, _useOpenState.useOpenState)({
+    } = (0, _react.renderHook)(() => (0, _useOpenState.useOpenState)({
       path,
       expanded
     }));
@@ -44,7 +44,7 @@ describe('OrganisationUnitTree - useOpenState', () => {
     const expanded = ['/foo'];
     const {
       result
-    } = (0, _reactHooks.renderHook)(() => (0, _useOpenState.useOpenState)({
+    } = (0, _react.renderHook)(() => (0, _useOpenState.useOpenState)({
       path,
       expanded,
       onCollapse
@@ -63,7 +63,7 @@ describe('OrganisationUnitTree - useOpenState', () => {
     const expanded = [];
     const {
       result
-    } = (0, _reactHooks.renderHook)(() => (0, _useOpenState.useOpenState)({
+    } = (0, _react.renderHook)(() => (0, _useOpenState.useOpenState)({
       path,
       expanded,
       onExpand
@@ -81,7 +81,7 @@ describe('OrganisationUnitTree - useOpenState', () => {
     const path = '/foo';
     const {
       result
-    } = (0, _reactHooks.renderHook)(() => (0, _useOpenState.useOpenState)({
+    } = (0, _react.renderHook)(() => (0, _useOpenState.useOpenState)({
       autoExpandLoadingError: true,
       errorMessage: 'error message',
       path,
@@ -98,7 +98,7 @@ describe('OrganisationUnitTree - useOpenState', () => {
     const path = '/foo';
     const {
       result
-    } = (0, _reactHooks.renderHook)(() => (0, _useOpenState.useOpenState)({
+    } = (0, _react.renderHook)(() => (0, _useOpenState.useOpenState)({
       autoExpandLoadingError: undefined,
       errorMessage: 'error message',
       path,
@@ -115,7 +115,7 @@ describe('OrganisationUnitTree - useOpenState', () => {
     const path = '/foo';
     const {
       result
-    } = (0, _reactHooks.renderHook)(() => (0, _useOpenState.useOpenState)({
+    } = (0, _react.renderHook)(() => (0, _useOpenState.useOpenState)({
       autoExpandLoadingError: true,
       errorMessage: '',
       path,

package/build/cjs/organisation-unit-node/use-org-children.test.js

@@ -1,8 +1,8 @@
 "use strict";
 
 var _appRuntime = require("@dhis2/app-runtime");
-var _reactHooks = require("@testing-library/react-hooks");
-var _react = _interopRequireDefault(require("react"));
+var _react = require("@testing-library/react");
+var _react2 = _interopRequireDefault(require("react"));
 var _useOrgChildren = require("./use-org-children.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('OrganisationUnitTree - useOrgChildren', () => {
@@ -28,7 +28,7 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
     let {
       children
     } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+    return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
       data: dataProviderData
     }, children);
   };
@@ -40,9 +40,8 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
   };
   it('should respond with `loading: true`, `error: null` and `data: null` initially', async () => {
     const {
-      result,
-      waitForNextUpdate
-    } = (0, _reactHooks.renderHook)(() => (0, _useOrgChildren.useOrgChildren)({
+      result
+    } = (0, _react.renderHook)(() => (0, _useOrgChildren.useOrgChildren)({
       node
     }), {
       wrapper
@@ -57,28 +56,28 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
     // Prevent the following error log with
     // "Warning: An update to TestComponent inside a test was not wrapped
     // in act(...)."
-    await waitForNextUpdate();
+    await (0, _react.waitFor)(() => {});
   });
   it('should provide the org unit data', async () => {
     const {
-      result,
-      waitForNextUpdate
-    } = (0, _reactHooks.renderHook)(() => (0, _useOrgChildren.useOrgChildren)({
+      result
+    } = (0, _react.renderHook)(() => (0, _useOrgChildren.useOrgChildren)({
       node
     }), {
       wrapper
     });
-    await waitForNextUpdate();
-    expect(result.current).toEqual({
-      called: true,
-      loading: false,
-      error: null,
-      data: [{
-        id: 'A0000000001',
-        path: '/A0000000000/A0000000001',
-        children: [],
-        displayName: 'Org Unit 2'
-      }]
+    await (0, _react.waitFor)(() => {
+      expect(result.current).toEqual({
+        called: true,
+        loading: false,
+        error: null,
+        data: [{
+          id: 'A0000000001',
+          path: '/A0000000000/A0000000001',
+          children: [],
+          displayName: 'Org Unit 2'
+        }]
+      });
     });
   });
   it('should provide the error', async () => {
@@ -86,7 +85,7 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
       let {
         children
       } = _ref3;
-      return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+      return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
         data: {
           organisationUnits: async () => {
             throw new Error('Error message');
@@ -95,19 +94,19 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
       }, children);
     };
     const {
-      result,
-      waitForNextUpdate
-    } = (0, _reactHooks.renderHook)(() => (0, _useOrgChildren.useOrgChildren)({
+      result
+    } = (0, _react.renderHook)(() => (0, _useOrgChildren.useOrgChildren)({
       node
     }), {
       wrapper: errorWrapper
     });
-    await waitForNextUpdate();
-    expect(result.current).toEqual({
-      called: true,
-      loading: false,
-      error: new Error('Error message'),
-      data: undefined
+    await (0, _react.waitFor)(() => {
+      expect(result.current).toEqual({
+        called: true,
+        loading: false,
+        error: new Error('Error message'),
+        data: undefined
+      });
     });
   });
   it('should call the onComplete callback', async () => {
@@ -116,22 +115,21 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
       onComplete,
       node
     };
-    const {
-      waitForNextUpdate
-    } = (0, _reactHooks.renderHook)(() => (0, _useOrgChildren.useOrgChildren)(options), {
+    (0, _react.renderHook)(() => (0, _useOrgChildren.useOrgChildren)(options), {
       wrapper
     });
-    await waitForNextUpdate();
-    expect(onComplete).toHaveBeenCalledWith({
-      id: 'A0000000000',
-      path: '/A0000000000',
-      displayName: 'Org Unit 1',
-      children: [{
-        id: 'A0000000001',
-        path: '/A0000000000/A0000000001',
-        children: [],
-        displayName: 'Org Unit 2'
-      }]
+    await (0, _react.waitFor)(() => {
+      expect(onComplete).toHaveBeenCalledWith({
+        id: 'A0000000000',
+        path: '/A0000000000',
+        displayName: 'Org Unit 1',
+        children: [{
+          id: 'A0000000001',
+          path: '/A0000000000/A0000000001',
+          children: [],
+          displayName: 'Org Unit 2'
+        }]
+      });
     });
   });
   it("should sort the node's children alphabetically by default", async () => {
@@ -162,14 +160,13 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
       let {
         children
       } = _ref5;
-      return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+      return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
         data: dataProviderDataWithUnsortedChildren
       }, children);
     };
     const {
-      result,
-      waitForNextUpdate
-    } = (0, _reactHooks.renderHook)(() => (0, _useOrgChildren.useOrgChildren)({
+      result
+    } = (0, _react.renderHook)(() => (0, _useOrgChildren.useOrgChildren)({
       node: {
         ...node,
         children: 2
@@ -177,22 +174,23 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
     }), {
       wrapper: wrapperWithUnsortedChildren
     });
-    await waitForNextUpdate();
-    expect(result.current).toEqual({
-      called: true,
-      loading: false,
-      error: null,
-      data: [{
-        id: 'A0000000001',
-        path: '/A0000000000/A0000000001',
-        children: [],
-        displayName: 'Org Unit 2'
-      }, {
-        id: 'A0000000002',
-        path: '/A0000000000/A0000000002',
-        children: [],
-        displayName: 'Org Unit 3'
-      }]
+    await (0, _react.waitFor)(() => {
+      expect(result.current).toEqual({
+        called: true,
+        loading: false,
+        error: null,
+        data: [{
+          id: 'A0000000001',
+          path: '/A0000000000/A0000000001',
+          children: [],
+          displayName: 'Org Unit 2'
+        }, {
+          id: 'A0000000002',
+          path: '/A0000000000/A0000000002',
+          children: [],
+          displayName: 'Org Unit 3'
+        }]
+      });
     });
   });
   it(`should not sort the node's children alphabetically when "suppressAlphabeticalSorting" is true`, async () => {
@@ -223,7 +221,7 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
       let {
         children
       } = _ref7;
-      return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+      return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
         data: dataProviderDataWithUnsortedChildren
       }, children);
     };
@@ -235,27 +233,27 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
       suppressAlphabeticalSorting: true
     };
     const {
-      result,
-      waitForNextUpdate
-    } = (0, _reactHooks.renderHook)(() => (0, _useOrgChildren.useOrgChildren)(options), {
+      result
+    } = (0, _react.renderHook)(() => (0, _useOrgChildren.useOrgChildren)(options), {
       wrapper: wrapperWithUnsortedChildren
     });
-    await waitForNextUpdate();
-    expect(result.current).toEqual({
-      called: true,
-      loading: false,
-      error: null,
-      data: [{
-        id: 'A0000000002',
-        path: '/A0000000000/A0000000002',
-        children: [],
-        displayName: 'Org Unit 3'
-      }, {
-        id: 'A0000000001',
-        path: '/A0000000000/A0000000001',
-        children: [],
-        displayName: 'Org Unit 2'
-      }]
+    await (0, _react.waitFor)(() => {
+      expect(result.current).toEqual({
+        called: true,
+        loading: false,
+        error: null,
+        data: [{
+          id: 'A0000000002',
+          path: '/A0000000000/A0000000002',
+          children: [],
+          displayName: 'Org Unit 3'
+        }, {
+          id: 'A0000000001',
+          path: '/A0000000000/A0000000001',
+          children: [],
+          displayName: 'Org Unit 2'
+        }]
+      });
     });
   });
   it(`should not sort the node's children alphabetically when "suppressAlphabeticalSorting" is true`, async () => {
@@ -286,7 +284,7 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
       let {
         children
       } = _ref9;
-      return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+      return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
         data: dataProviderDataWithUnsortedChildren
       }, children);
     };
@@ -298,27 +296,27 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
       suppressAlphabeticalSorting: true
     };
     const {
-      result,
-      waitForNextUpdate
-    } = (0, _reactHooks.renderHook)(() => (0, _useOrgChildren.useOrgChildren)(options), {
+      result
+    } = (0, _react.renderHook)(() => (0, _useOrgChildren.useOrgChildren)(options), {
       wrapper: wrapperWithUnsortedChildren
     });
-    await waitForNextUpdate();
-    expect(result.current).toEqual({
-      called: true,
-      loading: false,
-      error: null,
-      data: [{
-        id: 'A0000000002',
-        path: '/A0000000000/A0000000002',
-        children: [],
-        displayName: 'Org Unit 3'
-      }, {
-        id: 'A0000000001',
-        path: '/A0000000000/A0000000001',
-        children: [],
-        displayName: 'Org Unit 2'
-      }]
+    await (0, _react.waitFor)(() => {
+      expect(result.current).toEqual({
+        called: true,
+        loading: false,
+        error: null,
+        data: [{
+          id: 'A0000000002',
+          path: '/A0000000000/A0000000002',
+          children: [],
+          displayName: 'Org Unit 3'
+        }, {
+          id: 'A0000000001',
+          path: '/A0000000000/A0000000001',
+          children: [],
+          displayName: 'Org Unit 2'
+        }]
+      });
     });
   });
 });

package/build/cjs/organisation-unit-node/use-org-data/use-org-data.test.js

@@ -1,8 +1,8 @@
 "use strict";
 
 var _appRuntime = require("@dhis2/app-runtime");
-var _reactHooks = require("@testing-library/react-hooks");
-var _react = _interopRequireDefault(require("react"));
+var _react = require("@testing-library/react");
+var _react2 = _interopRequireDefault(require("react"));
 var _useOrgData = require("./use-org-data.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('OrganisationUnitTree - useOrgData', () => {
@@ -39,14 +39,14 @@ describe('OrganisationUnitTree - useOrgData', () => {
     let {
       children
     } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+    return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
       data: dataProviderData
     }, children);
   };
   it('should respond with `loading: true`, `error: null` and `data: { displayName, id }` initially', () => {
     const {
       result
-    } = (0, _reactHooks.renderHook)(() => (0, _useOrgData.useOrgData)('A0000000000', {
+    } = (0, _react.renderHook)(() => (0, _useOrgData.useOrgData)('A0000000000', {
       displayName: 'Display name'
     }), {
       wrapper
@@ -62,22 +62,22 @@ describe('OrganisationUnitTree - useOrgData', () => {
   });
   it('should provide the org unit data', async () => {
     const {
-      result,
-      waitForNextUpdate
-    } = (0, _reactHooks.renderHook)(() => (0, _useOrgData.useOrgData)('A0000000000', {
+      result
+    } = (0, _react.renderHook)(() => (0, _useOrgData.useOrgData)('A0000000000', {
       displayName: 'Display name'
     }), {
       wrapper
     });
-    await waitForNextUpdate();
-    expect(result.current).toEqual({
-      loading: false,
-      error: null,
-      data: {
-        id: 'A0000000000',
-        path: '/A0000000000',
-        displayName: 'Org Unit 1'
-      }
+    await (0, _react.waitFor)(() => {
+      expect(result.current).toEqual({
+        loading: false,
+        error: null,
+        data: {
+          id: 'A0000000000',
+          path: '/A0000000000',
+          displayName: 'Org Unit 1'
+        }
+      });
     });
   });
   it('should provide the error', async () => {
@@ -85,7 +85,7 @@ describe('OrganisationUnitTree - useOrgData', () => {
       let {
         children
       } = _ref3;
-      return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+      return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
         data: {
           organisationUnits: async () => {
             throw new Error('Error message');
@@ -94,56 +94,54 @@ describe('OrganisationUnitTree - useOrgData', () => {
       }, children);
     };
     const {
-      result,
-      waitForNextUpdate
-    } = (0, _reactHooks.renderHook)(() => (0, _useOrgData.useOrgData)('A0000000000', {
+      result
+    } = (0, _react.renderHook)(() => (0, _useOrgData.useOrgData)('A0000000000', {
       displayName: 'Display name'
     }), {
       wrapper: errorWrapper
     });
-    await waitForNextUpdate();
-    expect(result.current).toEqual({
-      loading: false,
-      error: new Error('Error message'),
-      data: {
-        displayName: 'Display name',
-        id: 'A0000000000'
-      }
+    await (0, _react.waitFor)(() => {
+      expect(result.current).toEqual({
+        loading: false,
+        error: new Error('Error message'),
+        data: {
+          displayName: 'Display name',
+          id: 'A0000000000'
+        }
+      });
     });
   });
   it('should send the "isUserDataViewFallback" parameter with value "undefined"', async () => {
     const options = {
       displayName: 'Display name'
     };
-    const {
-      waitForNextUpdate
-    } = (0, _reactHooks.renderHook)(() => (0, _useOrgData.useOrgData)('A0000000000', options), {
+    (0, _react.renderHook)(() => (0, _useOrgData.useOrgData)('A0000000000', options), {
       wrapper
     });
-    await waitForNextUpdate();
-    expect(dataProviderData.organisationUnits).toHaveBeenCalledWith('read', expect.objectContaining({
-      params: expect.objectContaining({
-        isUserDataViewFallback: undefined
-      })
-    }), expect.objectContaining({}) // contains the `signal`
-    );
+    await (0, _react.waitFor)(() => {
+      expect(dataProviderData.organisationUnits).toHaveBeenCalledWith('read', expect.objectContaining({
+        params: expect.objectContaining({
+          isUserDataViewFallback: undefined
+        })
+      }), expect.objectContaining({}) // contains the `signal`
+      );
+    });
   });
   it('should send the "isUserDataViewFallback" parameter with value "true"', async () => {
     const options = {
       isUserDataViewFallback: true,
       displayName: 'Display name'
     };
-    const {
-      waitForNextUpdate
-    } = (0, _reactHooks.renderHook)(() => (0, _useOrgData.useOrgData)('A0000000000', options), {
+    (0, _react.renderHook)(() => (0, _useOrgData.useOrgData)('A0000000000', options), {
       wrapper
     });
-    await waitForNextUpdate();
-    expect(dataProviderData.organisationUnits).toHaveBeenCalledWith('read', expect.objectContaining({
-      params: expect.objectContaining({
-        isUserDataViewFallback: true
-      })
-    }), expect.objectContaining({}) // contains the `signal`
-    );
+    await (0, _react.waitFor)(() => {
+      expect(dataProviderData.organisationUnits).toHaveBeenCalledWith('read', expect.objectContaining({
+        params: expect.objectContaining({
+          isUserDataViewFallback: true
+        })
+      }), expect.objectContaining({}) // contains the `signal`
+      );
+    });
   });
 });

package/build/cjs/organisation-unit-tree/organisation-unit-tree-root-error.js

@@ -10,7 +10,7 @@ var _index = _interopRequireDefault(require("../locales/index.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const OrganisationUnitTreeRootError = _ref => {
   let {
-    dataTest,
+    dataTest = 'dhis2-uiwidgets-orgunittree-error',
     error
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -21,9 +21,6 @@ const OrganisationUnitTreeRootError = _ref => {
   }));
 };
 exports.OrganisationUnitTreeRootError = OrganisationUnitTreeRootError;
-OrganisationUnitTreeRootError.defaultProps = {
-  dataTest: 'dhis2-uiwidgets-orgunittree-error'
-};
 OrganisationUnitTreeRootError.propTypes = {
   error: _propTypes.default.string.isRequired,
   dataTest: _propTypes.default.string

package/build/cjs/organisation-unit-tree/organisation-unit-tree-root-loading.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const OrganisationUnitTreeRootLoading = _ref => {
   let {
-    dataTest
+    dataTest = 'dhis2-uiwidgets-orgunittree-loading'
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": dataTest,
@@ -23,9 +23,6 @@ const OrganisationUnitTreeRootLoading = _ref => {
   }, ["div.jsx-814846266{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}"]));
 };
 exports.OrganisationUnitTreeRootLoading = OrganisationUnitTreeRootLoading;
-OrganisationUnitTreeRootLoading.defaultProps = {
-  dataTest: 'dhis2-uiwidgets-orgunittree-loading'
-};
 OrganisationUnitTreeRootLoading.propTypes = {
   dataTest: _propTypes.default.string
 };

package/build/cjs/organisation-unit-tree/organisation-unit-tree.js

@@ -19,20 +19,22 @@ var _index4 = require("./use-root-org-data/index.js");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// A stable object to reference
+const staticArray = [];
 const OrganisationUnitTree = _ref => {
   let {
     onChange,
     roots,
     autoExpandLoadingError,
-    dataTest,
+    dataTest = 'dhis2-uiwidgets-orgunittree',
     disableSelection,
     forceReload,
-    highlighted,
+    highlighted = staticArray,
     isUserDataViewFallback,
-    initiallyExpanded,
-    filter,
-    renderNodeLabel,
-    selected,
+    initiallyExpanded = staticArray,
+    filter = staticArray,
+    renderNodeLabel = _index2.defaultRenderNodeLabel,
+    selected = staticArray,
     singleSelection,
     suppressAlphabeticalSorting,
     expanded: expandedControlled,
@@ -200,12 +202,4 @@ OrganisationUnitTree.propTypes = {
    * we'd have to reload the sibling nodes currently as well)
    */
   //idsThatShouldBeReloaded: propTypes.arrayOf(orgUnitIdPropType),
-};
-OrganisationUnitTree.defaultProps = {
-  dataTest: 'dhis2-uiwidgets-orgunittree',
-  filter: [],
-  highlighted: [],
-  initiallyExpanded: [],
-  selected: [],
-  renderNodeLabel: _index2.defaultRenderNodeLabel
 };

package/build/cjs/organisation-unit-tree/organisation-unit-tree.test.js

@@ -18,7 +18,7 @@ describe('OrganisationUnitTree', () => {
   describe('Controlled expanded props', () => {
     describe('Missing props', () => {
       it('should throw a prop-types error when "handleCollapse" is missing', () => {
-        (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+        (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
           data: {}
         }, /*#__PURE__*/_react.default.createElement(_organisationUnitTree.OrganisationUnitTree, {
           roots: "/A001",
@@ -27,10 +27,10 @@ describe('OrganisationUnitTree', () => {
           handleExpand: () => {}
         })));
         expect(errorMock).toHaveBeenCalledTimes(1);
-        expect(errorMock.mock.calls[0][0]).toMatch(/^Warning: Failed prop type: Invalid prop `handleCollapse` supplied to `OrganisationUnitTree`/);
+        expect(errorMock.mock.calls[0][2]).toMatch(/Invalid prop `handleCollapse` supplied to `OrganisationUnitTree`/, {});
       });
       it('should throw a prop-types error when "handleExpand" is missing', () => {
-        (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+        (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
           data: {}
         }, /*#__PURE__*/_react.default.createElement(_organisationUnitTree.OrganisationUnitTree, {
           roots: "/A001",
@@ -39,10 +39,10 @@ describe('OrganisationUnitTree', () => {
           handleCollapse: () => {}
         })));
         expect(errorMock).toHaveBeenCalledTimes(1);
-        expect(errorMock.mock.calls[0][0]).toMatch(/^Warning: Failed prop type: Invalid prop `handleExpand` supplied to `OrganisationUnitTree`/);
+        expect(errorMock.mock.calls[0][2]).toMatch(/Invalid prop `handleExpand` supplied to `OrganisationUnitTree`/);
       });
       it('should throw a prop-types error when "expanded" is missing', () => {
-        (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+        (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
           data: {}
         }, /*#__PURE__*/_react.default.createElement(_organisationUnitTree.OrganisationUnitTree, {
           roots: "/A001",
@@ -51,7 +51,7 @@ describe('OrganisationUnitTree', () => {
           handleExpand: () => {}
         })));
         expect(errorMock).toHaveBeenCalledTimes(1);
-        expect(errorMock.mock.calls[0][0]).toMatch(/^Warning: Failed prop type: Invalid prop `expanded` supplied to `OrganisationUnitTree`/);
+        expect(errorMock.mock.calls[0][2]).toMatch('Invalid prop `expanded` supplied to `OrganisationUnitTree`, this prop is conditionally required but has value `undefined`. The condition that made this prop required is: `props => !!props.handleExpand || !!props.handleCollapse`.');
       });
     });
   });