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

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

@@ -1,34 +1,31 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
-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": `${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: "#6C7787",
-    fill: "#D5DDE5",
-    className: "jsx-3201893673"
-  })), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3201893673"
-  }, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
-};
+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: "#6C7787",
+  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,43 +1,40 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
-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": `${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: "#6C7787",
-    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 = ({
+  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: "#6C7787",
+  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,37 +1,34 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
-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": `${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 = ({
+  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;}"]));
 IconSingle.propTypes = {
   dataTest: PropTypes.string.isRequired
 };

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

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

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

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

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

@@ -10,22 +10,19 @@ import React from 'react';
  * @param {React.Component|React.Component[]} props.children
  * @returns {React.Component}
  */
-export const LabelContainer = _ref => {
-  let {
-    highlighted,
-    children
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["1387769986", [colors.teal200]]]) + " " + (cx({
-      highlighted
-    }) || "")
-  }, /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["1387769986", [colors.teal200]]])
-  }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1387769986",
-    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-inline-end:4px;}`]));
-};
+export const LabelContainer = ({
+  highlighted,
+  children
+}) => /*#__PURE__*/React.createElement("div", {
+  className: _JSXStyle.dynamic([["1387769986", [colors.teal200]]]) + " " + (cx({
+    highlighted
+  }) || "")
+}, /*#__PURE__*/React.createElement("span", {
+  className: _JSXStyle.dynamic([["1387769986", [colors.teal200]]])
+}, children), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "1387769986",
+  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-inline-end:4px;}`]));
 LabelContainer.propTypes = {
   children: PropTypes.node,
   highlighted: PropTypes.bool

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

@@ -5,13 +5,12 @@ import { DisabledSelectionLabel } from './disabled-selection-label.js';
 import { IconizedCheckbox } from './iconized-checkbox.js';
 import { LabelContainer } from './label-container.js';
 import { SingleSelectionLabel } from './single-selection-label.js';
-const createNewSelected = _ref => {
-  let {
-    selected,
-    path,
-    checked,
-    singleSelection
-  } = _ref;
+const createNewSelected = ({
+  selected,
+  path,
+  checked,
+  singleSelection
+}) => {
   const pathIndex = selected.indexOf(path);
   if (checked && pathIndex !== -1) {
     return selected;
@@ -35,29 +34,27 @@ const createNewSelected = _ref => {
   const nextSlice = selected.slice(pathIndex + 1);
   return [...prevSlice, ...nextSlice];
 };
-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 Label = ({
+  checked,
+  children,
+  dataTest,
+  disableSelection,
+  fullPath,
+  hasChildren,
+  hasSelectedDescendants,
+  highlighted,
+  loading,
+  node,
+  onChange,
+  onToggleOpen,
+  open,
+  rootId,
+  selected,
+  singleSelection
+}) => {
+  const onClick = ({
+    checked
+  }, event) => {
     const newSelected = createNewSelected({
       path: fullPath,
       selected,

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

@@ -12,29 +12,26 @@ import React from 'react';
  * @param {Function} [props.onChange]
  * @returns {React.Component}
  */
-export const SingleSelectionLabel = _ref => {
-  let {
+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({
     checked,
-    children,
-    onChange,
     loading
-  } = _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:${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;}"]));
-};
+  }) || "")
+}, 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;}"]));
 SingleSelectionLabel.propTypes = {
   children: PropTypes.any.isRequired,
   checked: PropTypes.bool,

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

@@ -5,12 +5,11 @@ import i18n from '../locales/index.js';
 import { orgUnitPathPropType } from '../prop-types.js';
 import { LoadingSpinner } from './loading-spinner.js';
 import { useOrgChildren } from './use-org-children.js';
-const getFilteredChildren = _ref => {
-  let {
-    orgChildren,
-    filter,
-    node
-  } = _ref;
+const getFilteredChildren = ({
+  orgChildren,
+  filter,
+  node
+}) => {
   if (!(filter !== null && filter !== void 0 && filter.length)) {
     return orgChildren;
   }
@@ -18,29 +17,28 @@ const getFilteredChildren = _ref => {
     return isPathIncluded(filter, `${node.path}/${child.id}`);
   });
 };
-export const OrganisationUnitNodeChildren = _ref2 => {
-  let {
-    node,
-    autoExpandLoadingError,
-    dataTest,
-    disableSelection,
-    displayProperty,
-    expanded,
-    filter,
-    highlighted,
-    isUserDataViewFallback,
-    onChange,
-    onChildrenLoaded,
-    onCollapse,
-    onExpand,
-    parentPath,
-    renderNodeLabel,
-    rootId,
-    selected,
-    singleSelection,
-    suppressAlphabeticalSorting,
-    OrganisationUnitNode
-  } = _ref2;
+export const OrganisationUnitNodeChildren = ({
+  node,
+  autoExpandLoadingError,
+  dataTest,
+  disableSelection,
+  displayProperty,
+  expanded,
+  filter,
+  highlighted,
+  isUserDataViewFallback,
+  onChange,
+  onChildrenLoaded,
+  onCollapse,
+  onExpand,
+  parentPath,
+  renderNodeLabel,
+  rootId,
+  selected,
+  singleSelection,
+  suppressAlphabeticalSorting,
+  OrganisationUnitNode
+}) => {
   const orgChildren = useOrgChildren({
     node,
     isUserDataViewFallback,

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

@@ -11,29 +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 = _ref => {
-  let {
-    autoExpandLoadingError,
-    dataTest,
-    disableSelection,
-    displayName,
-    displayProperty,
-    expanded,
-    highlighted,
-    id,
-    isUserDataViewFallback,
-    path,
-    renderNodeLabel,
-    rootId,
-    selected,
-    singleSelection,
-    filter,
-    suppressAlphabeticalSorting,
-    onChange,
-    onChildrenLoaded,
-    onCollapse,
-    onExpand
-  } = _ref;
+export const OrganisationUnitNode = ({
+  autoExpandLoadingError,
+  dataTest,
+  disableSelection,
+  displayName,
+  displayProperty,
+  expanded,
+  highlighted,
+  id,
+  isUserDataViewFallback,
+  path,
+  renderNodeLabel,
+  rootId,
+  selected,
+  singleSelection,
+  filter,
+  suppressAlphabeticalSorting,
+  onChange,
+  onChildrenLoaded,
+  onCollapse,
+  onExpand
+}) => {
   const orgData = useOrgData(id, {
     isUserDataViewFallback,
     displayName

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

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

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

@@ -4,20 +4,14 @@ import { sortNodeChildrenAlphabetically } from '../helpers/index.js';
 const ORG_DATA_QUERY = {
   orgUnit: {
     resource: `organisationUnits`,
-    id: _ref => {
-      let {
-        id
-      } = _ref;
-      return id;
-    },
-    params: _ref2 => {
-      let {
-        displayProperty
-      } = _ref2;
-      return {
-        fields: displayProperty === 'displayName' ? 'children[id,path,displayName]' : `children[id,path,${displayProperty}~rename(displayName)]`
-      };
-    }
+    id: ({
+      id
+    }) => id,
+    params: ({
+      displayProperty
+    }) => ({
+      fields: displayProperty === 'displayName' ? 'children[id,path,displayName]' : `children[id,path,${displayProperty}~rename(displayName)]`
+    })
   }
 };
 
@@ -29,13 +23,12 @@ const ORG_DATA_QUERY = {
  * @param {'displayName'|'displayShortName'} [options.displayProperty]
  * @returns {Object}
  */
-export const useOrgChildren = _ref3 => {
-  let {
-    node,
-    suppressAlphabeticalSorting,
-    onComplete,
-    displayProperty = 'displayName'
-  } = _ref3;
+export const useOrgChildren = ({
+  node,
+  suppressAlphabeticalSorting,
+  onComplete,
+  displayProperty = 'displayName'
+}) => {
   const onCompleteCalledRef = useRef(false);
   const {
     called,