@dhis2-ui/node 9.3.0-alpha.1 → 9.3.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/build/cjs/toggle.js +11 -9
  2. package/build/es/toggle.js +11 -9
  3. package/package.json +3 -3
package/build/cjs/toggle.js CHANGED
@@ -17,16 +17,18 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
19
 
20
- const ArrowDown = () => /*#__PURE__*/_react.default.createElement("svg", {
20
+ const ArrowDown = () => /*#__PURE__*/_react.default.createElement("div", {
21
+ className: "nodeArrow"
22
+ }, /*#__PURE__*/_react.default.createElement("svg", {
21
23
  xmlns: "http://www.w3.org/2000/svg",
22
24
  viewBox: "0 0 24 24",
23
- className: "jsx-2769585603"
25
+ className: "jsx-4098137027"
24
26
  }, /*#__PURE__*/_react.default.createElement("path", {
25
27
  d: "M15.7041 10.3329L12.1495 14.3318C12.0699 14.4213 11.9301 14.4213 11.8505 14.3318L8.29589 10.3329C8.18124 10.2039 8.2728 10 8.44537 10H15.5546C15.7272 10 15.8188 10.2039 15.7041 10.3329Z",
26
- className: "jsx-2769585603"
28
+ className: "jsx-4098137027"
27
29
  }), /*#__PURE__*/_react.default.createElement(_style.default, {
28
- id: "2769585603"
29
- }, ["svg.jsx-2769585603{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
30
+ id: "4098137027"
31
+ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"])));
30
32
 
31
33
  const Toggle = _ref => {
32
34
  let {
@@ -41,15 +43,15 @@ const Toggle = _ref => {
41
43
  onClick: event => onClick && onClick({
42
44
  open: !open
43
45
  }, event),
44
- className: _style.default.dynamic([["2371879091", [_uiConstants.colors.grey400, _uiConstants.colors.grey900, _uiConstants.colors.grey100]]]) + " " + ((0, _classnames.default)({
46
+ className: _style.default.dynamic([["375729792", [_uiConstants.colors.grey400, _uiConstants.colors.grey900, _uiConstants.colors.grey100]]]) + " " + ((0, _classnames.default)({
45
47
  open
46
48
  }) || "")
47
49
  }, /*#__PURE__*/_react.default.createElement("span", {
48
- className: _style.default.dynamic([["2371879091", [_uiConstants.colors.grey400, _uiConstants.colors.grey900, _uiConstants.colors.grey100]]])
50
+ className: _style.default.dynamic([["375729792", [_uiConstants.colors.grey400, _uiConstants.colors.grey900, _uiConstants.colors.grey100]]])
49
51
  }, /*#__PURE__*/_react.default.createElement(ArrowDown, null)), /*#__PURE__*/_react.default.createElement(_style.default, {
50
- id: "2371879091",
52
+ id: "375729792",
51
53
  dynamic: [_uiConstants.colors.grey400, _uiConstants.colors.grey900, _uiConstants.colors.grey100]
52
- }, ["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);inset-inline-start: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.grey900, ";}"), "div.__jsx-style-dynamic-selector svg{vertical-align:top;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:-webkit-transform 0.1s ease-out;-webkit-transition:transform 0.1s ease-out;transition:transform 0.1s ease-out;}", "div.__jsx-style-dynamic-selector svg:dir(rtl){-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);}", ".open.__jsx-style-dynamic-selector svg:dir(rtl){-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}", "div.__jsx-style-dynamic-selector:hover{cursor:pointer;border-radius:3px;background:".concat(_uiConstants.colors.grey100, ";}"), "div.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector:after{background:#bcc8d4;}"]));
54
+ }, ["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);inset-inline-start: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.grey900, ";}"), "div.__jsx-style-dynamic-selector .nodeArrow{vertical-align:top;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:-webkit-transform 0.1s ease-out;-webkit-transition:transform 0.1s ease-out;transition:transform 0.1s ease-out;}", "div.__jsx-style-dynamic-selector .nodeArrow:dir(rtl){-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}", ".open.__jsx-style-dynamic-selector .nodeArrow{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}", ".open.__jsx-style-dynamic-selector .nodeArrow:dir(rtl){-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}", "div.__jsx-style-dynamic-selector:hover{cursor:pointer;border-radius:3px;background:".concat(_uiConstants.colors.grey100, ";}"), "div.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector:after{background:#bcc8d4;}"]));
53
55
  };
54
56
 
55
57
  exports.Toggle = Toggle;
package/build/es/toggle.js CHANGED
@@ -4,16 +4,18 @@ import cx from 'classnames';
4
4
  import PropTypes from 'prop-types';
5
5
  import React from 'react';
6
6
 
7
- const ArrowDown = () => /*#__PURE__*/React.createElement("svg", {
7
+ const ArrowDown = () => /*#__PURE__*/React.createElement("div", {
8
+ className: "nodeArrow"
9
+ }, /*#__PURE__*/React.createElement("svg", {
8
10
  xmlns: "http://www.w3.org/2000/svg",
9
11
  viewBox: "0 0 24 24",
10
- className: "jsx-2769585603"
12
+ className: "jsx-4098137027"
11
13
  }, /*#__PURE__*/React.createElement("path", {
12
14
  d: "M15.7041 10.3329L12.1495 14.3318C12.0699 14.4213 11.9301 14.4213 11.8505 14.3318L8.29589 10.3329C8.18124 10.2039 8.2728 10 8.44537 10H15.5546C15.7272 10 15.8188 10.2039 15.7041 10.3329Z",
13
- className: "jsx-2769585603"
15
+ className: "jsx-4098137027"
14
16
  }), /*#__PURE__*/React.createElement(_JSXStyle, {
15
- id: "2769585603"
16
- }, ["svg.jsx-2769585603{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
17
+ id: "4098137027"
18
+ }, ["svg.jsx-4098137027{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"])));
17
19
 
18
20
  export const Toggle = _ref => {
19
21
  let {
@@ -28,15 +30,15 @@ export const Toggle = _ref => {
28
30
  onClick: event => onClick && onClick({
29
31
  open: !open
30
32
  }, event),
31
- className: _JSXStyle.dynamic([["2371879091", [colors.grey400, colors.grey900, colors.grey100]]]) + " " + (cx({
33
+ className: _JSXStyle.dynamic([["375729792", [colors.grey400, colors.grey900, colors.grey100]]]) + " " + (cx({
32
34
  open
33
35
  }) || "")
34
36
  }, /*#__PURE__*/React.createElement("span", {
35
- className: _JSXStyle.dynamic([["2371879091", [colors.grey400, colors.grey900, colors.grey100]]])
37
+ className: _JSXStyle.dynamic([["375729792", [colors.grey400, colors.grey900, colors.grey100]]])
36
38
  }, /*#__PURE__*/React.createElement(ArrowDown, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
37
- id: "2371879091",
39
+ id: "375729792",
38
40
  dynamic: [colors.grey400, colors.grey900, colors.grey100]
39
- }, ["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);inset-inline-start: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.grey900, ";}"), "div.__jsx-style-dynamic-selector svg{vertical-align:top;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:-webkit-transform 0.1s ease-out;-webkit-transition:transform 0.1s ease-out;transition:transform 0.1s ease-out;}", "div.__jsx-style-dynamic-selector svg:dir(rtl){-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);}", ".open.__jsx-style-dynamic-selector svg:dir(rtl){-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}", "div.__jsx-style-dynamic-selector:hover{cursor:pointer;border-radius:3px;background:".concat(colors.grey100, ";}"), "div.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector:after{background:#bcc8d4;}"]));
41
+ }, ["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);inset-inline-start: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.grey900, ";}"), "div.__jsx-style-dynamic-selector .nodeArrow{vertical-align:top;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:-webkit-transform 0.1s ease-out;-webkit-transition:transform 0.1s ease-out;transition:transform 0.1s ease-out;}", "div.__jsx-style-dynamic-selector .nodeArrow:dir(rtl){-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}", ".open.__jsx-style-dynamic-selector .nodeArrow{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}", ".open.__jsx-style-dynamic-selector .nodeArrow:dir(rtl){-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}", "div.__jsx-style-dynamic-selector:hover{cursor:pointer;border-radius:3px;background:".concat(colors.grey100, ";}"), "div.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector:after{background:#bcc8d4;}"]));
40
42
  };
41
43
  Toggle.propTypes = {
42
44
  dataTest: PropTypes.string.isRequired,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/node",
3
- "version": "9.3.0-alpha.1",
3
+ "version": "9.3.0-alpha.2",
4
4
  "description": "UI Node",
5
5
  "repository": {
6
6
  "type": "git",
@@ -33,8 +33,8 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@dhis2/prop-types": "^3.1.2",
36
- "@dhis2-ui/loader": "9.3.0-alpha.1",
37
- "@dhis2/ui-constants": "9.3.0-alpha.1",
36
+ "@dhis2-ui/loader": "9.3.0-alpha.2",
37
+ "@dhis2/ui-constants": "9.3.0-alpha.2",
38
38
  "classnames": "^2.3.1",
39
39
  "prop-types": "^15.7.2"
40
40
  },