@dhis2-ui/node 8.1.11 → 8.2.2

package/build/cjs/leaves.js

@@ -15,18 +15,21 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Leaves = ({
-  children,
-  open,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  "data-test": dataTest,
-  className: "jsx-3677374542" + " " + ((0, _classnames.default)({
-    open
-  }) || "")
-}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "3677374542"
-}, ["div.jsx-3677374542{height:0;overflow:hidden;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".open.jsx-3677374542{height:auto;}"]));
+const Leaves = _ref => {
+  let {
+    children,
+    open,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-test": dataTest,
+    className: "jsx-3677374542" + " " + ((0, _classnames.default)({
+      open
+    }) || "")
+  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "3677374542"
+  }, ["div.jsx-3677374542{height:0;overflow:hidden;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".open.jsx-3677374542{height:auto;}"]));
+};
 
 exports.Leaves = Leaves;
 Leaves.propTypes = {

package/build/cjs/node.js

@@ -21,16 +21,17 @@ var _toggle = require("./toggle.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Node = ({
-  open,
-  className,
-  component: label,
-  children,
-  icon,
-  onOpen,
-  onClose,
-  dataTest
-}) => {
+const Node = _ref => {
+  let {
+    open,
+    className,
+    component: label,
+    children,
+    icon,
+    onOpen,
+    onClose,
+    dataTest
+  } = _ref;
   const hasLeaves = !!_react.default.Children.toArray(children).filter(i => i).length;
   const showArrow = !icon && hasLeaves;
   const showSpacer = !icon && !hasLeaves;
@@ -38,22 +39,22 @@ const Node = ({
     "data-test": dataTest,
     className: "jsx-1433072554" + " " + ((0, _classnames.default)('node', className) || "")
   }, icon && /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": `${dataTest}-icon`,
+    "data-test": "".concat(dataTest, "-icon"),
     className: "jsx-1433072554"
   }, icon), showArrow && /*#__PURE__*/_react.default.createElement(_toggle.Toggle, {
     open: open,
     onOpen: onOpen,
     onClose: onClose,
-    dataTest: `${dataTest}-toggle`
+    dataTest: "".concat(dataTest, "-toggle")
   }), showSpacer && /*#__PURE__*/_react.default.createElement(_spacer.Spacer, null), /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": `${dataTest}-content`,
+    "data-test": "".concat(dataTest, "-content"),
     className: "jsx-1433072554"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": `${dataTest}-label`,
+    "data-test": "".concat(dataTest, "-label"),
     className: "jsx-1433072554"
   }, label), /*#__PURE__*/_react.default.createElement(_leaves.Leaves, {
     open: open,
-    dataTest: `${dataTest}-leaves`
+    dataTest: "".concat(dataTest, "-leaves")
   }, children)), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1433072554"
   }, [".node.jsx-1433072554{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}"]));

package/build/cjs/node.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TextLeaves = exports._2LevelsOpen = exports.MultipleRoots = exports.CustomIcon = exports.default = void 0;
+exports.default = exports._2LevelsOpen = exports.TextLeaves = exports.MultipleRoots = exports.CustomIcon = void 0;
 
 var _style = _interopRequireDefault(require("styled-jsx/style"));
 
@@ -19,13 +19,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const description = `
-A tool for creating hierarchical, multi-level selectors.  Applied in the Organisation Unit Tree component, for example.
-
-\`\`\`js
-import { Node } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nA tool for creating hierarchical, multi-level selectors.  Applied in the Organisation Unit Tree component, for example.\n\n```js\nimport { Node } from '@dhis2/ui'\n```\n";
 
 const say = something => () => alert(something);
 
@@ -39,12 +33,16 @@ window.onClose = (payload, event) => {
   console.log('onClose event', event);
 };
 
-const onOpen = (...args) => window.onOpen(...args);
+const onOpen = function () {
+  return window.onOpen(...arguments);
+};
 
-const onClose = (...args) => window.onClose(...args);
+const onClose = function () {
+  return window.onClose(...arguments);
+};
 
 var _default = {
-  title: 'Helpers/Node',
+  title: 'Node',
   component: _node.Node,
   parameters: {
     docs: {

package/build/cjs/toggle.js

@@ -28,12 +28,13 @@ const ArrowDown = () => /*#__PURE__*/_react.default.createElement("svg", {
   id: "2769585603"
 }, ["svg.jsx-2769585603{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
 
-const Toggle = ({
-  open,
-  onOpen,
-  onClose,
-  dataTest
-}) => {
+const Toggle = _ref => {
+  let {
+    open,
+    onOpen,
+    onClose,
+    dataTest
+  } = _ref;
   const onClick = open ? onClose : onOpen;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": dataTest,
@@ -48,7 +49,7 @@ const Toggle = ({
   }, /*#__PURE__*/_react.default.createElement(ArrowDown, null)), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "486382662",
     dynamic: [_uiConstants.colors.grey400, _uiConstants.colors.grey700]
-  }, ["div.__jsx-style-dynamic-selector{width:24px;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", `div.__jsx-style-dynamic-selector:after{background:${_uiConstants.colors.grey400};height:calc(100% - 24px);left:12px;position:absolute;top:15px;width:1px;z-index:1;}`, ".open.__jsx-style-dynamic-selector:after{content:'';}", `span.__jsx-style-dynamic-selector{display:block;position:relative;z-index:2;fill:${_uiConstants.colors.grey700};}`, "div.__jsx-style-dynamic-selector svg{vertical-align:top;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}", ".open.__jsx-style-dynamic-selector svg{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}"]));
+  }, ["div.__jsx-style-dynamic-selector{width:24px;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", "div.__jsx-style-dynamic-selector:after{background:".concat(_uiConstants.colors.grey400, ";height:calc(100% - 24px);left:12px;position:absolute;top:15px;width:1px;z-index:1;}"), ".open.__jsx-style-dynamic-selector:after{content:'';}", "span.__jsx-style-dynamic-selector{display:block;position:relative;z-index:2;fill:".concat(_uiConstants.colors.grey700, ";}"), "div.__jsx-style-dynamic-selector svg{vertical-align:top;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}", ".open.__jsx-style-dynamic-selector svg{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}"]));
 };
 
 exports.Toggle = Toggle;

package/build/es/leaves.js

@@ -2,18 +2,21 @@ import _JSXStyle from "styled-jsx/style";
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-export const Leaves = ({
-  children,
-  open,
-  dataTest
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test": dataTest,
-  className: "jsx-3677374542" + " " + (cx({
-    open
-  }) || "")
-}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "3677374542"
-}, ["div.jsx-3677374542{height:0;overflow:hidden;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".open.jsx-3677374542{height:auto;}"]));
+export const Leaves = _ref => {
+  let {
+    children,
+    open,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    className: "jsx-3677374542" + " " + (cx({
+      open
+    }) || "")
+  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3677374542"
+  }, ["div.jsx-3677374542{height:0;overflow:hidden;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".open.jsx-3677374542{height:auto;}"]));
+};
 Leaves.propTypes = {
   children: PropTypes.node,
   dataTest: PropTypes.string,

package/build/es/node.js

@@ -5,16 +5,17 @@ import React from 'react';
 import { Leaves } from './leaves.js';
 import { Spacer } from './spacer.js';
 import { Toggle } from './toggle.js';
-export const Node = ({
-  open,
-  className,
-  component: label,
-  children,
-  icon,
-  onOpen,
-  onClose,
-  dataTest
-}) => {
+export const Node = _ref => {
+  let {
+    open,
+    className,
+    component: label,
+    children,
+    icon,
+    onOpen,
+    onClose,
+    dataTest
+  } = _ref;
   const hasLeaves = !!React.Children.toArray(children).filter(i => i).length;
   const showArrow = !icon && hasLeaves;
   const showSpacer = !icon && !hasLeaves;
@@ -22,22 +23,22 @@ export const Node = ({
     "data-test": dataTest,
     className: "jsx-1433072554" + " " + (cx('node', className) || "")
   }, icon && /*#__PURE__*/React.createElement("div", {
-    "data-test": `${dataTest}-icon`,
+    "data-test": "".concat(dataTest, "-icon"),
     className: "jsx-1433072554"
   }, icon), showArrow && /*#__PURE__*/React.createElement(Toggle, {
     open: open,
     onOpen: onOpen,
     onClose: onClose,
-    dataTest: `${dataTest}-toggle`
+    dataTest: "".concat(dataTest, "-toggle")
   }), showSpacer && /*#__PURE__*/React.createElement(Spacer, null), /*#__PURE__*/React.createElement("div", {
-    "data-test": `${dataTest}-content`,
+    "data-test": "".concat(dataTest, "-content"),
     className: "jsx-1433072554"
   }, /*#__PURE__*/React.createElement("div", {
-    "data-test": `${dataTest}-label`,
+    "data-test": "".concat(dataTest, "-label"),
     className: "jsx-1433072554"
   }, label), /*#__PURE__*/React.createElement(Leaves, {
     open: open,
-    dataTest: `${dataTest}-leaves`
+    dataTest: "".concat(dataTest, "-leaves")
   }, children)), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "1433072554"
   }, [".node.jsx-1433072554{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}"]));

package/build/es/node.stories.js

@@ -6,13 +6,7 @@ import { Checkbox } from '@dhis2-ui/checkbox';
 import { CircularLoader } from '@dhis2-ui/loader';
 import React from 'react';
 import { Node } from './node.js';
-const description = `
-A tool for creating hierarchical, multi-level selectors.  Applied in the Organisation Unit Tree component, for example.
-
-\`\`\`js
-import { Node } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nA tool for creating hierarchical, multi-level selectors.  Applied in the Organisation Unit Tree component, for example.\n\n```js\nimport { Node } from '@dhis2/ui'\n```\n";
 
 const say = something => () => alert(something);
 
@@ -26,12 +20,16 @@ window.onClose = (payload, event) => {
   console.log('onClose event', event);
 };
 
-const onOpen = (...args) => window.onOpen(...args);
+const onOpen = function () {
+  return window.onOpen(...arguments);
+};
 
-const onClose = (...args) => window.onClose(...args);
+const onClose = function () {
+  return window.onClose(...arguments);
+};
 
 export default {
-  title: 'Helpers/Node',
+  title: 'Node',
   component: Node,
   parameters: {
     docs: {

package/build/es/toggle.js

@@ -15,12 +15,13 @@ const ArrowDown = () => /*#__PURE__*/React.createElement("svg", {
   id: "2769585603"
 }, ["svg.jsx-2769585603{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
 
-export const Toggle = ({
-  open,
-  onOpen,
-  onClose,
-  dataTest
-}) => {
+export const Toggle = _ref => {
+  let {
+    open,
+    onOpen,
+    onClose,
+    dataTest
+  } = _ref;
   const onClick = open ? onClose : onOpen;
   return /*#__PURE__*/React.createElement("div", {
     "data-test": dataTest,
@@ -35,7 +36,7 @@ export const Toggle = ({
   }, /*#__PURE__*/React.createElement(ArrowDown, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "486382662",
     dynamic: [colors.grey400, colors.grey700]
-  }, ["div.__jsx-style-dynamic-selector{width:24px;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", `div.__jsx-style-dynamic-selector:after{background:${colors.grey400};height:calc(100% - 24px);left:12px;position:absolute;top:15px;width:1px;z-index:1;}`, ".open.__jsx-style-dynamic-selector:after{content:'';}", `span.__jsx-style-dynamic-selector{display:block;position:relative;z-index:2;fill:${colors.grey700};}`, "div.__jsx-style-dynamic-selector svg{vertical-align:top;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}", ".open.__jsx-style-dynamic-selector svg{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}"]));
+  }, ["div.__jsx-style-dynamic-selector{width:24px;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", "div.__jsx-style-dynamic-selector:after{background:".concat(colors.grey400, ";height:calc(100% - 24px);left:12px;position:absolute;top:15px;width:1px;z-index:1;}"), ".open.__jsx-style-dynamic-selector:after{content:'';}", "span.__jsx-style-dynamic-selector{display:block;position:relative;z-index:2;fill:".concat(colors.grey700, ";}"), "div.__jsx-style-dynamic-selector svg{vertical-align:top;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}", ".open.__jsx-style-dynamic-selector svg{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}"]));
 };
 Toggle.propTypes = {
   dataTest: PropTypes.string.isRequired,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/node",
-    "version": "8.1.11",
+    "version": "8.2.2",
     "description": "UI Node",
     "repository": {
         "type": "git",
@@ -32,8 +32,8 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.0.0-beta.1",
-        "@dhis2-ui/loader": "8.1.11",
-        "@dhis2/ui-constants": "8.1.11",
+        "@dhis2-ui/loader": "8.2.2",
+        "@dhis2/ui-constants": "8.2.2",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },