@dhis2-ui/node 9.2.0 → 9.3.0-alpha.1
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.
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = exports._2LevelsOpen = exports.TextLeaves = exports.MultipleRoots = exports.CustomIcon = void 0;
|
|
6
|
+
exports.default = exports._2LevelsOpen = exports.TextLeaves = exports.RTL = exports.MultipleRoots = exports.CustomIcon = void 0;
|
|
7
7
|
|
|
8
8
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
9
9
|
|
|
@@ -298,4 +298,10 @@ 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';
|
|
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;
|
package/build/cjs/toggle.js
CHANGED
|
@@ -41,15 +41,15 @@ const Toggle = _ref => {
|
|
|
41
41
|
onClick: event => onClick && onClick({
|
|
42
42
|
open: !open
|
|
43
43
|
}, event),
|
|
44
|
-
className: _style.default.dynamic([["
|
|
44
|
+
className: _style.default.dynamic([["2371879091", [_uiConstants.colors.grey400, _uiConstants.colors.grey900, _uiConstants.colors.grey100]]]) + " " + ((0, _classnames.default)({
|
|
45
45
|
open
|
|
46
46
|
}) || "")
|
|
47
47
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
48
|
-
className: _style.default.dynamic([["
|
|
48
|
+
className: _style.default.dynamic([["2371879091", [_uiConstants.colors.grey400, _uiConstants.colors.grey900, _uiConstants.colors.grey100]]])
|
|
49
49
|
}, /*#__PURE__*/_react.default.createElement(ArrowDown, null)), /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
50
|
-
id: "
|
|
50
|
+
id: "2371879091",
|
|
51
51
|
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);
|
|
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;}"]));
|
|
53
53
|
};
|
|
54
54
|
|
|
55
55
|
exports.Toggle = Toggle;
|
package/build/es/node.stories.js
CHANGED
|
@@ -272,4 +272,7 @@ 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';
|
|
275
|
+
TextLeaves.storyName = 'Text leaves';
|
|
276
|
+
export const RTL = args => /*#__PURE__*/React.createElement("div", {
|
|
277
|
+
dir: "rtl"
|
|
278
|
+
}, /*#__PURE__*/React.createElement(MultipleRoots, args));
|
package/build/es/toggle.js
CHANGED
|
@@ -28,15 +28,15 @@ export const Toggle = _ref => {
|
|
|
28
28
|
onClick: event => onClick && onClick({
|
|
29
29
|
open: !open
|
|
30
30
|
}, event),
|
|
31
|
-
className: _JSXStyle.dynamic([["
|
|
31
|
+
className: _JSXStyle.dynamic([["2371879091", [colors.grey400, colors.grey900, colors.grey100]]]) + " " + (cx({
|
|
32
32
|
open
|
|
33
33
|
}) || "")
|
|
34
34
|
}, /*#__PURE__*/React.createElement("span", {
|
|
35
|
-
className: _JSXStyle.dynamic([["
|
|
35
|
+
className: _JSXStyle.dynamic([["2371879091", [colors.grey400, colors.grey900, colors.grey100]]])
|
|
36
36
|
}, /*#__PURE__*/React.createElement(ArrowDown, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
37
|
-
id: "
|
|
37
|
+
id: "2371879091",
|
|
38
38
|
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);
|
|
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;}"]));
|
|
40
40
|
};
|
|
41
41
|
Toggle.propTypes = {
|
|
42
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
|
+
"version": "9.3.0-alpha.1",
|
|
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.
|
|
37
|
-
"@dhis2/ui-constants": "9.
|
|
36
|
+
"@dhis2-ui/loader": "9.3.0-alpha.1",
|
|
37
|
+
"@dhis2/ui-constants": "9.3.0-alpha.1",
|
|
38
38
|
"classnames": "^2.3.1",
|
|
39
39
|
"prop-types": "^15.7.2"
|
|
40
40
|
},
|