@dhis2-ui/organisation-unit-tree 10.16.3 → 10.16.4

package/build/es/__e2e__/children_as_child_nodes.js

@@ -7,14 +7,11 @@ export default {
 };
 export const ClosedWithChildren = () => /*#__PURE__*/React.createElement(CustomDataProvider, {
   data: dataProviderData
-}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, _ref => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(OrganisationUnitTree, {
-    roots: "A0000000000",
-    onChange: onChange,
-    selected: selected
-  });
-}));
+}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, ({
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+  roots: "A0000000000",
+  onChange: onChange,
+  selected: selected
+})));

package/build/es/__e2e__/common.js

@@ -7,11 +7,10 @@ export { getOrganisationUnitData } from './get-organisation-unit-data.js';
 export { namespace } from './namespace.js';
 export const delayResponse = (delay, response) => () => new Promise(resolve => setTimeout(() => resolve(response), delay));
 export const dataProviderData = {
-  organisationUnits: (_, _ref) => {
-    let {
-      id,
-      params = {}
-    } = _ref;
+  organisationUnits: (_, {
+    id,
+    params = {}
+  }) => {
     console.log('id, params', id, params);
     const data = getOrganisationUnitData(id, params);
     if (!data) {
@@ -20,18 +19,16 @@ export const dataProviderData = {
     return Promise.resolve(data);
   }
 };
-export const StatefulMultiSelectionWrapper = _ref2 => {
-  let {
-    children,
-    onSelectionChange = () => null
-  } = _ref2;
+export const StatefulMultiSelectionWrapper = ({
+  children,
+  onSelectionChange = () => null
+}) => {
   const [selected, setSelected] = useState([]);
   return children({
     selected,
-    onChange: _ref3 => {
-      let {
-        selected: newSelected
-      } = _ref3;
+    onChange: ({
+      selected: newSelected
+    }) => {
       setSelected(newSelected);
       onSelectionChange(newSelected);
     }
@@ -44,16 +41,13 @@ StatefulMultiSelectionWrapper.propTypes = {
 export const createDecoratorStatefulMultiSelection = args => {
   return Story => /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, {
     onSelectionChange: args === null || args === void 0 ? void 0 : args.onSelectionChange
-  }, _ref4 => {
-    let {
-      selected,
-      onChange
-    } = _ref4;
-    return /*#__PURE__*/React.createElement(Story, {
-      selected: selected,
-      onChange: onChange
-    });
-  });
+  }, ({
+    selected,
+    onChange
+  }) => /*#__PURE__*/React.createElement(Story, {
+    selected: selected,
+    onChange: onChange
+  }));
 };
 export const createDecoratorCustomDataProvider = args => {
   const data = (args === null || args === void 0 ? void 0 : args.data) || dataProviderData;

package/build/es/__e2e__/controlled_expanded.js

@@ -7,18 +7,16 @@ window.orgUnitPathToExpand = '/A0000000000/A0000000001';
 export const Controlled = () => {
   const initiallyExpanded = getAllExpandedOrgUnitPaths(window.initiallyExpandedPaths);
   const [expanded, setExpanded] = useState(initiallyExpanded);
-  const handleExpand = _ref => {
-    let {
-      path
-    } = _ref;
+  const handleExpand = ({
+    path
+  }) => {
     if (!expanded.includes(path)) {
       setExpanded([...expanded, path]);
     }
   };
-  const handleCollapse = _ref2 => {
-    let {
-      path
-    } = _ref2;
+  const handleCollapse = ({
+    path
+  }) => {
     const pathIndex = expanded.indexOf(path);
     if (pathIndex !== -1) {
       const updatedExpanded = pathIndex === 0 ? expanded.slice(1) : [...expanded.slice(0, pathIndex), ...expanded.slice(pathIndex + 1)];

package/build/es/__e2e__/displaying_loading_error.js

@@ -3,10 +3,7 @@ import React from 'react';
 import { OrganisationUnitTree } from '../index.js';
 import { StatefulMultiSelectionWrapper, dataProviderData } from './common.js';
 const dataProviderDataWithError = {
-  organisationUnits: function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+  organisationUnits: (...args) => {
     const [, {
       id
     }] = args;

package/build/es/__e2e__/expanded.js

@@ -2,40 +2,31 @@ import React from 'react';
 import { OrganisationUnitTree } from '../index.js';
 import { createDecoratorCustomDataProvider, createDecoratorStatefulMultiSelection } from './common.js';
 const decorators = [createDecoratorStatefulMultiSelection(), createDecoratorCustomDataProvider()];
-export const NoInitiallyExpandedPaths = (_, _ref) => {
-  let {
-    onChange,
-    selected
-  } = _ref;
-  return /*#__PURE__*/React.createElement(OrganisationUnitTree, {
-    roots: "A0000000000",
-    selected: selected,
-    onChange: onChange
-  });
-};
+export const NoInitiallyExpandedPaths = (_, {
+  onChange,
+  selected
+}) => /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+  roots: "A0000000000",
+  selected: selected,
+  onChange: onChange
+});
 NoInitiallyExpandedPaths.decorators = decorators;
-export const InitiallyExpandedPaths = (_, _ref2) => {
-  let {
-    onChange,
-    selected
-  } = _ref2;
-  return /*#__PURE__*/React.createElement(OrganisationUnitTree, {
-    roots: "A0000000000",
-    selected: selected,
-    onChange: onChange,
-    initiallyExpanded: ['/A0000000000']
-  });
-};
+export const InitiallyExpandedPaths = (_, {
+  onChange,
+  selected
+}) => /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+  roots: "A0000000000",
+  selected: selected,
+  onChange: onChange,
+  initiallyExpanded: ['/A0000000000']
+});
 InitiallyExpandedPaths.decorators = decorators;
-export const WithRootMainAndRootSubOrgUnit = (_, _ref3) => {
-  let {
-    onChange,
-    selected
-  } = _ref3;
-  return /*#__PURE__*/React.createElement(OrganisationUnitTree, {
-    roots: ['A0000000000', 'A0000000001'],
-    selected: selected,
-    onChange: onChange
-  });
-};
+export const WithRootMainAndRootSubOrgUnit = (_, {
+  onChange,
+  selected
+}) => /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+  roots: ['A0000000000', 'A0000000001'],
+  selected: selected,
+  onChange: onChange
+});
 WithRootMainAndRootSubOrgUnit.decorators = decorators;

package/build/es/__e2e__/force_reload.js

@@ -3,10 +3,7 @@ import React, { useState } from 'react';
 import { OrganisationUnitTree } from '../index.js';
 import { StatefulMultiSelectionWrapper, dataProviderData, delayResponse, namespace } from './common.js';
 const afterReloadData = {
-  organisationUnits: function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+  organisationUnits: (...args) => {
     const [, {
       id
     }] = args;
@@ -27,23 +24,20 @@ const ForceReloading_ = () => {
     disabled: forceReload,
     "data-test": "reload-all",
     onClick: () => setForceReload(true)
-  }, "Force reload tree"), /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, _ref => {
-    let {
-      selected,
-      onChange
-    } = _ref;
-    return /*#__PURE__*/React.createElement(OrganisationUnitTree, {
-      roots: "A0000000000",
-      onChange: onChange,
-      selected: selected,
-      forceReload: forceReload,
-      onChildrenLoaded: data => {
-        if (data.A0000000000) {
-          setForceReload(false);
-        }
+  }, "Force reload tree"), /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, ({
+    selected,
+    onChange
+  }) => /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+    roots: "A0000000000",
+    onChange: onChange,
+    selected: selected,
+    forceReload: forceReload,
+    onChildrenLoaded: data => {
+      if (data.A0000000000) {
+        setForceReload(false);
       }
-    });
-  }));
+    }
+  })));
 };
 export default {
   title: namespace

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

@@ -1,33 +1,29 @@
-const createResponse = _ref => {
-  let {
-    fields,
-    id,
-    path,
-    displayName,
+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]') ? {
     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
-    } : {})
-  };
-};
-export const getOrganisationUnitData = (id, _ref2) => {
-  let {
-    fields
-  } = _ref2;
+  } : {})
+});
+export const getOrganisationUnitData = (id, {
+  fields
+}) => {
   let data;
   if (id === 'A0000000000') {
     data = createResponse({

package/build/es/__e2e__/highlight.js

@@ -7,13 +7,10 @@ export default {
 };
 export const RootHighlighted = () => /*#__PURE__*/React.createElement(CustomDataProvider, {
   data: dataProviderData
-}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, _ref => {
-  let {
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(OrganisationUnitTree, {
-    roots: "A0000000000",
-    onChange: onChange,
-    highlighted: ['/A0000000000']
-  });
-}));
+}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, ({
+  onChange
+}) => /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+  roots: "A0000000000",
+  onChange: onChange,
+  highlighted: ['/A0000000000']
+})));

package/build/es/__e2e__/loading_state.js

@@ -3,10 +3,7 @@ import React from 'react';
 import { OrganisationUnitTree } from '../index.js';
 import { StatefulMultiSelectionWrapper, dataProviderData, delayResponse } from './common.js';
 const data = {
-  organisationUnits: function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+  organisationUnits: (...args) => {
     const [, {
       id
     }] = args;
@@ -21,12 +18,9 @@ const data = {
 };
 export const A0000000001Loading = () => /*#__PURE__*/React.createElement(CustomDataProvider, {
   data: data
-}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, _ref => {
-  let {
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(OrganisationUnitTree, {
-    roots: "A0000000000",
-    onChange: onChange
-  });
-}));
+}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, ({
+  onChange
+}) => /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+  roots: "A0000000000",
+  onChange: onChange
+})));

package/build/es/__e2e__/multi_selection.js

@@ -7,14 +7,11 @@ export const MultipleSelection = () => /*#__PURE__*/React.createElement(CustomDa
   data: dataProviderData
 }, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, {
   onSelectionChange: newSelection => window.selection = newSelection
-}, _ref => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(OrganisationUnitTree, {
-    roots: "A0000000000",
-    onChange: onChange,
-    selected: selected
-  });
-}));
+}, ({
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+  roots: "A0000000000",
+  onChange: onChange,
+  selected: selected
+})));

package/build/es/__e2e__/no_selection.js

@@ -4,26 +4,20 @@ import { OrganisationUnitTree } from '../index.js';
 import { StatefulMultiSelectionWrapper, dataProviderData } from './common.js';
 export const NoSelectionClosed = () => /*#__PURE__*/React.createElement(CustomDataProvider, {
   data: dataProviderData
-}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, _ref => {
-  let {
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(OrganisationUnitTree, {
-    disableSelection: true,
-    roots: "A0000000000",
-    onChange: onChange
-  });
-}));
+}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, ({
+  onChange
+}) => /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+  disableSelection: true,
+  roots: "A0000000000",
+  onChange: onChange
+})));
 export const NoSelectionRootOpened = () => /*#__PURE__*/React.createElement(CustomDataProvider, {
   data: dataProviderData
-}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, _ref2 => {
-  let {
-    onChange
-  } = _ref2;
-  return /*#__PURE__*/React.createElement(OrganisationUnitTree, {
-    disableSelection: true,
-    roots: "A0000000000",
-    onChange: onChange,
-    initiallyExpanded: ['/A0000000000']
-  });
-}));
+}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, ({
+  onChange
+}) => /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+  disableSelection: true,
+  roots: "A0000000000",
+  onChange: onChange,
+  initiallyExpanded: ['/A0000000000']
+})));

package/build/es/__e2e__/path_based_filtering.js

@@ -8,27 +8,21 @@ for (let i = 0; i < 7; ++i) {
 }
 export const FilteredBy3LevelPath = () => /*#__PURE__*/React.createElement(CustomDataProvider, {
   data: dataProviderData
-}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, _ref => {
-  let {
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(OrganisationUnitTree, {
-    roots: "A0000000000",
-    onChange: onChange,
-    initiallyExpanded: ['/A0000000000', '/A0000000000/A0000000001', '/A0000000000/A0000000002'],
-    filter: ['/A0000000000/A0000000001/A0000000003']
-  });
-}));
+}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, ({
+  onChange
+}) => /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+  roots: "A0000000000",
+  onChange: onChange,
+  initiallyExpanded: ['/A0000000000', '/A0000000000/A0000000001', '/A0000000000/A0000000002'],
+  filter: ['/A0000000000/A0000000001/A0000000003']
+})));
 export const FilteredBy3LevelPathAnd2LevelPath = () => /*#__PURE__*/React.createElement(CustomDataProvider, {
   data: dataProviderData
-}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, _ref2 => {
-  let {
-    onChange
-  } = _ref2;
-  return /*#__PURE__*/React.createElement(OrganisationUnitTree, {
-    roots: "A0000000000",
-    onChange: onChange,
-    initiallyExpanded: ['/A0000000000', '/A0000000000/A0000000001', '/A0000000000/A0000000002'],
-    filter: ['/A0000000000/A0000000001/A0000000003', '/A0000000000/A0000000002']
-  });
-}));
+}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, ({
+  onChange
+}) => /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+  roots: "A0000000000",
+  onChange: onChange,
+  initiallyExpanded: ['/A0000000000', '/A0000000000/A0000000001', '/A0000000000/A0000000002'],
+  filter: ['/A0000000000/A0000000001/A0000000003', '/A0000000000/A0000000002']
+})));

package/build/es/__e2e__/single_selection.js

@@ -3,10 +3,7 @@ import React from 'react';
 import { OrganisationUnitTree } from '../index.js';
 import { StatefulMultiSelectionWrapper, dataProviderData } from './common.js';
 const data = {
-  organisationUnits: function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+  organisationUnits: (...args) => {
     const [, {
       id
     }] = args;
@@ -28,15 +25,12 @@ const data = {
 };
 export const SingleSelection = () => /*#__PURE__*/React.createElement(CustomDataProvider, {
   data: data
-}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, _ref => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(OrganisationUnitTree, {
-    singleSelection: true,
-    roots: ['A0000000000', 'A0000000001'],
-    onChange: onChange,
-    selected: selected
-  });
-}));
+}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, ({
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+  singleSelection: true,
+  roots: ['A0000000000', 'A0000000001'],
+  onChange: onChange,
+  selected: selected
+})));

package/build/es/__e2e__/sub_unit_as_root.js

@@ -1,11 +1,10 @@
 import React, { useState } from 'react';
 import { OrganisationUnitTree } from '../index.js';
 import { createDecoratorCustomDataProvider, createDecoratorStatefulMultiSelection } from './common.js';
-export const MultipleRootSubAndOneMainOrgUnit = (_, _ref) => {
-  let {
-    selected,
-    onChange
-  } = _ref;
+export const MultipleRootSubAndOneMainOrgUnit = (_, {
+  selected,
+  onChange
+}) => {
   const [filter, setFilter] = useState('');
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
     type: "input",

package/build/es/__e2e__/tree_api.js

@@ -3,10 +3,7 @@ import React from 'react';
 import { OrganisationUnitTree } from '../index.js';
 import { StatefulMultiSelectionWrapper, dataProviderData } from './common.js';
 const customizedDataProviderData = {
-  organisationUnits: function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+  organisationUnits: (...args) => {
     const [, {
       id,
       params
@@ -39,20 +36,17 @@ window.onExpand = window.Cypress && window.Cypress.cy.stub();
 window.onChildrenLoaded = window.Cypress && window.Cypress.cy.stub();
 export const Events = () => /*#__PURE__*/React.createElement(CustomDataProvider, {
   data: customizedDataProviderData
-}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, _ref => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(OrganisationUnitTree, {
-    roots: "A0000000000",
-    selected: selected,
-    onChange: function () {
-      onChange(...arguments);
-      window.onChange(...arguments);
-    },
-    onExpand: window.onExpand,
-    onCollapse: window.onCollapse,
-    onChildrenLoaded: window.onChildrenLoaded
-  });
-}));
+}, /*#__PURE__*/React.createElement(StatefulMultiSelectionWrapper, null, ({
+  selected,
+  onChange
+}) => /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+  roots: "A0000000000",
+  selected: selected,
+  onChange: (...args) => {
+    onChange(...args);
+    window.onChange(...args);
+  },
+  onExpand: window.onExpand,
+  onCollapse: window.onCollapse,
+  onChildrenLoaded: window.onChildrenLoaded
+})));

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

@@ -6,18 +6,16 @@ export const CustomExpandedImperativeOpen = () => {
   const orgUnit2Path = '/A0000000000/A0000000001';
   const initiallyExpanded = getAllExpandedOrgUnitPaths([]);
   const [expanded, setExpanded] = useState(initiallyExpanded);
-  const handleExpand = _ref => {
-    let {
-      path
-    } = _ref;
+  const handleExpand = ({
+    path
+  }) => {
     if (!expanded.includes(path)) {
       setExpanded([...expanded, path]);
     }
   };
-  const handleCollapse = _ref2 => {
-    let {
-      path
-    } = _ref2;
+  const handleCollapse = ({
+    path
+  }) => {
     const pathIndex = expanded.indexOf(path);
     if (pathIndex !== -1) {
       const updatedExpanded = pathIndex === 0 ? expanded.slice(1) : [...expanded.slice(0, pathIndex), ...expanded.slice(pathIndex + 1)];

package/build/es/__stories__/custom-node-label.js

@@ -5,11 +5,10 @@ export const CustomNodeLabel = () => /*#__PURE__*/React.createElement(Organisati
   name: "Root org unit",
   roots: "A0000000000",
   initiallyExpanded: ['/A0000000000/A0000000001'],
-  renderNodeLabel: _ref => {
-    let {
-      label,
-      node
-    } = _ref;
+  renderNodeLabel: ({
+    label,
+    node
+  }) => {
     if (node.path !== '/A0000000000/A0000000001') {
       return label;
     }

package/build/es/__stories__/development-stories.js

@@ -2,12 +2,11 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import { DataProvider } from '@dhis2/app-runtime';
 import React, { useState } from 'react';
 import { OrganisationUnitTree } from '../index.js';
-const DX_onChange = (selected, setSelected, singleSelection) => _ref => {
-  let {
-    id,
-    path,
-    checked
-  } = _ref;
+const DX_onChange = (selected, setSelected, singleSelection) => ({
+  id,
+  path,
+  checked
+}) => {
   console.log('onChange', {
     path,
     id,

package/build/es/__stories__/loading-error-grandchild.js

@@ -5,10 +5,7 @@ import { customData, onChange, onExpand, onCollapse, onChildrenLoaded } from './
 export const LoadingErrorGrandchild = () => /*#__PURE__*/React.createElement(CustomDataProvider, {
   data: {
     ...customData,
-    organisationUnits: function () {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
+    organisationUnits: (...args) => {
       const [, {
         id
       }] = args;