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

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

@@ -13,40 +13,43 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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: "#6E7A8A",
-  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 = _ref => {
+  let {
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "18px",
+    height: "18px",
+    viewBox: "0 0 18 18",
+    version: "1.1",
+    "data-test": "".concat(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: "#6E7A8A",
+    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 = {

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

@@ -13,34 +13,37 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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;}"]));
+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": "".concat(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 = {

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

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

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

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

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

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

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

@@ -21,12 +21,13 @@ var _singleSelectionLabel = require("./single-selection-label.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const createNewSelected = ({
-  selected,
-  path,
-  checked,
-  singleSelection
-}) => {
+const createNewSelected = _ref => {
+  let {
+    selected,
+    path,
+    checked,
+    singleSelection
+  } = _ref;
   const pathIndex = selected.indexOf(path);
 
   if (checked && pathIndex !== -1) {
@@ -58,27 +59,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/cjs/organisation-unit-node/label/single-selection-label.js

@@ -25,26 +25,29 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {Function} [props.onChange]
  * @returns {React.Component}
  */
-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)({
+const SingleSelectionLabel = _ref => {
+  let {
     checked,
+    children,
+    onChange,
     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;}"]));
+  } = _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:".concat(_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:".concat(_uiConstants.colors.teal700, ";color:white;}"), ".loading.__jsx-style-dynamic-selector{cursor:auto;}"]));
+};
 
 exports.SingleSelectionLabel = SingleSelectionLabel;
 SingleSelectionLabel.propTypes = {

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

@@ -21,41 +21,44 @@ var _useOrgChildren = require("./use-org-children.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 (0, _index.isPathIncluded)(filter, `${node.path}/${child.id}`);
+    return (0, _index.isPathIncluded)(filter, "".concat(node.path, "/").concat(child.id));
   });
 };
 
-const OrganisationUnitNodeChildren = ({
-  node,
-  autoExpandLoadingError,
-  dataTest,
-  disableSelection,
-  expanded,
-  filter,
-  highlighted,
-  isUserDataViewFallback,
-  onChange,
-  onChildrenLoaded,
-  onCollapse,
-  onExpand,
-  parentPath,
-  renderNodeLabel,
-  rootId,
-  selected,
-  singleSelection,
-  suppressAlphabeticalSorting,
-  OrganisationUnitNode
-}) => {
+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 = (0, _useOrgChildren.useOrgChildren)({
     node,
     isUserDataViewFallback,
@@ -68,8 +71,8 @@ const OrganisationUnitNodeChildren = ({
     filter,
     node
   }) : [];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, orgChildren.loading && /*#__PURE__*/_react.default.createElement(_loadingSpinner.LoadingSpinner, null), orgChildren.error && `Error: ${orgChildren.error}`, displayChildren && !filteredChildren.length && _index2.default.t('No children match filter'), !!filteredChildren.length && filteredChildren.map(child => {
-    const childPath = `${parentPath}/${child.id}`;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, orgChildren.loading && /*#__PURE__*/_react.default.createElement(_loadingSpinner.LoadingSpinner, null), orgChildren.error && "Error: ".concat(orgChildren.error), displayChildren && !filteredChildren.length && _index2.default.t('No children match filter'), !!filteredChildren.length && filteredChildren.map(child => {
+    const childPath = "".concat(parentPath, "/").concat(child.id);
     return /*#__PURE__*/_react.default.createElement(OrganisationUnitNode, {
       autoExpandLoadingError: autoExpandLoadingError,
       dataTest: dataTest,

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

@@ -33,27 +33,28 @@ var _index4 = require("./use-org-data/index.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const OrganisationUnitNode = ({
-  autoExpandLoadingError,
-  dataTest,
-  disableSelection,
-  displayName,
-  expanded,
-  highlighted,
-  id,
-  isUserDataViewFallback,
-  path,
-  renderNodeLabel,
-  rootId,
-  selected,
-  singleSelection,
-  filter,
-  suppressAlphabeticalSorting,
-  onChange,
-  onChildrenLoaded,
-  onCollapse,
-  onExpand
-}) => {
+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 = (0, _index4.useOrgData)(id, {
     isUserDataViewFallback,
     displayName
@@ -81,7 +82,7 @@ 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,
@@ -106,7 +107,7 @@ const OrganisationUnitNode = ({
     checked: isSelected,
     rootId: rootId,
     onChange: onChange,
-    dataTest: `${dataTest}-label`,
+    dataTest: "".concat(dataTest, "-label"),
     selected: selected,
     hasChildren: hasChildren,
     highlighted: isHighlighted,
@@ -130,7 +131,7 @@ const OrganisationUnitNode = ({
   const showPlaceholder = hasChildren && !open && !orgData.error;
   const showChildNodes = hasChildren && open && !orgData.error;
   return /*#__PURE__*/_react.default.createElement(_node.Node, {
-    dataTest: `${dataTest}-node`,
+    dataTest: "".concat(dataTest, "-node"),
     open: open,
     onOpen: onToggleOpen,
     onClose: onToggleOpen,
@@ -139,7 +140,7 @@ const OrganisationUnitNode = ({
   }, orgData.error && /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
     dataTest: dataTest
   }, _index2.default.t('Could not load children')), showPlaceholder && /*#__PURE__*/_react.default.createElement("span", {
-    "data-test": `${dataTest}-placeholder`
+    "data-test": "".concat(dataTest, "-placeholder")
   }), showChildNodes && /*#__PURE__*/_react.default.createElement(_organisationUnitNodeChildren.OrganisationUnitNodeChildren // Prevent cirular imports
   , {
     OrganisationUnitNode: OrganisationUnitNode,

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

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

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

@@ -13,10 +13,13 @@ var _index = require("../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]'
     }
@@ -30,11 +33,12 @@ const ORG_DATA_QUERY = {
  * @returns {Object}
  */
 
-const useOrgChildren = ({
-  node,
-  suppressAlphabeticalSorting,
-  onComplete
-}) => {
+const useOrgChildren = _ref2 => {
+  let {
+    node,
+    suppressAlphabeticalSorting,
+    onComplete
+  } = _ref2;
   const onCompleteCalledRef = (0, _react.useRef)(false);
   const {
     called,