@dhis2-ui/organisation-unit-tree 8.1.11 → 8.2.2

package/build/cjs/__e2e__/children_as_child_nodes.stories.e2e.js

@@ -14,11 +14,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 (0, _react.storiesOf)(_common.namespace, module).add('Closed with children', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
   data: _common.dataProviderData
-}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
-  selected,
-  onChange
-}) => /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
-  roots: "A0000000000",
-  onChange: onChange,
-  selected: selected
-}))));
+}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
+  let {
+    selected,
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
+    roots: "A0000000000",
+    onChange: onChange,
+    selected: selected
+  });
+})));

package/build/cjs/__e2e__/common.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createDecoratorCustomDataProvider = exports.createDecoratorStatefulMultiSelection = exports.StatefulMultiSelectionWrapper = exports.dataProviderData = exports.getOrganisationUnitData = exports.delayResponse = exports.namespace = void 0;
+exports.namespace = exports.getOrganisationUnitData = exports.delayResponse = exports.dataProviderData = exports.createDecoratorStatefulMultiSelection = exports.createDecoratorCustomDataProvider = exports.StatefulMultiSelectionWrapper = void 0;
 
 var _appRuntime = require("@dhis2/app-runtime");
 
@@ -25,32 +25,36 @@ const delayResponse = (delay, response) => () => new Promise(resolve => setTimeo
 
 exports.delayResponse = delayResponse;
 
-const createResponse = ({
-  fields,
-  id,
-  path,
-  displayName,
-  children
-}) => ({ ...(fields.includes('id') ? {
-    id
-  } : {}),
-  ...(fields.includes('path') ? {
-    path
-  } : {}),
-  ...(fields.includes('displayName') ? {
-    displayName
-  } : {}),
-  ...(fields.includes('children::size') ? {
-    children: children.length
-  } : {}),
-  ...(fields.includes('children[id,path,displayName]') ? {
+const createResponse = _ref => {
+  let {
+    fields,
+    id,
+    path,
+    displayName,
     children
-  } : {})
-});
+  } = _ref;
+  return { ...(fields.includes('id') ? {
+      id
+    } : {}),
+    ...(fields.includes('path') ? {
+      path
+    } : {}),
+    ...(fields.includes('displayName') ? {
+      displayName
+    } : {}),
+    ...(fields.includes('children::size') ? {
+      children: children.length
+    } : {}),
+    ...(fields.includes('children[id,path,displayName]') ? {
+      children
+    } : {})
+  };
+};
 
-const getOrganisationUnitData = (id, {
-  fields
-}) => {
+const getOrganisationUnitData = (id, _ref2) => {
+  let {
+    fields
+  } = _ref2;
   let data;
 
   if (id === 'A0000000000') {
@@ -155,10 +159,11 @@ const getOrganisationUnitData = (id, {
 
 exports.getOrganisationUnitData = getOrganisationUnitData;
 const dataProviderData = {
-  organisationUnits: (_, {
-    id,
-    params = {}
-  }) => {
+  organisationUnits: (_, _ref3) => {
+    let {
+      id,
+      params = {}
+    } = _ref3;
     console.log('id, params', id, params);
     const data = getOrganisationUnitData(id, params);
 
@@ -171,16 +176,18 @@ const dataProviderData = {
 };
 exports.dataProviderData = dataProviderData;
 
-const StatefulMultiSelectionWrapper = ({
-  children,
-  onSelectionChange = () => null
-}) => {
+const StatefulMultiSelectionWrapper = _ref4 => {
+  let {
+    children,
+    onSelectionChange = () => null
+  } = _ref4;
   const [selected, setSelected] = (0, _react.useState)([]);
   return children({
     selected,
-    onChange: ({
-      selected: newSelected
-    }) => {
+    onChange: _ref5 => {
+      let {
+        selected: newSelected
+      } = _ref5;
       setSelected(newSelected);
       onSelectionChange(newSelected);
     }
@@ -196,13 +203,16 @@ StatefulMultiSelectionWrapper.propTypes = {
 const createDecoratorStatefulMultiSelection = args => {
   return Story => /*#__PURE__*/_react.default.createElement(StatefulMultiSelectionWrapper, {
     onSelectionChange: args === null || args === void 0 ? void 0 : args.onSelectionChange
-  }, ({
-    selected,
-    onChange
-  }) => /*#__PURE__*/_react.default.createElement(Story, {
-    selected: selected,
-    onChange: onChange
-  }));
+  }, _ref6 => {
+    let {
+      selected,
+      onChange
+    } = _ref6;
+    return /*#__PURE__*/_react.default.createElement(Story, {
+      selected: selected,
+      onChange: onChange
+    });
+  });
 };
 
 exports.createDecoratorStatefulMultiSelection = createDecoratorStatefulMultiSelection;

package/build/cjs/__e2e__/controlled_expanded.stories.e2e.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MissingProps = exports.Controlled = exports.default = void 0;
+exports.default = exports.MissingProps = exports.Controlled = void 0;
 
 var _button = require("@dhis2-ui/button");
 
@@ -29,17 +29,20 @@ const Controlled = () => {
   const initiallyExpanded = (0, _index.getAllExpandedOrgUnitPaths)(window.initiallyExpandedPaths);
   const [expanded, setExpanded] = (0, _react.useState)(initiallyExpanded);
 
-  const handleExpand = ({
-    path
-  }) => {
+  const handleExpand = _ref => {
+    let {
+      path
+    } = _ref;
+
     if (!expanded.includes(path)) {
       setExpanded([...expanded, path]);
     }
   };
 
-  const handleCollapse = ({
-    path
-  }) => {
+  const handleCollapse = _ref2 => {
+    let {
+      path
+    } = _ref2;
     const pathIndex = expanded.indexOf(path);
 
     if (pathIndex !== -1) {

package/build/cjs/__e2e__/displaying_loading_error.stories.e2e.js

@@ -13,7 +13,11 @@ var _common = require("./common.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const dataProviderDataWithError = {
-  organisationUnits: (...args) => {
+  organisationUnits: function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
     const [, {
       id
     }] = args;

package/build/cjs/__e2e__/expanded.stories.e2e.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WithRootMainAndRootSubOrgUnit = exports.InitiallyExpandedPaths = exports.NoInitiallyExpandedPaths = exports.default = void 0;
+exports.default = exports.WithRootMainAndRootSubOrgUnit = exports.NoInitiallyExpandedPaths = exports.InitiallyExpandedPaths = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -19,36 +19,45 @@ var _default = {
 };
 exports.default = _default;
 
-const NoInitiallyExpandedPaths = (_, {
-  onChange,
-  selected
-}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
-  roots: "A0000000000",
-  selected: selected,
-  onChange: onChange
-});
+const NoInitiallyExpandedPaths = (_, _ref) => {
+  let {
+    onChange,
+    selected
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+    roots: "A0000000000",
+    selected: selected,
+    onChange: onChange
+  });
+};
 
 exports.NoInitiallyExpandedPaths = NoInitiallyExpandedPaths;
 
-const InitiallyExpandedPaths = (_, {
-  onChange,
-  selected
-}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
-  roots: "A0000000000",
-  selected: selected,
-  onChange: onChange,
-  initiallyExpanded: ['/A0000000000']
-});
+const InitiallyExpandedPaths = (_, _ref2) => {
+  let {
+    onChange,
+    selected
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+    roots: "A0000000000",
+    selected: selected,
+    onChange: onChange,
+    initiallyExpanded: ['/A0000000000']
+  });
+};
 
 exports.InitiallyExpandedPaths = InitiallyExpandedPaths;
 
-const WithRootMainAndRootSubOrgUnit = (_, {
-  onChange,
-  selected
-}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
-  roots: ['A0000000000', 'A0000000001'],
-  selected: selected,
-  onChange: onChange
-});
+const WithRootMainAndRootSubOrgUnit = (_, _ref3) => {
+  let {
+    onChange,
+    selected
+  } = _ref3;
+  return /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+    roots: ['A0000000000', 'A0000000001'],
+    selected: selected,
+    onChange: onChange
+  });
+};
 
 exports.WithRootMainAndRootSubOrgUnit = WithRootMainAndRootSubOrgUnit;

package/build/cjs/__e2e__/force_reload.stories.e2e.js

@@ -15,7 +15,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 const afterReloadData = {
-  organisationUnits: (...args) => {
+  organisationUnits: function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
     const [, {
       id
     }] = args;
@@ -40,20 +44,23 @@ const ForceReloading = () => {
     disabled: forceReload,
     "data-test": "reload-all",
     onClick: () => setForceReload(true)
-  }, "Force reload tree"), /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
-    selected,
-    onChange
-  }) => /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
-    roots: "A0000000000",
-    onChange: onChange,
-    selected: selected,
-    forceReload: forceReload,
-    onChildrenLoaded: data => {
-      if (data.A0000000000) {
-        setForceReload(false);
+  }, "Force reload tree"), /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
+    let {
+      selected,
+      onChange
+    } = _ref;
+    return /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
+      roots: "A0000000000",
+      onChange: onChange,
+      selected: selected,
+      forceReload: forceReload,
+      onChildrenLoaded: data => {
+        if (data.A0000000000) {
+          setForceReload(false);
+        }
       }
-    }
-  })));
+    });
+  }));
 };
 
 (0, _react.storiesOf)(_common.namespace, module).add('Force reloading', () => /*#__PURE__*/_react2.default.createElement(ForceReloading, null));

package/build/cjs/__e2e__/highlight.stories.e2e.js

@@ -14,10 +14,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 (0, _react.storiesOf)(_common.namespace, module).add('Root highlighted', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
   data: _common.dataProviderData
-}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
-  onChange
-}) => /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
-  roots: "A0000000000",
-  onChange: onChange,
-  highlighted: ['/A0000000000']
-}))));
+}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
+  let {
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
+    roots: "A0000000000",
+    onChange: onChange,
+    highlighted: ['/A0000000000']
+  });
+})));

package/build/cjs/__e2e__/loading_state.stories.e2e.js

@@ -13,7 +13,11 @@ var _common = require("./common.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const data = {
-  organisationUnits: (...args) => {
+  organisationUnits: function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
     const [, {
       id
     }] = args;
@@ -31,9 +35,12 @@ const data = {
 };
 (0, _react.storiesOf)(_common.namespace, module).add('A0000000001 loading', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
   data: data
-}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
-  onChange
-}) => /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
-  roots: "A0000000000",
-  onChange: onChange
-}))));
+}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
+  let {
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
+    roots: "A0000000000",
+    onChange: onChange
+  });
+})));

package/build/cjs/__e2e__/multi_selection.stories.e2e.js

@@ -17,11 +17,14 @@ window.selection = [];
   data: _common.dataProviderData
 }, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, {
   onSelectionChange: newSelection => window.selection = newSelection
-}, ({
-  selected,
-  onChange
-}) => /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
-  roots: "A0000000000",
-  onChange: onChange,
-  selected: selected
-}))));
+}, _ref => {
+  let {
+    selected,
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
+    roots: "A0000000000",
+    onChange: onChange,
+    selected: selected
+  });
+})));

package/build/cjs/__e2e__/no_selection.stories.e2e.js

@@ -14,19 +14,25 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 (0, _react.storiesOf)(_common.namespace, module).add('No selection closed', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
   data: _common.dataProviderData
-}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
-  onChange
-}) => /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
-  disableSelection: true,
-  roots: "A0000000000",
-  onChange: onChange
-})))).add('No selection root opened', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
+}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
+  let {
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
+    disableSelection: true,
+    roots: "A0000000000",
+    onChange: onChange
+  });
+}))).add('No selection root opened', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
   data: _common.dataProviderData
-}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
-  onChange
-}) => /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
-  disableSelection: true,
-  roots: "A0000000000",
-  onChange: onChange,
-  initiallyExpanded: ['/A0000000000']
-}))));
+}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref2 => {
+  let {
+    onChange
+  } = _ref2;
+  return /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
+    disableSelection: true,
+    roots: "A0000000000",
+    onChange: onChange,
+    initiallyExpanded: ['/A0000000000']
+  });
+})));

package/build/cjs/__e2e__/path_based_filtering.stories.e2e.js

@@ -15,25 +15,31 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 window.allUnits = [];
 
 for (let i = 0; i < 7; ++i) {
-  window.allUnits.push(`A000000000${i}`);
+  window.allUnits.push("A000000000".concat(i));
 }
 
 (0, _react.storiesOf)(_common.namespace, module).add('Filtered by 3-level-path', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
   data: _common.dataProviderData
-}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
-  onChange
-}) => /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
-  roots: "A0000000000",
-  onChange: onChange,
-  initiallyExpanded: ['/A0000000000', '/A0000000000/A0000000001', '/A0000000000/A0000000002'],
-  filter: ['/A0000000000/A0000000001/A0000000003']
-})))).add('Filtered by 3-level-path and 2-level-path', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
+}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
+  let {
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
+    roots: "A0000000000",
+    onChange: onChange,
+    initiallyExpanded: ['/A0000000000', '/A0000000000/A0000000001', '/A0000000000/A0000000002'],
+    filter: ['/A0000000000/A0000000001/A0000000003']
+  });
+}))).add('Filtered by 3-level-path and 2-level-path', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
   data: _common.dataProviderData
-}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
-  onChange
-}) => /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
-  roots: "A0000000000",
-  onChange: onChange,
-  initiallyExpanded: ['/A0000000000', '/A0000000000/A0000000001', '/A0000000000/A0000000002'],
-  filter: ['/A0000000000/A0000000001/A0000000003', '/A0000000000/A0000000002']
-}))));
+}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref2 => {
+  let {
+    onChange
+  } = _ref2;
+  return /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
+    roots: "A0000000000",
+    onChange: onChange,
+    initiallyExpanded: ['/A0000000000', '/A0000000000/A0000000001', '/A0000000000/A0000000002'],
+    filter: ['/A0000000000/A0000000001/A0000000003', '/A0000000000/A0000000002']
+  });
+})));

package/build/cjs/__e2e__/single_selection.stories.e2e.js

@@ -13,7 +13,11 @@ var _common = require("./common.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const data = {
-  organisationUnits: (...args) => {
+  organisationUnits: function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
     const [, {
       id
     }] = args;
@@ -36,12 +40,15 @@ const data = {
 };
 (0, _react.storiesOf)(_common.namespace, module).add('Single selection', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
   data: data
-}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
-  selected,
-  onChange
-}) => /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
-  singleSelection: true,
-  roots: ['A0000000000', 'A0000000001'],
-  onChange: onChange,
-  selected: selected
-}))));
+}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
+  let {
+    selected,
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
+    singleSelection: true,
+    roots: ['A0000000000', 'A0000000001'],
+    onChange: onChange,
+    selected: selected
+  });
+})));

package/build/cjs/__e2e__/sub_unit_as_root.stories.e2e.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MultipleRootSubAndOneMainOrgUnit = exports.default = void 0;
+exports.default = exports.MultipleRootSubAndOneMainOrgUnit = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -21,10 +21,11 @@ var _default = {
 };
 exports.default = _default;
 
-const MultipleRootSubAndOneMainOrgUnit = (_, {
-  selected,
-  onChange
-}) => {
+const MultipleRootSubAndOneMainOrgUnit = (_, _ref) => {
+  let {
+    selected,
+    onChange
+  } = _ref;
   const [filter, setFilter] = (0, _react.useState)('');
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
     type: "input",

package/build/cjs/__e2e__/tree_api.stories.e2e.js

@@ -13,7 +13,11 @@ var _common = require("./common.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const customizedDataProviderData = {
-  organisationUnits: (...args) => {
+  organisationUnits: function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
     const [, {
       id,
       params
@@ -48,17 +52,20 @@ window.onExpand = window.Cypress && window.Cypress.cy.stub();
 window.onChildrenLoaded = window.Cypress && window.Cypress.cy.stub();
 (0, _react.storiesOf)(_common.namespace, module).add('Events', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
   data: customizedDataProviderData
-}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, ({
-  selected,
-  onChange
-}) => /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
-  roots: "A0000000000",
-  selected: selected,
-  onChange: (...args) => {
-    onChange(...args);
-    window.onChange(...args);
-  },
-  onExpand: window.onExpand,
-  onCollapse: window.onCollapse,
-  onChildrenLoaded: window.onChildrenLoaded
-}))));
+}, /*#__PURE__*/_react2.default.createElement(_common.StatefulMultiSelectionWrapper, null, _ref => {
+  let {
+    selected,
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react2.default.createElement(_index.OrganisationUnitTree, {
+    roots: "A0000000000",
+    selected: selected,
+    onChange: function () {
+      onChange(...arguments);
+      window.onChange(...arguments);
+    },
+    onExpand: window.onExpand,
+    onCollapse: window.onCollapse,
+    onChildrenLoaded: window.onChildrenLoaded
+  });
+})));

package/build/cjs/__stories__/custom-expanded-imperative-open.js

@@ -22,17 +22,20 @@ const CustomExpandedImperativeOpen = () => {
   const initiallyExpanded = (0, _index.getAllExpandedOrgUnitPaths)([]);
   const [expanded, setExpanded] = (0, _react.useState)(initiallyExpanded);
 
-  const handleExpand = ({
-    path
-  }) => {
+  const handleExpand = _ref => {
+    let {
+      path
+    } = _ref;
+
     if (!expanded.includes(path)) {
       setExpanded([...expanded, path]);
     }
   };
 
-  const handleCollapse = ({
-    path
-  }) => {
+  const handleCollapse = _ref2 => {
+    let {
+      path
+    } = _ref2;
     const pathIndex = expanded.indexOf(path);
 
     if (pathIndex !== -1) {