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

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

@@ -2,16 +2,19 @@ import _JSXStyle from "styled-jsx/style";
 import { colors, spacers, theme } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
-export const ErrorMessage = ({
-  children,
-  dataTest
-}) => /*#__PURE__*/React.createElement("span", {
-  "data-test": `${dataTest}-error`,
-  className: _JSXStyle.dynamic([["3198585030", [colors.grey800, spacers.dp4, theme.error]]])
-}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "3198585030",
-  dynamic: [colors.grey800, spacers.dp4, theme.error]
-}, [`span.__jsx-style-dynamic-selector{font-size:14px;color:${colors.grey800};margin:${spacers.dp4};color:${theme.error};}`]));
+export const ErrorMessage = _ref => {
+  let {
+    children,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("span", {
+    "data-test": "".concat(dataTest, "-error"),
+    className: _JSXStyle.dynamic([["3198585030", [colors.grey800, spacers.dp4, theme.error]]])
+  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3198585030",
+    dynamic: [colors.grey800, spacers.dp4, theme.error]
+  }, ["span.__jsx-style-dynamic-selector{font-size:14px;color:".concat(colors.grey800, ";margin:").concat(spacers.dp4, ";color:").concat(theme.error, ";}")]));
+};
 ErrorMessage.propTypes = {
   children: PropTypes.any.isRequired,
   dataTest: PropTypes.string.isRequired

package/build/es/organisation-unit-node/has-descendant-selected-paths.js

@@ -8,7 +8,7 @@
  */
 export const hasDescendantSelectedPaths = (path, selected) => {
   return selected.some(selectedPath => {
-    const isNotPath = !selectedPath.match(new RegExp(`${path}$`));
+    const isNotPath = !selectedPath.match(new RegExp("".concat(path, "$")));
     const isSubPath = selectedPath.match(new RegExp(path));
     return isNotPath && isSubPath;
   });

package/build/es/organisation-unit-node/label/disabled-selection-label.js

@@ -9,15 +9,18 @@ import { SingleSelectionLabel } from './single-selection-label.js';
  * @returns {React.Component}
  */
 
-export const DisabledSelectionLabel = ({
-  children,
-  loading,
-  onToggleOpen
-}) => /*#__PURE__*/React.createElement(SingleSelectionLabel, {
-  checked: false,
-  loading: loading,
-  onChange: onToggleOpen
-}, children);
+export const DisabledSelectionLabel = _ref => {
+  let {
+    children,
+    loading,
+    onToggleOpen
+  } = _ref;
+  return /*#__PURE__*/React.createElement(SingleSelectionLabel, {
+    checked: false,
+    loading: loading,
+    onChange: onToggleOpen
+  }, children);
+};
 DisabledSelectionLabel.propTypes = {
   children: PropTypes.any.isRequired,
   onToggleOpen: PropTypes.func.isRequired,

package/build/es/organisation-unit-node/label/icon-empty.js

@@ -1,25 +1,28 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
-export const IconEmpty = ({
-  dataTest
-}) => /*#__PURE__*/React.createElement("svg", {
-  height: "18px",
-  version: "1.1",
-  viewBox: "0 0 18 18",
-  width: "18px",
-  "data-test": `${dataTest}-iconempty`,
-  className: "jsx-3201893673"
-}, /*#__PURE__*/React.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd",
-  id: "icon/empty",
-  stroke: "none",
-  strokeWidth: "1",
-  className: "jsx-3201893673"
-}), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "3201893673"
-}, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
+export const IconEmpty = _ref => {
+  let {
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", {
+    height: "18px",
+    version: "1.1",
+    viewBox: "0 0 18 18",
+    width: "18px",
+    "data-test": "".concat(dataTest, "-iconempty"),
+    className: "jsx-3201893673"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd",
+    id: "icon/empty",
+    stroke: "none",
+    strokeWidth: "1",
+    className: "jsx-3201893673"
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3201893673"
+  }, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
+};
 IconEmpty.propTypes = {
   dataTest: PropTypes.string.isRequired
 };

package/build/es/organisation-unit-node/label/icon-folder-closed.js

@@ -1,31 +1,34 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
-export const IconFolderClosed = ({
-  dataTest
-}) => /*#__PURE__*/React.createElement("svg", {
-  width: "18px",
-  height: "18px",
-  viewBox: "0 0 18 18",
-  version: "1.1",
-  "data-test": `${dataTest}-iconfolderclosed`,
-  className: "jsx-3201893673"
-}, /*#__PURE__*/React.createElement("g", {
-  id: "icon/folder/closed",
-  stroke: "none",
-  strokeWidth: "1",
-  fill: "none",
-  fillRule: "evenodd",
-  className: "jsx-3201893673"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M2,3.5 C1.17157288,3.5 0.5,4.17157288 0.5,5 L0.5,13 C0.5,13.8284271 1.17157288,14.5 2,14.5 L12,14.5 C12.8284271,14.5 13.5,13.8284271 13.5,13 L13.5,7 C13.5,6.17157288 12.8284271,5.5 12,5.5 L6.69098301,5.5 L5.82917961,3.7763932 C5.7444836,3.60700119 5.57135204,3.5 5.38196601,3.5 L2,3.5 Z",
-  id: "Path-2",
-  stroke: "#6E7A8A",
-  fill: "#D5DDE5",
-  className: "jsx-3201893673"
-})), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "3201893673"
-}, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
+export const IconFolderClosed = _ref => {
+  let {
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "18px",
+    height: "18px",
+    viewBox: "0 0 18 18",
+    version: "1.1",
+    "data-test": "".concat(dataTest, "-iconfolderclosed"),
+    className: "jsx-3201893673"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "icon/folder/closed",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd",
+    className: "jsx-3201893673"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M2,3.5 C1.17157288,3.5 0.5,4.17157288 0.5,5 L0.5,13 C0.5,13.8284271 1.17157288,14.5 2,14.5 L12,14.5 C12.8284271,14.5 13.5,13.8284271 13.5,13 L13.5,7 C13.5,6.17157288 12.8284271,5.5 12,5.5 L6.69098301,5.5 L5.82917961,3.7763932 C5.7444836,3.60700119 5.57135204,3.5 5.38196601,3.5 L2,3.5 Z",
+    id: "Path-2",
+    stroke: "#6E7A8A",
+    fill: "#D5DDE5",
+    className: "jsx-3201893673"
+  })), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3201893673"
+  }, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
+};
 IconFolderClosed.propTypes = {
   dataTest: PropTypes.string.isRequired
 };

package/build/es/organisation-unit-node/label/icon-folder-open.js

@@ -1,40 +1,43 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
-export const IconFolderOpen = ({
-  dataTest
-}) => /*#__PURE__*/React.createElement("svg", {
-  width: "18px",
-  height: "18px",
-  viewBox: "0 0 18 18",
-  version: "1.1",
-  "data-test": `${dataTest}-iconfolderopen`,
-  className: "jsx-2091325045"
-}, /*#__PURE__*/React.createElement("g", {
-  id: "icon/folder/open",
-  stroke: "none",
-  strokeWidth: "1",
-  fill: "none",
-  fillRule: "evenodd",
-  className: "jsx-2091325045"
-}, /*#__PURE__*/React.createElement("g", {
-  id: "Group",
-  transform: "translate(0.000000, 3.000000)",
-  stroke: "#6E7A8A",
-  className: "jsx-2091325045"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M2,0.5 C1.17157288,0.5 0.5,1.17157288 0.5,2 L0.5,10 C0.5,10.8284271 1.17157288,11.5 2,11.5 L12,11.5 C12.8284271,11.5 13.5,10.8284271 13.5,10 L13.5,4 C13.5,3.17157288 12.8284271,2.5 12,2.5 L6.69098301,2.5 L5.82917961,0.776393202 C5.7444836,0.607001188 5.57135204,0.5 5.38196601,0.5 L2,0.5 Z",
-  id: "Path-2",
-  fill: "#A0ADBA",
-  className: "jsx-2091325045"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M1.53632259,10.7093809 C1.47575089,10.7941813 1.44318932,10.8957885 1.44318932,11 C1.44318932,11.2761424 1.66704695,11.5 1.94318932,11.5 L12.4853821,11.5 C12.6468577,11.5 12.7983931,11.4220172 12.8922488,11.2906191 L16.4636774,6.2906191 C16.5242491,6.20581872 16.5568107,6.10421149 16.5568107,6 C16.5568107,5.72385763 16.3329531,5.5 16.0568107,5.5 L5.5146179,5.5 C5.35314234,5.5 5.20160692,5.57798284 5.10775116,5.7093809 L1.53632259,10.7093809 Z",
-  id: "Path-3",
-  fill: "#FBFCFD",
-  className: "jsx-2091325045"
-}))), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "2091325045"
-}, ["svg.jsx-2091325045{margin:3px 0;display:block;}"]));
+export const IconFolderOpen = _ref => {
+  let {
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "18px",
+    height: "18px",
+    viewBox: "0 0 18 18",
+    version: "1.1",
+    "data-test": "".concat(dataTest, "-iconfolderopen"),
+    className: "jsx-2091325045"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "icon/folder/open",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd",
+    className: "jsx-2091325045"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Group",
+    transform: "translate(0.000000, 3.000000)",
+    stroke: "#6E7A8A",
+    className: "jsx-2091325045"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M2,0.5 C1.17157288,0.5 0.5,1.17157288 0.5,2 L0.5,10 C0.5,10.8284271 1.17157288,11.5 2,11.5 L12,11.5 C12.8284271,11.5 13.5,10.8284271 13.5,10 L13.5,4 C13.5,3.17157288 12.8284271,2.5 12,2.5 L6.69098301,2.5 L5.82917961,0.776393202 C5.7444836,0.607001188 5.57135204,0.5 5.38196601,0.5 L2,0.5 Z",
+    id: "Path-2",
+    fill: "#A0ADBA",
+    className: "jsx-2091325045"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M1.53632259,10.7093809 C1.47575089,10.7941813 1.44318932,10.8957885 1.44318932,11 C1.44318932,11.2761424 1.66704695,11.5 1.94318932,11.5 L12.4853821,11.5 C12.6468577,11.5 12.7983931,11.4220172 12.8922488,11.2906191 L16.4636774,6.2906191 C16.5242491,6.20581872 16.5568107,6.10421149 16.5568107,6 C16.5568107,5.72385763 16.3329531,5.5 16.0568107,5.5 L5.5146179,5.5 C5.35314234,5.5 5.20160692,5.57798284 5.10775116,5.7093809 L1.53632259,10.7093809 Z",
+    id: "Path-3",
+    fill: "#FBFCFD",
+    className: "jsx-2091325045"
+  }))), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "2091325045"
+  }, ["svg.jsx-2091325045{margin:3px 0;display:block;}"]));
+};
 IconFolderOpen.propTypes = {
   dataTest: PropTypes.string.isRequired
 };

package/build/es/organisation-unit-node/label/icon-single.js

@@ -1,34 +1,37 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
-export const IconSingle = ({
-  dataTest
-}) => /*#__PURE__*/React.createElement("svg", {
-  height: "18px",
-  version: "1.1",
-  viewBox: "0 0 18 18",
-  width: "18px",
-  "data-test": `${dataTest}-iconsingle`,
-  className: "jsx-3201893673"
-}, /*#__PURE__*/React.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd",
-  id: "icon/single",
-  stroke: "none",
-  strokeWidth: "1",
-  className: "jsx-3201893673"
-}, /*#__PURE__*/React.createElement("rect", {
-  fill: "#A0ADBA",
-  height: "4",
-  id: "Rectangle",
-  rx: "1",
-  width: "4",
-  x: "7",
-  y: "7",
-  className: "jsx-3201893673"
-})), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "3201893673"
-}, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
+export const IconSingle = _ref => {
+  let {
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", {
+    height: "18px",
+    version: "1.1",
+    viewBox: "0 0 18 18",
+    width: "18px",
+    "data-test": "".concat(dataTest, "-iconsingle"),
+    className: "jsx-3201893673"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd",
+    id: "icon/single",
+    stroke: "none",
+    strokeWidth: "1",
+    className: "jsx-3201893673"
+  }, /*#__PURE__*/React.createElement("rect", {
+    fill: "#A0ADBA",
+    height: "4",
+    id: "Rectangle",
+    rx: "1",
+    width: "4",
+    x: "7",
+    y: "7",
+    className: "jsx-3201893673"
+  })), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3201893673"
+  }, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
+};
 IconSingle.propTypes = {
   dataTest: PropTypes.string.isRequired
 };

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

@@ -11,12 +11,14 @@ import { IconSingle } from './icon-single.js';
  * @returns {React.Component}
  */
 
-export const Icon = ({
-  loading,
-  hasChildren,
-  open,
-  dataTest
-}) => {
+export const Icon = _ref => {
+  let {
+    loading,
+    hasChildren,
+    open,
+    dataTest
+  } = _ref;
+
   if (loading) {
     return /*#__PURE__*/React.createElement(IconEmpty, {
       dataTest: dataTest

package/build/es/organisation-unit-node/label/iconized-checkbox.js

@@ -3,18 +3,19 @@ import { Checkbox } from '@dhis2-ui/checkbox';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { Icon } from './icon.js';
-export const IconizedCheckbox = ({
-  checked,
-  dataTest,
-  hasChildren,
-  indeterminate,
-  children,
-  loading,
-  name,
-  open,
-  value,
-  onChange
-}) => {
+export const IconizedCheckbox = _ref => {
+  let {
+    checked,
+    dataTest,
+    hasChildren,
+    indeterminate,
+    children,
+    loading,
+    name,
+    open,
+    value,
+    onChange
+  } = _ref;
   const icon = /*#__PURE__*/React.createElement(Icon, {
     loading: loading,
     open: open,

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

@@ -10,19 +10,22 @@ import React from 'react';
  * @returns {React.Component}
  */
 
-export const LabelContainer = ({
-  highlighted,
-  children
-}) => /*#__PURE__*/React.createElement("div", {
-  className: _JSXStyle.dynamic([["495975020", [colors.teal200]]]) + " " + (cx({
-    highlighted
-  }) || "")
-}, /*#__PURE__*/React.createElement("span", {
-  className: _JSXStyle.dynamic([["495975020", [colors.teal200]]])
-}, children), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "495975020",
-  dynamic: [colors.teal200]
-}, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", "span.__jsx-style-dynamic-selector{display:block;}", `.highlighted.__jsx-style-dynamic-selector{background:${colors.teal200};padding-right:4px;}`]));
+export const LabelContainer = _ref => {
+  let {
+    highlighted,
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["495975020", [colors.teal200]]]) + " " + (cx({
+      highlighted
+    }) || "")
+  }, /*#__PURE__*/React.createElement("span", {
+    className: _JSXStyle.dynamic([["495975020", [colors.teal200]]])
+  }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "495975020",
+    dynamic: [colors.teal200]
+  }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", "span.__jsx-style-dynamic-selector{display:block;}", ".highlighted.__jsx-style-dynamic-selector{background:".concat(colors.teal200, ";padding-right:4px;}")]));
+};
 LabelContainer.propTypes = {
   children: PropTypes.node,
   highlighted: PropTypes.bool

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

@@ -6,12 +6,13 @@ import { IconizedCheckbox } from './iconized-checkbox.js';
 import { LabelContainer } from './label-container.js';
 import { SingleSelectionLabel } from './single-selection-label.js';
 
-const createNewSelected = ({
-  selected,
-  path,
-  checked,
-  singleSelection
-}) => {
+const createNewSelected = _ref => {
+  let {
+    selected,
+    path,
+    checked,
+    singleSelection
+  } = _ref;
   const pathIndex = selected.indexOf(path);
 
   if (checked && pathIndex !== -1) {
@@ -43,27 +44,30 @@ const createNewSelected = ({
   return [...prevSlice, ...nextSlice];
 };
 
-const Label = ({
-  checked,
-  children,
-  dataTest,
-  disableSelection,
-  fullPath,
-  hasChildren,
-  hasSelectedDescendants,
-  highlighted,
-  loading,
-  node,
-  onChange,
-  onToggleOpen,
-  open,
-  rootId,
-  selected,
-  singleSelection
-}) => {
-  const onClick = ({
-    checked
-  }, event) => {
+const Label = _ref2 => {
+  let {
+    checked,
+    children,
+    dataTest,
+    disableSelection,
+    fullPath,
+    hasChildren,
+    hasSelectedDescendants,
+    highlighted,
+    loading,
+    node,
+    onChange,
+    onToggleOpen,
+    open,
+    rootId,
+    selected,
+    singleSelection
+  } = _ref2;
+
+  const onClick = (_ref3, event) => {
+    let {
+      checked
+    } = _ref3;
     const newSelected = createNewSelected({
       path: fullPath,
       selected,

package/build/es/organisation-unit-node/label/single-selection-label.js

@@ -12,26 +12,29 @@ import React from 'react';
  * @returns {React.Component}
  */
 
-export const SingleSelectionLabel = ({
-  checked,
-  children,
-  onChange,
-  loading
-}) => /*#__PURE__*/React.createElement("span", {
-  onClick: event => {
-    const payload = {
-      checked: !checked
-    };
-    onChange(payload, event);
-  },
-  className: _JSXStyle.dynamic([["321503310", [colors.grey900, colors.teal700]]]) + " " + (cx({
+export const SingleSelectionLabel = _ref => {
+  let {
     checked,
+    children,
+    onChange,
     loading
-  }) || "")
-}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "321503310",
-  dynamic: [colors.grey900, colors.teal700]
-}, [`span.__jsx-style-dynamic-selector{background:transparent;border-radius:3px;color:${colors.grey900};cursor:pointer;display:inline-block;font-size:14px;line-height:24px;padding:0 5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;}`, `.checked.__jsx-style-dynamic-selector{background:${colors.teal700};color:white;}`, ".loading.__jsx-style-dynamic-selector{cursor:auto;}"]));
+  } = _ref;
+  return /*#__PURE__*/React.createElement("span", {
+    onClick: event => {
+      const payload = {
+        checked: !checked
+      };
+      onChange(payload, event);
+    },
+    className: _JSXStyle.dynamic([["321503310", [colors.grey900, colors.teal700]]]) + " " + (cx({
+      checked,
+      loading
+    }) || "")
+  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "321503310",
+    dynamic: [colors.grey900, colors.teal700]
+  }, ["span.__jsx-style-dynamic-selector{background:transparent;border-radius:3px;color:".concat(colors.grey900, ";cursor:pointer;display:inline-block;font-size:14px;line-height:24px;padding:0 5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;}"), ".checked.__jsx-style-dynamic-selector{background:".concat(colors.teal700, ";color:white;}"), ".loading.__jsx-style-dynamic-selector{cursor:auto;}"]));
+};
 SingleSelectionLabel.propTypes = {
   children: PropTypes.any.isRequired,
   checked: PropTypes.bool,

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

@@ -6,41 +6,44 @@ import { orgUnitPathPropType } from '../prop-types.js';
 import { LoadingSpinner } from './loading-spinner.js';
 import { useOrgChildren } from './use-org-children.js';
 
-const getFilteredChildren = ({
-  orgChildren,
-  filter,
-  node
-}) => {
+const getFilteredChildren = _ref => {
+  let {
+    orgChildren,
+    filter,
+    node
+  } = _ref;
+
   if (!(filter !== null && filter !== void 0 && filter.length)) {
     return orgChildren;
   }
 
   return orgChildren.filter(child => {
-    return isPathIncluded(filter, `${node.path}/${child.id}`);
+    return isPathIncluded(filter, "".concat(node.path, "/").concat(child.id));
   });
 };
 
-export const OrganisationUnitNodeChildren = ({
-  node,
-  autoExpandLoadingError,
-  dataTest,
-  disableSelection,
-  expanded,
-  filter,
-  highlighted,
-  isUserDataViewFallback,
-  onChange,
-  onChildrenLoaded,
-  onCollapse,
-  onExpand,
-  parentPath,
-  renderNodeLabel,
-  rootId,
-  selected,
-  singleSelection,
-  suppressAlphabeticalSorting,
-  OrganisationUnitNode
-}) => {
+export const OrganisationUnitNodeChildren = _ref2 => {
+  let {
+    node,
+    autoExpandLoadingError,
+    dataTest,
+    disableSelection,
+    expanded,
+    filter,
+    highlighted,
+    isUserDataViewFallback,
+    onChange,
+    onChildrenLoaded,
+    onCollapse,
+    onExpand,
+    parentPath,
+    renderNodeLabel,
+    rootId,
+    selected,
+    singleSelection,
+    suppressAlphabeticalSorting,
+    OrganisationUnitNode
+  } = _ref2;
   const orgChildren = useOrgChildren({
     node,
     isUserDataViewFallback,
@@ -53,8 +56,8 @@ export const OrganisationUnitNodeChildren = ({
     filter,
     node
   }) : [];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, orgChildren.loading && /*#__PURE__*/React.createElement(LoadingSpinner, null), orgChildren.error && `Error: ${orgChildren.error}`, displayChildren && !filteredChildren.length && i18n.t('No children match filter'), !!filteredChildren.length && filteredChildren.map(child => {
-    const childPath = `${parentPath}/${child.id}`;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, orgChildren.loading && /*#__PURE__*/React.createElement(LoadingSpinner, null), orgChildren.error && "Error: ".concat(orgChildren.error), displayChildren && !filteredChildren.length && i18n.t('No children match filter'), !!filteredChildren.length && filteredChildren.map(child => {
+    const childPath = "".concat(parentPath, "/").concat(child.id);
     return /*#__PURE__*/React.createElement(OrganisationUnitNode, {
       autoExpandLoadingError: autoExpandLoadingError,
       dataTest: dataTest,