@dhis2-ui/organisation-unit-tree 9.11.0 → 9.11.1-beta.2

package/build/cjs/__e2e__/children_as_child_nodes.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ClosedWithChildren = void 0;
+var _appRuntime = require("@dhis2/app-runtime");
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../index.js");
+var _common = require("./common.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  title: _common.namespace
+};
+const ClosedWithChildren = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+  data: _common.dataProviderData
+}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
+  let {
+    selected,
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+    roots: "A0000000000",
+    onChange: onChange,
+    selected: selected
+  });
+}));
+exports.ClosedWithChildren = ClosedWithChildren;

package/build/cjs/__e2e__/common.js

@@ -16,28 +16,19 @@ Object.defineProperty(exports, "namespace", {
     return _namespace.namespace;
   }
 });
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _getOrganisationUnitData = require("./get-organisation-unit-data.js");
-
 var _namespace = require("./namespace.js");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 }; }
-
+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 }; }
 /* eslint-disable react/display-name */
-const delayResponse = (delay, response) => () => new Promise(resolve => setTimeout(() => resolve(response), delay));
 
+const delayResponse = (delay, response) => () => new Promise(resolve => setTimeout(() => resolve(response), delay));
 exports.delayResponse = delayResponse;
-const dataProviderData = {
+const dataProviderData = exports.dataProviderData = {
   organisationUnits: (_, _ref) => {
     let {
       id,
@@ -45,16 +36,12 @@ const dataProviderData = {
     } = _ref;
     console.log('id, params', id, params);
     const data = (0, _getOrganisationUnitData.getOrganisationUnitData)(id, params);
-
     if (!data) {
       return Promise.reject(new Error('404 - Org unit not found'));
     }
-
     return Promise.resolve(data);
   }
 };
-exports.dataProviderData = dataProviderData;
-
 const StatefulMultiSelectionWrapper = _ref2 => {
   let {
     children,
@@ -72,13 +59,11 @@ const StatefulMultiSelectionWrapper = _ref2 => {
     }
   });
 };
-
 exports.StatefulMultiSelectionWrapper = StatefulMultiSelectionWrapper;
 StatefulMultiSelectionWrapper.propTypes = {
   children: _propTypes.default.func.isRequired,
   onSelectionChange: _propTypes.default.func
 };
-
 const createDecoratorStatefulMultiSelection = args => {
   return Story => /*#__PURE__*/_react.default.createElement(StatefulMultiSelectionWrapper, {
     onSelectionChange: args === null || args === void 0 ? void 0 : args.onSelectionChange
@@ -93,9 +78,7 @@ const createDecoratorStatefulMultiSelection = args => {
     });
   });
 };
-
 exports.createDecoratorStatefulMultiSelection = createDecoratorStatefulMultiSelection;
-
 const createDecoratorCustomDataProvider = args => {
   const data = (args === null || args === void 0 ? void 0 : args.data) || dataProviderData;
   return Story => {
@@ -105,5 +88,4 @@ const createDecoratorCustomDataProvider = args => {
     }, /*#__PURE__*/_react.default.createElement(Story, null));
   };
 };
-
 exports.createDecoratorCustomDataProvider = createDecoratorCustomDataProvider;

package/build/cjs/__e2e__/{controlled_expanded.stories.e2e.js → controlled_expanded.js}

@@ -3,64 +3,44 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.MissingProps = exports.Controlled = void 0;
-
+exports.MissingProps = exports.Controlled = void 0;
 var _button = require("@dhis2-ui/button");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = require("../index.js");
-
 var _common = require("./common.js");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _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; }
 window.initiallyExpandedPaths = ['/A0000000000/A0000000001'];
 window.orgUnitPathToExpand = '/A0000000000/A0000000001';
-var _default = {
-  title: _common.namespace,
-  decorators: [(0, _common.createDecoratorCustomDataProvider)()]
-};
-exports.default = _default;
-
 const Controlled = () => {
   const initiallyExpanded = (0, _index.getAllExpandedOrgUnitPaths)(window.initiallyExpandedPaths);
   const [expanded, setExpanded] = (0, _react.useState)(initiallyExpanded);
-
   const handleExpand = _ref => {
     let {
       path
     } = _ref;
-
     if (!expanded.includes(path)) {
       setExpanded([...expanded, path]);
     }
   };
-
   const handleCollapse = _ref2 => {
     let {
       path
     } = _ref2;
     const pathIndex = expanded.indexOf(path);
-
     if (pathIndex !== -1) {
       const updatedExpanded = pathIndex === 0 ? expanded.slice(1) : [...expanded.slice(0, pathIndex), ...expanded.slice(pathIndex + 1)];
       setExpanded(updatedExpanded);
     }
   };
-
   const imperativeToggle = () => {
     if (!expanded.includes('/A0000000000/A0000000001')) {
       // Make sure that all required sub paths are included as well
       const nextPaths = (0, _index.getAllExpandedOrgUnitPaths)([...expanded, window.orgUnitPathToExpand]);
       return setExpanded(nextPaths);
     }
-
     setExpanded(expanded.filter(v => v !== '/A0000000000/A0000000001'));
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
     onChange: () => null,
     name: "Root org unit",
@@ -73,14 +53,11 @@ const Controlled = () => {
     onClick: imperativeToggle
   }, "Toggle Org Unit 2"));
 };
-
 exports.Controlled = Controlled;
-
+Controlled.decorators = [(0, _common.createDecoratorCustomDataProvider)()];
 const MissingProps = () => {
   const expanded = [];
-
   const handleExpand = () => null;
-
   return /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
     onChange: () => null,
     name: "Root org unit",
@@ -89,5 +66,5 @@ const MissingProps = () => {
     handleExpand: handleExpand
   });
 };
-
-exports.MissingProps = MissingProps;
+exports.MissingProps = MissingProps;
+MissingProps.decorators = [(0, _common.createDecoratorCustomDataProvider)()];

package/build/cjs/__e2e__/displaying_loading_error.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.A0000000001LoadingErrorAutoexpand = exports.A0000000001LoadingError = void 0;
+var _appRuntime = require("@dhis2/app-runtime");
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../index.js");
+var _common = require("./common.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const dataProviderDataWithError = {
+  organisationUnits: function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    const [, {
+      id
+    }] = args;
+    if (id === 'A0000000001') {
+      return new Promise((resolve, reject) => setTimeout(() => {
+        reject(new Error('Foobar custom error message'));
+      }, 100));
+    }
+    return _common.dataProviderData.organisationUnits(...args);
+  }
+};
+const A0000000001LoadingError = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+  data: dataProviderDataWithError
+}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, () => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+  roots: "A0000000000",
+  onChange: () => null
+})));
+exports.A0000000001LoadingError = A0000000001LoadingError;
+const A0000000001LoadingErrorAutoexpand = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+  data: dataProviderDataWithError
+}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, () => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+  autoExpandLoadingError: true,
+  roots: "A0000000000",
+  onChange: () => null
+})));
+exports.A0000000001LoadingErrorAutoexpand = A0000000001LoadingErrorAutoexpand;

package/build/cjs/__e2e__/{expanded.stories.e2e.js → expanded.js}

@@ -3,22 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.WithRootMainAndRootSubOrgUnit = exports.NoInitiallyExpandedPaths = exports.InitiallyExpandedPaths = void 0;
-
+exports.WithRootMainAndRootSubOrgUnit = exports.NoInitiallyExpandedPaths = exports.InitiallyExpandedPaths = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../index.js");
-
 var _common = require("./common.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'OrganisationUnitTree/expanded',
-  decorators: [(0, _common.createDecoratorStatefulMultiSelection)(), (0, _common.createDecoratorCustomDataProvider)()]
-};
-exports.default = _default;
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const decorators = [(0, _common.createDecoratorStatefulMultiSelection)(), (0, _common.createDecoratorCustomDataProvider)()];
 const NoInitiallyExpandedPaths = (_, _ref) => {
   let {
     onChange,
@@ -30,9 +20,8 @@ const NoInitiallyExpandedPaths = (_, _ref) => {
     onChange: onChange
   });
 };
-
 exports.NoInitiallyExpandedPaths = NoInitiallyExpandedPaths;
-
+NoInitiallyExpandedPaths.decorators = decorators;
 const InitiallyExpandedPaths = (_, _ref2) => {
   let {
     onChange,
@@ -45,9 +34,8 @@ const InitiallyExpandedPaths = (_, _ref2) => {
     initiallyExpanded: ['/A0000000000']
   });
 };
-
 exports.InitiallyExpandedPaths = InitiallyExpandedPaths;
-
+InitiallyExpandedPaths.decorators = decorators;
 const WithRootMainAndRootSubOrgUnit = (_, _ref3) => {
   let {
     onChange,
@@ -59,5 +47,5 @@ const WithRootMainAndRootSubOrgUnit = (_, _ref3) => {
     onChange: onChange
   });
 };
-
-exports.WithRootMainAndRootSubOrgUnit = WithRootMainAndRootSubOrgUnit;
+exports.WithRootMainAndRootSubOrgUnit = WithRootMainAndRootSubOrgUnit;
+WithRootMainAndRootSubOrgUnit.decorators = decorators;

package/build/cjs/__e2e__/force_reload.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ForceReloading = void 0;
+var _appRuntime = require("@dhis2/app-runtime");
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../index.js");
+var _common = require("./common.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; }
+const afterReloadData = {
+  organisationUnits: function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    const [, {
+      id
+    }] = args;
+    if (id === 'A0000000000') {
+      return (0, _common.delayResponse)(1000, _common.dataProviderData.organisationUnits(...args))();
+    }
+    if (id === 'A0000000001') {
+      return (0, _common.delayResponse)(2200, _common.dataProviderData.organisationUnits(...args))();
+    }
+    return _common.dataProviderData.organisationUnits(...args);
+  }
+};
+const ForceReloading_ = () => {
+  const [forceReload, setForceReload] = (0, _react.useState)(false);
+  return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+    data: afterReloadData
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    disabled: forceReload,
+    "data-test": "reload-all",
+    onClick: () => setForceReload(true)
+  }, "Force reload tree"), /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
+    let {
+      selected,
+      onChange
+    } = _ref;
+    return /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+      roots: "A0000000000",
+      onChange: onChange,
+      selected: selected,
+      forceReload: forceReload,
+      onChildrenLoaded: data => {
+        if (data.A0000000000) {
+          setForceReload(false);
+        }
+      }
+    });
+  }));
+};
+var _default = exports.default = {
+  title: _common.namespace
+};
+const ForceReloading = () => /*#__PURE__*/_react.default.createElement(ForceReloading_, null);
+exports.ForceReloading = ForceReloading;

package/build/cjs/__e2e__/get-organisation-unit-data.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getOrganisationUnitData = void 0;
-
 const createResponse = _ref => {
   let {
     fields,
@@ -13,7 +12,8 @@ const createResponse = _ref => {
     displayName,
     children
   } = _ref;
-  return { ...(fields.includes('id') ? {
+  return {
+    ...(fields.includes('id') ? {
       id
     } : {}),
     ...(fields.includes('path') ? {
@@ -30,13 +30,11 @@ const createResponse = _ref => {
     } : {})
   };
 };
-
 const getOrganisationUnitData = (id, _ref2) => {
   let {
     fields
   } = _ref2;
   let data;
-
   if (id === 'A0000000000') {
     data = createResponse({
       fields,
@@ -58,7 +56,6 @@ const getOrganisationUnitData = (id, _ref2) => {
       }]
     });
   }
-
   if (id === 'A0000000001') {
     data = createResponse({
       fields,
@@ -78,7 +75,6 @@ const getOrganisationUnitData = (id, _ref2) => {
       }]
     });
   }
-
   if (id === 'A0000000002') {
     data = createResponse({
       fields,
@@ -88,7 +84,6 @@ const getOrganisationUnitData = (id, _ref2) => {
       children: []
     });
   }
-
   if (id === 'A0000000003') {
     data = createResponse({
       fields,
@@ -103,7 +98,6 @@ const getOrganisationUnitData = (id, _ref2) => {
       }]
     });
   }
-
   if (id === 'A0000000004') {
     data = createResponse({
       fields,
@@ -113,7 +107,6 @@ const getOrganisationUnitData = (id, _ref2) => {
       children: []
     });
   }
-
   if (id === 'A0000000006') {
     data = createResponse({
       fields,
@@ -123,7 +116,6 @@ const getOrganisationUnitData = (id, _ref2) => {
       children: []
     });
   }
-
   if (id === 'A0000000007') {
     data = createResponse({
       fields,
@@ -133,8 +125,6 @@ const getOrganisationUnitData = (id, _ref2) => {
       children: []
     });
   }
-
   return data;
 };
-
 exports.getOrganisationUnitData = getOrganisationUnitData;

package/build/cjs/__e2e__/highlight.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RootHighlighted = void 0;
+var _appRuntime = require("@dhis2/app-runtime");
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../index.js");
+var _common = require("./common.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  title: _common.namespace
+};
+const RootHighlighted = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+  data: _common.dataProviderData
+}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
+  let {
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+    roots: "A0000000000",
+    onChange: onChange,
+    highlighted: ['/A0000000000']
+  });
+}));
+exports.RootHighlighted = RootHighlighted;

package/build/cjs/__e2e__/{loading_state.stories.e2e.js → loading_state.js}

@@ -1,46 +1,40 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.A0000000001Loading = void 0;
 var _appRuntime = require("@dhis2/app-runtime");
-
-var _react = require("@storybook/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
+var _react = _interopRequireDefault(require("react"));
 var _index = require("../index.js");
-
 var _common = require("./common.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const data = {
   organisationUnits: function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     const [, {
       id
     }] = args;
-
     if (id === 'A0000000000') {
       return _common.dataProviderData.organisationUnits(...args);
     }
-
     if (id === 'A0000000001') {
       return (0, _common.delayResponse)(1000, _common.dataProviderData.organisationUnits(...args))();
     }
-
     return Promise.resolve({});
   }
 };
-(0, _react.storiesOf)(_common.namespace, module).add('A0000000001 loading', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
+const A0000000001Loading = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
   data: data
-}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
+}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
   let {
     onChange
   } = _ref;
-  return /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
+  return /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
     roots: "A0000000000",
     onChange: onChange
   });
-})));
+}));
+exports.A0000000001Loading = A0000000001Loading;

package/build/cjs/__e2e__/multi_selection.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MultipleSelection = void 0;
+var _appRuntime = require("@dhis2/app-runtime");
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../index.js");
+var _common = require("./common.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+window.selection = [];
+const MultipleSelection = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+  data: _common.dataProviderData
+}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, {
+  onSelectionChange: newSelection => window.selection = newSelection
+}, _ref => {
+  let {
+    selected,
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+    roots: "A0000000000",
+    onChange: onChange,
+    selected: selected
+  });
+}));
+exports.MultipleSelection = MultipleSelection;

package/build/cjs/__e2e__/namespace.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.namespace = void 0;
-const namespace = 'OrganisationUnitTree';
-exports.namespace = namespace;
+const namespace = exports.namespace = 'OrganisationUnitTree';

package/build/cjs/__e2e__/no_selection.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoSelectionRootOpened = exports.NoSelectionClosed = void 0;
+var _appRuntime = require("@dhis2/app-runtime");
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../index.js");
+var _common = require("./common.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const NoSelectionClosed = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+  data: _common.dataProviderData
+}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
+  let {
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+    disableSelection: true,
+    roots: "A0000000000",
+    onChange: onChange
+  });
+}));
+exports.NoSelectionClosed = NoSelectionClosed;
+const NoSelectionRootOpened = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+  data: _common.dataProviderData
+}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref2 => {
+  let {
+    onChange
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+    disableSelection: true,
+    roots: "A0000000000",
+    onChange: onChange,
+    initiallyExpanded: ['/A0000000000']
+  });
+}));
+exports.NoSelectionRootOpened = NoSelectionRootOpened;

package/build/cjs/__e2e__/path_based_filtering.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FilteredBy3LevelPathAnd2LevelPath = exports.FilteredBy3LevelPath = void 0;
+var _appRuntime = require("@dhis2/app-runtime");
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../index.js");
+var _common = require("./common.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+window.allUnits = [];
+for (let i = 0; i < 7; ++i) {
+  window.allUnits.push(`A000000000${i}`);
+}
+const FilteredBy3LevelPath = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+  data: _common.dataProviderData
+}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
+  let {
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+    roots: "A0000000000",
+    onChange: onChange,
+    initiallyExpanded: ['/A0000000000', '/A0000000000/A0000000001', '/A0000000000/A0000000002'],
+    filter: ['/A0000000000/A0000000001/A0000000003']
+  });
+}));
+exports.FilteredBy3LevelPath = FilteredBy3LevelPath;
+const FilteredBy3LevelPathAnd2LevelPath = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
+  data: _common.dataProviderData
+}, /*#__PURE__*/_react.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref2 => {
+  let {
+    onChange
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+    roots: "A0000000000",
+    onChange: onChange,
+    initiallyExpanded: ['/A0000000000', '/A0000000000/A0000000001', '/A0000000000/A0000000002'],
+    filter: ['/A0000000000/A0000000001/A0000000003', '/A0000000000/A0000000002']
+  });
+}));
+exports.FilteredBy3LevelPathAnd2LevelPath = FilteredBy3LevelPathAnd2LevelPath;