@dhis2-ui/node 9.3.0-alpha.2 → 9.3.0
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.
- package/build/cjs/node.stories.js +2 -8
- package/build/cjs/toggle.js +9 -11
- package/build/es/node.stories.js +1 -4
- package/build/es/toggle.js +9 -11
- package/package.json +3 -3
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = exports._2LevelsOpen = exports.TextLeaves = exports.
|
|
6
|
+
exports.default = exports._2LevelsOpen = exports.TextLeaves = exports.MultipleRoots = exports.CustomIcon = void 0;
|
|
7
7
|
|
|
8
8
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
9
9
|
|
|
@@ -298,10 +298,4 @@ const TextLeaves = () => /*#__PURE__*/_react.default.createElement("div", {
|
|
|
298
298
|
}, ["div.jsx-3948139656{font-size:16px;line-height:24px;}", "h2.jsx-3948139656{font-size:24px;line-height:32px;margin:0 0 10px;}", ".sub-tree.jsx-3948139656{margin-top:10px;}", ".sub-tree--open.jsx-3948139656{margin-bottom:20px;}", "div.jsx-3948139656 .tree__arrow > span{padding-top:4px;}", "div.jsx-3948139656 .tree__arrow.open:after{top:17px;height:calc(100% - 28px);}"]));
|
|
299
299
|
|
|
300
300
|
exports.TextLeaves = TextLeaves;
|
|
301
|
-
TextLeaves.storyName = 'Text leaves';
|
|
302
|
-
|
|
303
|
-
const RTL = args => /*#__PURE__*/_react.default.createElement("div", {
|
|
304
|
-
dir: "rtl"
|
|
305
|
-
}, /*#__PURE__*/_react.default.createElement(MultipleRoots, args));
|
|
306
|
-
|
|
307
|
-
exports.RTL = RTL;
|
|
301
|
+
TextLeaves.storyName = 'Text leaves';
|
package/build/cjs/toggle.js
CHANGED
|
@@ -17,18 +17,16 @@ 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("
|
|
21
|
-
className: "nodeArrow"
|
|
22
|
-
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
20
|
+
const ArrowDown = () => /*#__PURE__*/_react.default.createElement("svg", {
|
|
23
21
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24
22
|
viewBox: "0 0 24 24",
|
|
25
|
-
className: "jsx-
|
|
23
|
+
className: "jsx-2769585603"
|
|
26
24
|
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
27
25
|
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",
|
|
28
|
-
className: "jsx-
|
|
26
|
+
className: "jsx-2769585603"
|
|
29
27
|
}), /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
30
|
-
id: "
|
|
31
|
-
}, ["svg.jsx-
|
|
28
|
+
id: "2769585603"
|
|
29
|
+
}, ["svg.jsx-2769585603{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
|
|
32
30
|
|
|
33
31
|
const Toggle = _ref => {
|
|
34
32
|
let {
|
|
@@ -43,15 +41,15 @@ const Toggle = _ref => {
|
|
|
43
41
|
onClick: event => onClick && onClick({
|
|
44
42
|
open: !open
|
|
45
43
|
}, event),
|
|
46
|
-
className: _style.default.dynamic([["
|
|
44
|
+
className: _style.default.dynamic([["1793048903", [_uiConstants.colors.grey400, _uiConstants.colors.grey900, _uiConstants.colors.grey100]]]) + " " + ((0, _classnames.default)({
|
|
47
45
|
open
|
|
48
46
|
}) || "")
|
|
49
47
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
50
|
-
className: _style.default.dynamic([["
|
|
48
|
+
className: _style.default.dynamic([["1793048903", [_uiConstants.colors.grey400, _uiConstants.colors.grey900, _uiConstants.colors.grey100]]])
|
|
51
49
|
}, /*#__PURE__*/_react.default.createElement(ArrowDown, null)), /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
52
|
-
id: "
|
|
50
|
+
id: "1793048903",
|
|
53
51
|
dynamic: [_uiConstants.colors.grey400, _uiConstants.colors.grey900, _uiConstants.colors.grey100]
|
|
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);
|
|
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);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.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;}", ".open.__jsx-style-dynamic-selector svg{-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;}"]));
|
|
55
53
|
};
|
|
56
54
|
|
|
57
55
|
exports.Toggle = Toggle;
|
package/build/es/node.stories.js
CHANGED
|
@@ -272,7 +272,4 @@ export const TextLeaves = () => /*#__PURE__*/React.createElement("div", {
|
|
|
272
272
|
}, "Dummy content")))), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
273
273
|
id: "3948139656"
|
|
274
274
|
}, ["div.jsx-3948139656{font-size:16px;line-height:24px;}", "h2.jsx-3948139656{font-size:24px;line-height:32px;margin:0 0 10px;}", ".sub-tree.jsx-3948139656{margin-top:10px;}", ".sub-tree--open.jsx-3948139656{margin-bottom:20px;}", "div.jsx-3948139656 .tree__arrow > span{padding-top:4px;}", "div.jsx-3948139656 .tree__arrow.open:after{top:17px;height:calc(100% - 28px);}"]));
|
|
275
|
-
TextLeaves.storyName = 'Text leaves';
|
|
276
|
-
export const RTL = args => /*#__PURE__*/React.createElement("div", {
|
|
277
|
-
dir: "rtl"
|
|
278
|
-
}, /*#__PURE__*/React.createElement(MultipleRoots, args));
|
|
275
|
+
TextLeaves.storyName = 'Text leaves';
|
package/build/es/toggle.js
CHANGED
|
@@ -4,18 +4,16 @@ 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("
|
|
8
|
-
className: "nodeArrow"
|
|
9
|
-
}, /*#__PURE__*/React.createElement("svg", {
|
|
7
|
+
const ArrowDown = () => /*#__PURE__*/React.createElement("svg", {
|
|
10
8
|
xmlns: "http://www.w3.org/2000/svg",
|
|
11
9
|
viewBox: "0 0 24 24",
|
|
12
|
-
className: "jsx-
|
|
10
|
+
className: "jsx-2769585603"
|
|
13
11
|
}, /*#__PURE__*/React.createElement("path", {
|
|
14
12
|
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",
|
|
15
|
-
className: "jsx-
|
|
13
|
+
className: "jsx-2769585603"
|
|
16
14
|
}), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
17
|
-
id: "
|
|
18
|
-
}, ["svg.jsx-
|
|
15
|
+
id: "2769585603"
|
|
16
|
+
}, ["svg.jsx-2769585603{fill:inherit;height:24px;width:24px;vertical-align:middle;pointer-events:none;}"]));
|
|
19
17
|
|
|
20
18
|
export const Toggle = _ref => {
|
|
21
19
|
let {
|
|
@@ -30,15 +28,15 @@ export const Toggle = _ref => {
|
|
|
30
28
|
onClick: event => onClick && onClick({
|
|
31
29
|
open: !open
|
|
32
30
|
}, event),
|
|
33
|
-
className: _JSXStyle.dynamic([["
|
|
31
|
+
className: _JSXStyle.dynamic([["1793048903", [colors.grey400, colors.grey900, colors.grey100]]]) + " " + (cx({
|
|
34
32
|
open
|
|
35
33
|
}) || "")
|
|
36
34
|
}, /*#__PURE__*/React.createElement("span", {
|
|
37
|
-
className: _JSXStyle.dynamic([["
|
|
35
|
+
className: _JSXStyle.dynamic([["1793048903", [colors.grey400, colors.grey900, colors.grey100]]])
|
|
38
36
|
}, /*#__PURE__*/React.createElement(ArrowDown, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
39
|
-
id: "
|
|
37
|
+
id: "1793048903",
|
|
40
38
|
dynamic: [colors.grey400, colors.grey900, colors.grey100]
|
|
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);
|
|
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);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.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;}", ".open.__jsx-style-dynamic-selector svg{-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;}"]));
|
|
42
40
|
};
|
|
43
41
|
Toggle.propTypes = {
|
|
44
42
|
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
|
|
3
|
+
"version": "9.3.0",
|
|
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
|
|
37
|
-
"@dhis2/ui-constants": "9.3.0
|
|
36
|
+
"@dhis2-ui/loader": "9.3.0",
|
|
37
|
+
"@dhis2/ui-constants": "9.3.0",
|
|
38
38
|
"classnames": "^2.3.1",
|
|
39
39
|
"prop-types": "^15.7.2"
|
|
40
40
|
},
|