@dhis2-ui/organisation-unit-tree 8.1.10 → 8.2.1

package/build/es/organisation-unit-node/organisation-unit-node.js

@@ -11,27 +11,28 @@ import { LoadingSpinner } from './loading-spinner.js';
 import { OrganisationUnitNodeChildren } from './organisation-unit-node-children.js';
 import { useOpenState } from './use-open-state.js';
 import { useOrgData } from './use-org-data/index.js';
-export const OrganisationUnitNode = ({
-  autoExpandLoadingError,
-  dataTest,
-  disableSelection,
-  displayName,
-  expanded,
-  highlighted,
-  id,
-  isUserDataViewFallback,
-  path,
-  renderNodeLabel,
-  rootId,
-  selected,
-  singleSelection,
-  filter,
-  suppressAlphabeticalSorting,
-  onChange,
-  onChildrenLoaded,
-  onCollapse,
-  onExpand
-}) => {
+export const OrganisationUnitNode = _ref => {
+  let {
+    autoExpandLoadingError,
+    dataTest,
+    disableSelection,
+    displayName,
+    expanded,
+    highlighted,
+    id,
+    isUserDataViewFallback,
+    path,
+    renderNodeLabel,
+    rootId,
+    selected,
+    singleSelection,
+    filter,
+    suppressAlphabeticalSorting,
+    onChange,
+    onChildrenLoaded,
+    onCollapse,
+    onExpand
+  } = _ref;
   const orgData = useOrgData(id, {
     isUserDataViewFallback,
     displayName
@@ -59,7 +60,7 @@ export const OrganisationUnitNode = ({
     onExpand,
     onCollapse
   });
-  const isSelected = !!selected.find(curPath => curPath.match(new RegExp(`${strippedPath}$`)));
+  const isSelected = !!selected.find(curPath => curPath.match(new RegExp("".concat(strippedPath, "$"))));
   const labelContent = renderNodeLabel({
     disableSelection,
     hasChildren,
@@ -83,7 +84,7 @@ export const OrganisationUnitNode = ({
     checked: isSelected,
     rootId: rootId,
     onChange: onChange,
-    dataTest: `${dataTest}-label`,
+    dataTest: "".concat(dataTest, "-label"),
     selected: selected,
     hasChildren: hasChildren,
     highlighted: isHighlighted,
@@ -106,7 +107,7 @@ export const OrganisationUnitNode = ({
   const showPlaceholder = hasChildren && !open && !orgData.error;
   const showChildNodes = hasChildren && open && !orgData.error;
   return /*#__PURE__*/React.createElement(Node, {
-    dataTest: `${dataTest}-node`,
+    dataTest: "".concat(dataTest, "-node"),
     open: open,
     onOpen: onToggleOpen,
     onClose: onToggleOpen,
@@ -115,7 +116,7 @@ export const OrganisationUnitNode = ({
   }, orgData.error && /*#__PURE__*/React.createElement(ErrorMessage, {
     dataTest: dataTest
   }, i18n.t('Could not load children')), showPlaceholder && /*#__PURE__*/React.createElement("span", {
-    "data-test": `${dataTest}-placeholder`
+    "data-test": "".concat(dataTest, "-placeholder")
   }), showChildNodes && /*#__PURE__*/React.createElement(OrganisationUnitNodeChildren // Prevent cirular imports
   , {
     OrganisationUnitNode: OrganisationUnitNode,

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

@@ -10,14 +10,15 @@ import { useEffect, useState } from 'react';
  * @returns {Object}
  */
 
-export const useOpenState = ({
-  path,
-  expanded,
-  onExpand,
-  onCollapse,
-  errorMessage,
-  autoExpandLoadingError
-}) => {
+export const useOpenState = _ref => {
+  let {
+    path,
+    expanded,
+    onExpand,
+    onCollapse,
+    errorMessage,
+    autoExpandLoadingError
+  } = _ref;
   const autoExpand = autoExpandLoadingError && !!errorMessage;
   const [openedOnceDueToError, setOpenedOnce] = useState(!!errorMessage);
   useEffect(() => {

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

@@ -3,10 +3,13 @@ import { useMemo, useEffect, useRef } from 'react';
 import { sortNodeChildrenAlphabetically } from '../helpers/index.js';
 const ORG_DATA_QUERY = {
   orgUnit: {
-    resource: `organisationUnits`,
-    id: ({
-      id
-    }) => id,
+    resource: "organisationUnits",
+    id: _ref => {
+      let {
+        id
+      } = _ref;
+      return id;
+    },
     params: {
       fields: 'children[id,path,displayName]'
     }
@@ -20,11 +23,12 @@ const ORG_DATA_QUERY = {
  * @returns {Object}
  */
 
-export const useOrgChildren = ({
-  node,
-  suppressAlphabeticalSorting,
-  onComplete
-}) => {
+export const useOrgChildren = _ref2 => {
+  let {
+    node,
+    suppressAlphabeticalSorting,
+    onComplete
+  } = _ref2;
   const onCompleteCalledRef = useRef(false);
   const {
     called,

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

@@ -4,9 +4,11 @@ import React from 'react';
 import { useOrgChildren } from './use-org-children.js';
 describe('OrganisationUnitTree - useOrgChildren', () => {
   const dataProviderData = {
-    organisationUnits: jest.fn((type, {
-      id
-    }) => {
+    organisationUnits: jest.fn((type, _ref) => {
+      let {
+        id
+      } = _ref;
+
       if (id === 'A0000000000') {
         return {
           children: [{
@@ -18,15 +20,18 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
         };
       }
 
-      return Promise.reject(`No org unit with id "${id}"`);
+      return Promise.reject("No org unit with id \"".concat(id, "\""));
     })
   };
 
-  const wrapper = ({
-    children
-  }) => /*#__PURE__*/React.createElement(CustomDataProvider, {
-    data: dataProviderData
-  }, children);
+  const wrapper = _ref2 => {
+    let {
+      children
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(CustomDataProvider, {
+      data: dataProviderData
+    }, children);
+  };
 
   const node = {
     id: 'A0000000000',
@@ -77,15 +82,18 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
     });
   });
   it('should provide the error', async () => {
-    const errorWrapper = ({
-      children
-    }) => /*#__PURE__*/React.createElement(CustomDataProvider, {
-      data: {
-        organisationUnits: async () => {
-          throw new Error('Error message');
+    const errorWrapper = _ref3 => {
+      let {
+        children
+      } = _ref3;
+      return /*#__PURE__*/React.createElement(CustomDataProvider, {
+        data: {
+          organisationUnits: async () => {
+            throw new Error('Error message');
+          }
         }
-      }
-    }, children);
+      }, children);
+    };
 
     const {
       result,
@@ -129,9 +137,11 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
   });
   it("should sort the node's children alphabetically by default", async () => {
     const dataProviderDataWithUnsortedChildren = {
-      organisationUnits: jest.fn((type, {
-        id
-      }) => {
+      organisationUnits: jest.fn((type, _ref4) => {
+        let {
+          id
+        } = _ref4;
+
         if (id === 'A0000000000') {
           return {
             children: [{
@@ -148,15 +158,18 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
           };
         }
 
-        return Promise.reject(`No org unit with id "${id}"`);
+        return Promise.reject("No org unit with id \"".concat(id, "\""));
       })
     };
 
-    const wrapperWithUnsortedChildren = ({
-      children
-    }) => /*#__PURE__*/React.createElement(CustomDataProvider, {
-      data: dataProviderDataWithUnsortedChildren
-    }, children);
+    const wrapperWithUnsortedChildren = _ref5 => {
+      let {
+        children
+      } = _ref5;
+      return /*#__PURE__*/React.createElement(CustomDataProvider, {
+        data: dataProviderDataWithUnsortedChildren
+      }, children);
+    };
 
     const {
       result,
@@ -186,11 +199,13 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
       }]
     });
   });
-  it(`should not sort the node's children alphabetically when "suppressAlphabeticalSorting" is true`, async () => {
+  it("should not sort the node's children alphabetically when \"suppressAlphabeticalSorting\" is true", async () => {
     const dataProviderDataWithUnsortedChildren = {
-      organisationUnits: jest.fn((type, {
-        id
-      }) => {
+      organisationUnits: jest.fn((type, _ref6) => {
+        let {
+          id
+        } = _ref6;
+
         if (id === 'A0000000000') {
           return {
             children: [{
@@ -207,15 +222,18 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
           };
         }
 
-        return Promise.reject(`No org unit with id "${id}"`);
+        return Promise.reject("No org unit with id \"".concat(id, "\""));
       })
     };
 
-    const wrapperWithUnsortedChildren = ({
-      children
-    }) => /*#__PURE__*/React.createElement(CustomDataProvider, {
-      data: dataProviderDataWithUnsortedChildren
-    }, children);
+    const wrapperWithUnsortedChildren = _ref7 => {
+      let {
+        children
+      } = _ref7;
+      return /*#__PURE__*/React.createElement(CustomDataProvider, {
+        data: dataProviderDataWithUnsortedChildren
+      }, children);
+    };
 
     const options = {
       node: { ...node,
@@ -247,11 +265,13 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
       }]
     });
   });
-  it(`should not sort the node's children alphabetically when "suppressAlphabeticalSorting" is true`, async () => {
+  it("should not sort the node's children alphabetically when \"suppressAlphabeticalSorting\" is true", async () => {
     const dataProviderDataWithUnsortedChildren = {
-      organisationUnits: jest.fn((type, {
-        id
-      }) => {
+      organisationUnits: jest.fn((type, _ref8) => {
+        let {
+          id
+        } = _ref8;
+
         if (id === 'A0000000000') {
           return {
             children: [{
@@ -268,15 +288,18 @@ describe('OrganisationUnitTree - useOrgChildren', () => {
           };
         }
 
-        return Promise.reject(`No org unit with id "${id}"`);
+        return Promise.reject("No org unit with id \"".concat(id, "\""));
       })
     };
 
-    const wrapperWithUnsortedChildren = ({
-      children
-    }) => /*#__PURE__*/React.createElement(CustomDataProvider, {
-      data: dataProviderDataWithUnsortedChildren
-    }, children);
+    const wrapperWithUnsortedChildren = _ref9 => {
+      let {
+        children
+      } = _ref9;
+      return /*#__PURE__*/React.createElement(CustomDataProvider, {
+        data: dataProviderDataWithUnsortedChildren
+      }, children);
+    };
 
     const options = {
       node: { ...node,

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

@@ -1,16 +1,22 @@
 import { useDataQuery } from '@dhis2/app-runtime';
 const ORG_DATA_QUERY = {
   orgUnit: {
-    resource: `organisationUnits`,
-    id: ({
-      id
-    }) => id,
-    params: ({
-      isUserDataViewFallback
-    }) => ({
-      isUserDataViewFallback,
-      fields: ['path', 'children::size']
-    })
+    resource: "organisationUnits",
+    id: _ref => {
+      let {
+        id
+      } = _ref;
+      return id;
+    },
+    params: _ref2 => {
+      let {
+        isUserDataViewFallback
+      } = _ref2;
+      return {
+        isUserDataViewFallback,
+        fields: ['path', 'children::size']
+      };
+    }
   }
 };
 /**
@@ -21,10 +27,12 @@ const ORG_DATA_QUERY = {
  * @returns {Object}
  */
 
-export const useOrgData = (id, {
-  displayName,
-  isUserDataViewFallback
-}) => {
+export const useOrgData = (id, _ref3) => {
+  let {
+    displayName,
+    isUserDataViewFallback
+  } = _ref3;
+
   if (!displayName) {
     throw new Error('"displayName" is required');
   }

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

@@ -5,7 +5,11 @@ import { useOrgData } from './use-org-data.js';
 describe('OrganisationUnitTree - useOrgData', () => {
   // @TODO: Figure out why this is necessary at all...
   const origError = console.error;
-  jest.spyOn(console, 'error').mockImplementation((...args) => {
+  jest.spyOn(console, 'error').mockImplementation(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
     const [err] = args;
 
     if (!err.toString().match(/^Warning: An update to/)) {
@@ -16,9 +20,11 @@ describe('OrganisationUnitTree - useOrgData', () => {
     console.error.mockRestore();
   });
   const dataProviderData = {
-    organisationUnits: jest.fn((type, {
-      id
-    }) => {
+    organisationUnits: jest.fn((type, _ref) => {
+      let {
+        id
+      } = _ref;
+
       if (id === 'A0000000000') {
         return {
           id: 'A0000000000',
@@ -27,15 +33,18 @@ describe('OrganisationUnitTree - useOrgData', () => {
         };
       }
 
-      return Promise.reject(`No org unit with id "${id}"`);
+      return Promise.reject("No org unit with id \"".concat(id, "\""));
     })
   };
 
-  const wrapper = ({
-    children
-  }) => /*#__PURE__*/React.createElement(CustomDataProvider, {
-    data: dataProviderData
-  }, children);
+  const wrapper = _ref2 => {
+    let {
+      children
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(CustomDataProvider, {
+      data: dataProviderData
+    }, children);
+  };
 
   it('should respond with `loading: true`, `error: null` and `data: { displayName, id }` initially', () => {
     const {
@@ -75,15 +84,18 @@ describe('OrganisationUnitTree - useOrgData', () => {
     });
   });
   it('should provide the error', async () => {
-    const errorWrapper = ({
-      children
-    }) => /*#__PURE__*/React.createElement(CustomDataProvider, {
-      data: {
-        organisationUnits: async () => {
-          throw new Error('Error message');
+    const errorWrapper = _ref3 => {
+      let {
+        children
+      } = _ref3;
+      return /*#__PURE__*/React.createElement(CustomDataProvider, {
+        data: {
+          organisationUnits: async () => {
+            throw new Error('Error message');
+          }
         }
-      }
-    }, children);
+      }, children);
+    };
 
     const {
       result,

package/build/es/organisation-unit-tree/default-render-node-label/default-render-node-label.js

@@ -1,3 +1,6 @@
-export const defaultRenderNodeLabel = ({
-  label
-}) => label;
+export const defaultRenderNodeLabel = _ref => {
+  let {
+    label
+  } = _ref;
+  return label;
+};

package/build/es/organisation-unit-tree/filter-root-ids.js

@@ -4,5 +4,5 @@ export const filterRootIds = (filter, rootIds) => {
     return rootIds;
   }
 
-  return rootIds.filter(rootId => isPathIncluded(filter, `/${rootId}`));
+  return rootIds.filter(rootId => isPathIncluded(filter, "/".concat(rootId)));
 };

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

@@ -11,28 +11,29 @@ import { useExpanded } from './use-expanded/index.js';
 import { useForceReload } from './use-force-reload.js';
 import { useRootOrgData } from './use-root-org-data/index.js';
 
-const OrganisationUnitTree = ({
-  onChange,
-  roots,
-  autoExpandLoadingError,
-  dataTest,
-  disableSelection,
-  forceReload,
-  highlighted,
-  isUserDataViewFallback,
-  initiallyExpanded,
-  filter,
-  renderNodeLabel,
-  selected,
-  singleSelection,
-  suppressAlphabeticalSorting,
-  expanded: expandedControlled,
-  handleExpand: handleExpandControlled,
-  handleCollapse: handleCollapseControlled,
-  onExpand,
-  onCollapse,
-  onChildrenLoaded
-}) => {
+const OrganisationUnitTree = _ref => {
+  let {
+    onChange,
+    roots,
+    autoExpandLoadingError,
+    dataTest,
+    disableSelection,
+    forceReload,
+    highlighted,
+    isUserDataViewFallback,
+    initiallyExpanded,
+    filter,
+    renderNodeLabel,
+    selected,
+    singleSelection,
+    suppressAlphabeticalSorting,
+    expanded: expandedControlled,
+    handleExpand: handleExpandControlled,
+    handleCollapse: handleCollapseControlled,
+    onExpand,
+    onCollapse,
+    onChildrenLoaded
+  } = _ref;
   const rootIds = filterRootIds(filter, Array.isArray(roots) ? roots : [roots]);
   const reloadId = useForceReload(forceReload);
   const [prevReloadId, setPrevReloadId] = useState(reloadId);

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

@@ -1,15 +1,18 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import i18n from '../locales/index.js';
-export const RootError = ({
-  dataTest,
-  error
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test": dataTest
-}, i18n.t('Error: {{ ERRORMESSAGE }}', {
-  ERRORMESSAGE: error,
-  nsSeparator: '>'
-}));
+export const RootError = _ref => {
+  let {
+    dataTest,
+    error
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest
+  }, i18n.t('Error: {{ ERRORMESSAGE }}', {
+    ERRORMESSAGE: error,
+    nsSeparator: '>'
+  }));
+};
 RootError.defaultProps = {
   dataTest: 'dhis2-uiwidgets-orgunittree-error'
 };

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

@@ -2,16 +2,19 @@ import _JSXStyle from "styled-jsx/style";
 import { CircularLoader } from '@dhis2-ui/loader';
 import PropTypes from 'prop-types';
 import React from 'react';
-export const RootLoading = ({
-  dataTest
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test": dataTest,
-  className: "jsx-814846266"
-}, /*#__PURE__*/React.createElement(CircularLoader, {
-  small: true
-}), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "814846266"
-}, ["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;}"]));
+export const RootLoading = _ref => {
+  let {
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    className: "jsx-814846266"
+  }, /*#__PURE__*/React.createElement(CircularLoader, {
+    small: true
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "814846266"
+  }, ["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;}"]));
+};
 RootLoading.defaultProps = {
   dataTest: 'dhis2-uiwidgets-orgunittree-loading'
 };

package/build/es/organisation-unit-tree/use-expanded/create-expand-handlers.js

@@ -6,16 +6,20 @@
  * @param {Function} [args.onCollapse]
  * @returns {{ handleExpand: Function, handleCollapse: Function }}
  */
-export const createExpandHandlers = ({
-  expanded,
-  setExpanded,
-  onExpand,
-  onCollapse
-}) => {
-  const handleExpand = ({
-    path,
-    ...rest
-  }) => {
+export const createExpandHandlers = _ref => {
+  let {
+    expanded,
+    setExpanded,
+    onExpand,
+    onCollapse
+  } = _ref;
+
+  const handleExpand = _ref2 => {
+    let {
+      path,
+      ...rest
+    } = _ref2;
+
     if (!expanded.includes(path)) {
       setExpanded([...expanded, path]);
 
@@ -28,10 +32,11 @@ export const createExpandHandlers = ({
     }
   };
 
-  const handleCollapse = ({
-    path,
-    ...rest
-  }) => {
+  const handleCollapse = _ref3 => {
+    let {
+      path,
+      ...rest
+    } = _ref3;
     const pathIndex = expanded.indexOf(path);
 
     if (pathIndex !== -1) {

package/build/es/organisation-unit-tree/use-expanded/use-expanded.js

@@ -8,14 +8,15 @@ import { createExpandHandlers } from './create-expand-handlers.js';
  * @returns {{ expanded: string[], handleExpand: Function, handleCollapse: Function }}
  */
 
-export const useExpanded = ({
-  initiallyExpanded,
-  onExpand,
-  onCollapse,
-  expandedControlled,
-  handleExpandControlled,
-  handleCollapseControlled
-}) => {
+export const useExpanded = _ref => {
+  let {
+    initiallyExpanded,
+    onExpand,
+    onCollapse,
+    expandedControlled,
+    handleExpandControlled,
+    handleCollapseControlled
+  } = _ref;
   const isControlled = !!expandedControlled;
   const allInitiallyExpandedPaths = isControlled ? [] : getAllExpandedPaths(initiallyExpanded);
   const [expanded, setExpanded] = useState(allInitiallyExpandedPaths);