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

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

@@ -8,43 +8,40 @@ var _style = _interopRequireDefault(require("styled-jsx/style"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const IconFolderOpen = _ref => {
-  let {
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    width: "18px",
-    height: "18px",
-    viewBox: "0 0 18 18",
-    version: "1.1",
-    "data-test": `${dataTest}-iconfolderopen`,
-    className: "jsx-2091325045"
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    id: "icon/folder/open",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd",
-    className: "jsx-2091325045"
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    id: "Group",
-    transform: "translate(0.000000, 3.000000)",
-    stroke: "#6C7787",
-    className: "jsx-2091325045"
-  }, /*#__PURE__*/_react.default.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.default.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.default.createElement(_style.default, {
-    id: "2091325045"
-  }, ["svg.jsx-2091325045{margin:3px 0;display:block;}"]));
-};
+const IconFolderOpen = ({
+  dataTest
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  width: "18px",
+  height: "18px",
+  viewBox: "0 0 18 18",
+  version: "1.1",
+  "data-test": `${dataTest}-iconfolderopen`,
+  className: "jsx-2091325045"
+}, /*#__PURE__*/_react.default.createElement("g", {
+  id: "icon/folder/open",
+  stroke: "none",
+  strokeWidth: "1",
+  fill: "none",
+  fillRule: "evenodd",
+  className: "jsx-2091325045"
+}, /*#__PURE__*/_react.default.createElement("g", {
+  id: "Group",
+  transform: "translate(0.000000, 3.000000)",
+  stroke: "#6C7787",
+  className: "jsx-2091325045"
+}, /*#__PURE__*/_react.default.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.default.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.default.createElement(_style.default, {
+  id: "2091325045"
+}, ["svg.jsx-2091325045{margin:3px 0;display:block;}"]));
 exports.IconFolderOpen = IconFolderOpen;
 IconFolderOpen.propTypes = {
   dataTest: _propTypes.default.string.isRequired

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

@@ -8,37 +8,34 @@ var _style = _interopRequireDefault(require("styled-jsx/style"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const IconSingle = _ref => {
-  let {
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    height: "18px",
-    version: "1.1",
-    viewBox: "0 0 18 18",
-    width: "18px",
-    "data-test": `${dataTest}-iconsingle`,
-    className: "jsx-3201893673"
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd",
-    id: "icon/single",
-    stroke: "none",
-    strokeWidth: "1",
-    className: "jsx-3201893673"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#A0ADBA",
-    height: "4",
-    id: "Rectangle",
-    rx: "1",
-    width: "4",
-    x: "7",
-    y: "7",
-    className: "jsx-3201893673"
-  })), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3201893673"
-  }, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
-};
+const IconSingle = ({
+  dataTest
+}) => /*#__PURE__*/_react.default.createElement("svg", {
+  height: "18px",
+  version: "1.1",
+  viewBox: "0 0 18 18",
+  width: "18px",
+  "data-test": `${dataTest}-iconsingle`,
+  className: "jsx-3201893673"
+}, /*#__PURE__*/_react.default.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd",
+  id: "icon/single",
+  stroke: "none",
+  strokeWidth: "1",
+  className: "jsx-3201893673"
+}, /*#__PURE__*/_react.default.createElement("rect", {
+  fill: "#A0ADBA",
+  height: "4",
+  id: "Rectangle",
+  rx: "1",
+  width: "4",
+  x: "7",
+  y: "7",
+  className: "jsx-3201893673"
+})), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "3201893673"
+}, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
 exports.IconSingle = IconSingle;
 IconSingle.propTypes = {
   dataTest: _propTypes.default.string.isRequired

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

@@ -17,13 +17,12 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * @param {bool} props.open
  * @returns {React.Component}
  */
-const Icon = _ref => {
-  let {
-    loading,
-    hasChildren,
-    open,
-    dataTest
-  } = _ref;
+const Icon = ({
+  loading,
+  hasChildren,
+  open,
+  dataTest
+}) => {
   if (loading) {
     return /*#__PURE__*/_react.default.createElement(_iconEmpty.IconEmpty, {
       dataTest: dataTest

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

@@ -10,19 +10,18 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _icon = require("./icon.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const IconizedCheckbox = _ref => {
-  let {
-    checked,
-    dataTest,
-    hasChildren,
-    indeterminate,
-    children,
-    loading,
-    name,
-    open,
-    value,
-    onChange
-  } = _ref;
+const IconizedCheckbox = ({
+  checked,
+  dataTest,
+  hasChildren,
+  indeterminate,
+  children,
+  loading,
+  name,
+  open,
+  value,
+  onChange
+}) => {
   const icon = /*#__PURE__*/_react.default.createElement(_icon.Icon, {
     loading: loading,
     open: open,

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

@@ -16,22 +16,19 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * @param {React.Component|React.Component[]} props.children
  * @returns {React.Component}
  */
-const LabelContainer = _ref => {
-  let {
-    highlighted,
-    children
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["1387769986", [_uiConstants.colors.teal200]]]) + " " + ((0, _classnames.default)({
-      highlighted
-    }) || "")
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.dynamic([["1387769986", [_uiConstants.colors.teal200]]])
-  }, children), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "1387769986",
-    dynamic: [_uiConstants.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:${_uiConstants.colors.teal200};padding-inline-end:4px;}`]));
-};
+const LabelContainer = ({
+  highlighted,
+  children
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.dynamic([["1387769986", [_uiConstants.colors.teal200]]]) + " " + ((0, _classnames.default)({
+    highlighted
+  }) || "")
+}, /*#__PURE__*/_react.default.createElement("span", {
+  className: _style.default.dynamic([["1387769986", [_uiConstants.colors.teal200]]])
+}, children), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "1387769986",
+  dynamic: [_uiConstants.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:${_uiConstants.colors.teal200};padding-inline-end:4px;}`]));
 exports.LabelContainer = LabelContainer;
 LabelContainer.propTypes = {
   children: _propTypes.default.node,

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

@@ -12,13 +12,12 @@ var _iconizedCheckbox = require("./iconized-checkbox.js");
 var _labelContainer = require("./label-container.js");
 var _singleSelectionLabel = require("./single-selection-label.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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;
@@ -42,29 +41,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/cjs/organisation-unit-node/label/single-selection-label.js

@@ -18,29 +18,26 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * @param {Function} [props.onChange]
  * @returns {React.Component}
  */
-const SingleSelectionLabel = _ref => {
-  let {
+const SingleSelectionLabel = ({
+  checked,
+  children,
+  onChange,
+  loading
+}) => /*#__PURE__*/_react.default.createElement("span", {
+  onClick: event => {
+    const payload = {
+      checked: !checked
+    };
+    onChange(payload, event);
+  },
+  className: _style.default.dynamic([["321503310", [_uiConstants.colors.grey900, _uiConstants.colors.teal700]]]) + " " + ((0, _classnames.default)({
     checked,
-    children,
-    onChange,
     loading
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("span", {
-    onClick: event => {
-      const payload = {
-        checked: !checked
-      };
-      onChange(payload, event);
-    },
-    className: _style.default.dynamic([["321503310", [_uiConstants.colors.grey900, _uiConstants.colors.teal700]]]) + " " + ((0, _classnames.default)({
-      checked,
-      loading
-    }) || "")
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "321503310",
-    dynamic: [_uiConstants.colors.grey900, _uiConstants.colors.teal700]
-  }, [`span.__jsx-style-dynamic-selector{background:transparent;border-radius:3px;color:${_uiConstants.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:${_uiConstants.colors.teal700};color:white;}`, ".loading.__jsx-style-dynamic-selector{cursor:auto;}"]));
-};
+  }) || "")
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "321503310",
+  dynamic: [_uiConstants.colors.grey900, _uiConstants.colors.teal700]
+}, [`span.__jsx-style-dynamic-selector{background:transparent;border-radius:3px;color:${_uiConstants.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:${_uiConstants.colors.teal700};color:white;}`, ".loading.__jsx-style-dynamic-selector{cursor:auto;}"]));
 exports.SingleSelectionLabel = SingleSelectionLabel;
 SingleSelectionLabel.propTypes = {
   children: _propTypes.default.any.isRequired,

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

@@ -12,12 +12,11 @@ var _propTypes2 = require("../prop-types.js");
 var _loadingSpinner = require("./loading-spinner.js");
 var _useOrgChildren = require("./use-org-children.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const getFilteredChildren = _ref => {
-  let {
-    orgChildren,
-    filter,
-    node
-  } = _ref;
+const getFilteredChildren = ({
+  orgChildren,
+  filter,
+  node
+}) => {
   if (!(filter !== null && filter !== void 0 && filter.length)) {
     return orgChildren;
   }
@@ -25,29 +24,28 @@ const getFilteredChildren = _ref => {
     return (0, _index.isPathIncluded)(filter, `${node.path}/${child.id}`);
   });
 };
-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;
+const OrganisationUnitNodeChildren = ({
+  node,
+  autoExpandLoadingError,
+  dataTest,
+  disableSelection,
+  displayProperty,
+  expanded,
+  filter,
+  highlighted,
+  isUserDataViewFallback,
+  onChange,
+  onChildrenLoaded,
+  onCollapse,
+  onExpand,
+  parentPath,
+  renderNodeLabel,
+  rootId,
+  selected,
+  singleSelection,
+  suppressAlphabeticalSorting,
+  OrganisationUnitNode
+}) => {
   const orgChildren = (0, _useOrgChildren.useOrgChildren)({
     node,
     isUserDataViewFallback,

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

@@ -18,29 +18,28 @@ var _organisationUnitNodeChildren = require("./organisation-unit-node-children.j
 var _useOpenState = require("./use-open-state.js");
 var _index4 = require("./use-org-data/index.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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;
+const OrganisationUnitNode = ({
+  autoExpandLoadingError,
+  dataTest,
+  disableSelection,
+  displayName,
+  displayProperty,
+  expanded,
+  highlighted,
+  id,
+  isUserDataViewFallback,
+  path,
+  renderNodeLabel,
+  rootId,
+  selected,
+  singleSelection,
+  filter,
+  suppressAlphabeticalSorting,
+  onChange,
+  onChildrenLoaded,
+  onCollapse,
+  onExpand
+}) => {
   const orgData = (0, _index4.useOrgData)(id, {
     isUserDataViewFallback,
     displayName

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

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

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

@@ -10,20 +10,14 @@ var _index = require("../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)]`
+    })
   }
 };
 
@@ -35,13 +29,12 @@ const ORG_DATA_QUERY = {
  * @param {'displayName'|'displayShortName'} [options.displayProperty]
  * @returns {Object}
  */
-const useOrgChildren = _ref3 => {
-  let {
-    node,
-    suppressAlphabeticalSorting,
-    onComplete,
-    displayProperty = 'displayName'
-  } = _ref3;
+const useOrgChildren = ({
+  node,
+  suppressAlphabeticalSorting,
+  onComplete,
+  displayProperty = 'displayName'
+}) => {
   const onCompleteCalledRef = (0, _react.useRef)(false);
   const {
     called,