@dhis2-ui/transfer 10.7.1 → 10.7.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.
- package/build/cjs/common/index.js +0 -19
- package/build/cjs/left-footer.js +4 -5
- package/build/cjs/left-header.js +4 -5
- package/build/cjs/left-side.js +5 -5
- package/build/cjs/right-footer.js +4 -5
- package/build/cjs/right-header.js +4 -5
- package/build/cjs/right-side.js +5 -5
- package/build/es/common/index.js +0 -1
- package/build/es/left-footer.js +5 -6
- package/build/es/left-header.js +5 -6
- package/build/es/left-side.js +5 -5
- package/build/es/right-footer.js +5 -6
- package/build/es/right-header.js +5 -6
- package/build/es/right-side.js +5 -5
- package/package.json +7 -7
- package/build/cjs/common/styles.js +0 -10
- package/build/es/common/styles.js +0 -4
|
@@ -21,24 +21,6 @@ Object.defineProperty(exports, "REPLACE_MODE", {
|
|
|
21
21
|
return _modes.REPLACE_MODE;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
Object.defineProperty(exports, "backgroundColor", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function () {
|
|
27
|
-
return _styles.backgroundColor;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
Object.defineProperty(exports, "borderColor", {
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function () {
|
|
33
|
-
return _styles.borderColor;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
Object.defineProperty(exports, "borderRadius", {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function () {
|
|
39
|
-
return _styles.borderRadius;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
24
|
Object.defineProperty(exports, "findOptionIndex", {
|
|
43
25
|
enumerable: true,
|
|
44
26
|
get: function () {
|
|
@@ -64,7 +46,6 @@ Object.defineProperty(exports, "toggleValue", {
|
|
|
64
46
|
}
|
|
65
47
|
});
|
|
66
48
|
var _modes = require("./modes.js");
|
|
67
|
-
var _styles = require("./styles.js");
|
|
68
49
|
var _findOptionIndex = require("./find-option-index.js");
|
|
69
50
|
var _getModeByModifierKey = require("./get-mode-by-modifier-key.js");
|
|
70
51
|
var _isOption = require("./is-option.js");
|
package/build/cjs/left-footer.js
CHANGED
|
@@ -8,7 +8,6 @@ var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
|
8
8
|
var _uiConstants = require("@dhis2/ui-constants");
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _index = require("./common/index.js");
|
|
12
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
12
|
const LeftFooter = _ref => {
|
|
14
13
|
let {
|
|
@@ -17,11 +16,11 @@ const LeftFooter = _ref => {
|
|
|
17
16
|
} = _ref;
|
|
18
17
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
18
|
"data-test": dataTest,
|
|
20
|
-
className: _style.default.dynamic([["
|
|
19
|
+
className: _style.default.dynamic([["1797409102", [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]]])
|
|
21
20
|
}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
22
|
-
id: "
|
|
23
|
-
dynamic: [
|
|
24
|
-
}, [`div.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid ${
|
|
21
|
+
id: "1797409102",
|
|
22
|
+
dynamic: [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]
|
|
23
|
+
}, [`div.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid ${_uiConstants.colors.grey400};padding:0 ${_uiConstants.spacers.dp8};}`]));
|
|
25
24
|
};
|
|
26
25
|
exports.LeftFooter = LeftFooter;
|
|
27
26
|
LeftFooter.propTypes = {
|
package/build/cjs/left-header.js
CHANGED
|
@@ -8,7 +8,6 @@ var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
|
8
8
|
var _uiConstants = require("@dhis2/ui-constants");
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _index = require("./common/index.js");
|
|
12
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
12
|
const LeftHeader = _ref => {
|
|
14
13
|
let {
|
|
@@ -17,11 +16,11 @@ const LeftHeader = _ref => {
|
|
|
17
16
|
} = _ref;
|
|
18
17
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
18
|
"data-test": dataTest,
|
|
20
|
-
className: _style.default.dynamic([["
|
|
19
|
+
className: _style.default.dynamic([["4225731772", [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]]])
|
|
21
20
|
}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
22
|
-
id: "
|
|
23
|
-
dynamic: [
|
|
24
|
-
}, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${
|
|
21
|
+
id: "4225731772",
|
|
22
|
+
dynamic: [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]
|
|
23
|
+
}, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${_uiConstants.colors.grey400};-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding:0 ${_uiConstants.spacers.dp8};}`]));
|
|
25
24
|
};
|
|
26
25
|
exports.LeftHeader = LeftHeader;
|
|
27
26
|
LeftHeader.propTypes = {
|
package/build/cjs/left-side.js
CHANGED
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.LeftSide = void 0;
|
|
7
7
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
8
|
+
var _uiConstants = require("@dhis2/ui-constants");
|
|
8
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
10
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _index = require("./common/index.js");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const LeftSide = _ref => {
|
|
13
13
|
let {
|
|
@@ -17,16 +17,16 @@ const LeftSide = _ref => {
|
|
|
17
17
|
} = _ref;
|
|
18
18
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
19
|
"data-test": dataTest,
|
|
20
|
-
className: _style.default.dynamic([["
|
|
20
|
+
className: _style.default.dynamic([["599208166", [_uiConstants.colors.white, _uiConstants.colors.grey400, width]]])
|
|
21
21
|
}, children,
|
|
22
22
|
/**
|
|
23
23
|
* Flex basis 0px to make sure right and left side
|
|
24
24
|
* always have the same width
|
|
25
25
|
*/
|
|
26
26
|
'', /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
27
|
-
id: "
|
|
28
|
-
dynamic: [
|
|
29
|
-
}, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:${
|
|
27
|
+
id: "599208166",
|
|
28
|
+
dynamic: [_uiConstants.colors.white, _uiConstants.colors.grey400, width]
|
|
29
|
+
}, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:${_uiConstants.colors.white};border-radius:3px;border:1px solid ${_uiConstants.colors.grey400};min-height:240px;max-width:100%;width:${width};}`]));
|
|
30
30
|
};
|
|
31
31
|
exports.LeftSide = LeftSide;
|
|
32
32
|
LeftSide.propTypes = {
|
|
@@ -8,7 +8,6 @@ var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
|
8
8
|
var _uiConstants = require("@dhis2/ui-constants");
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _index = require("./common/index.js");
|
|
12
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
12
|
const RightFooter = _ref => {
|
|
14
13
|
let {
|
|
@@ -17,11 +16,11 @@ const RightFooter = _ref => {
|
|
|
17
16
|
} = _ref;
|
|
18
17
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
18
|
"data-test": dataTest,
|
|
20
|
-
className: _style.default.dynamic([["
|
|
19
|
+
className: _style.default.dynamic([["1797409102", [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]]])
|
|
21
20
|
}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
22
|
-
id: "
|
|
23
|
-
dynamic: [
|
|
24
|
-
}, [`div.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid ${
|
|
21
|
+
id: "1797409102",
|
|
22
|
+
dynamic: [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]
|
|
23
|
+
}, [`div.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid ${_uiConstants.colors.grey400};padding:0 ${_uiConstants.spacers.dp8};}`]));
|
|
25
24
|
};
|
|
26
25
|
exports.RightFooter = RightFooter;
|
|
27
26
|
RightFooter.propTypes = {
|
|
@@ -8,7 +8,6 @@ var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
|
8
8
|
var _uiConstants = require("@dhis2/ui-constants");
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _index = require("./common/index.js");
|
|
12
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
12
|
const RightHeader = _ref => {
|
|
14
13
|
let {
|
|
@@ -17,11 +16,11 @@ const RightHeader = _ref => {
|
|
|
17
16
|
} = _ref;
|
|
18
17
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
18
|
"data-test": dataTest,
|
|
20
|
-
className: _style.default.dynamic([["
|
|
19
|
+
className: _style.default.dynamic([["4225731772", [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]]])
|
|
21
20
|
}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
22
|
-
id: "
|
|
23
|
-
dynamic: [
|
|
24
|
-
}, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${
|
|
21
|
+
id: "4225731772",
|
|
22
|
+
dynamic: [_uiConstants.colors.grey400, _uiConstants.spacers.dp8]
|
|
23
|
+
}, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${_uiConstants.colors.grey400};-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding:0 ${_uiConstants.spacers.dp8};}`]));
|
|
25
24
|
};
|
|
26
25
|
exports.RightHeader = RightHeader;
|
|
27
26
|
RightHeader.propTypes = {
|
package/build/cjs/right-side.js
CHANGED
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.RightSide = void 0;
|
|
7
7
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
8
|
+
var _uiConstants = require("@dhis2/ui-constants");
|
|
8
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
10
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _index = require("./common/index.js");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const RightSide = _ref => {
|
|
13
13
|
let {
|
|
@@ -17,16 +17,16 @@ const RightSide = _ref => {
|
|
|
17
17
|
} = _ref;
|
|
18
18
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
19
|
"data-test": dataTest,
|
|
20
|
-
className: _style.default.dynamic([["
|
|
20
|
+
className: _style.default.dynamic([["2265398144", [_uiConstants.colors.white, _uiConstants.colors.grey400, width]]])
|
|
21
21
|
}, children,
|
|
22
22
|
/**
|
|
23
23
|
* Flex basis 0px to make sure right and left side
|
|
24
24
|
* always have the same width
|
|
25
25
|
*/
|
|
26
26
|
'', /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
27
|
-
id: "
|
|
28
|
-
dynamic: [
|
|
29
|
-
}, [`div.__jsx-style-dynamic-selector{background-color:${
|
|
27
|
+
id: "2265398144",
|
|
28
|
+
dynamic: [_uiConstants.colors.white, _uiConstants.colors.grey400, width]
|
|
29
|
+
}, [`div.__jsx-style-dynamic-selector{background-color:${_uiConstants.colors.white};border:1px solid ${_uiConstants.colors.grey400};border-radius:3px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:100%;width:${width};}`]));
|
|
30
30
|
};
|
|
31
31
|
exports.RightSide = RightSide;
|
|
32
32
|
RightSide.propTypes = {
|
package/build/es/common/index.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export { ADD_MODE, RANGE_MODE, REPLACE_MODE } from './modes.js';
|
|
2
|
-
export { backgroundColor, borderColor, borderRadius } from './styles.js';
|
|
3
2
|
export { findOptionIndex } from './find-option-index.js';
|
|
4
3
|
export { getModeByModifierKey } from './get-mode-by-modifier-key.js';
|
|
5
4
|
export { isOption } from './is-option.js';
|
package/build/es/left-footer.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _JSXStyle from "styled-jsx/style";
|
|
2
|
-
import { spacers } from '@dhis2/ui-constants';
|
|
2
|
+
import { colors, spacers } from '@dhis2/ui-constants';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { borderColor } from './common/index.js';
|
|
6
5
|
export const LeftFooter = _ref => {
|
|
7
6
|
let {
|
|
8
7
|
children,
|
|
@@ -10,11 +9,11 @@ export const LeftFooter = _ref => {
|
|
|
10
9
|
} = _ref;
|
|
11
10
|
return /*#__PURE__*/React.createElement("div", {
|
|
12
11
|
"data-test": dataTest,
|
|
13
|
-
className: _JSXStyle.dynamic([["
|
|
12
|
+
className: _JSXStyle.dynamic([["1797409102", [colors.grey400, spacers.dp8]]])
|
|
14
13
|
}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
15
|
-
id: "
|
|
16
|
-
dynamic: [
|
|
17
|
-
}, [`div.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid ${
|
|
14
|
+
id: "1797409102",
|
|
15
|
+
dynamic: [colors.grey400, spacers.dp8]
|
|
16
|
+
}, [`div.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid ${colors.grey400};padding:0 ${spacers.dp8};}`]));
|
|
18
17
|
};
|
|
19
18
|
LeftFooter.propTypes = {
|
|
20
19
|
children: PropTypes.node,
|
package/build/es/left-header.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _JSXStyle from "styled-jsx/style";
|
|
2
|
-
import { spacers } from '@dhis2/ui-constants';
|
|
2
|
+
import { colors, spacers } from '@dhis2/ui-constants';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { borderColor } from './common/index.js';
|
|
6
5
|
export const LeftHeader = _ref => {
|
|
7
6
|
let {
|
|
8
7
|
children,
|
|
@@ -10,11 +9,11 @@ export const LeftHeader = _ref => {
|
|
|
10
9
|
} = _ref;
|
|
11
10
|
return /*#__PURE__*/React.createElement("div", {
|
|
12
11
|
"data-test": dataTest,
|
|
13
|
-
className: _JSXStyle.dynamic([["
|
|
12
|
+
className: _JSXStyle.dynamic([["4225731772", [colors.grey400, spacers.dp8]]])
|
|
14
13
|
}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
15
|
-
id: "
|
|
16
|
-
dynamic: [
|
|
17
|
-
}, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${
|
|
14
|
+
id: "4225731772",
|
|
15
|
+
dynamic: [colors.grey400, spacers.dp8]
|
|
16
|
+
}, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${colors.grey400};-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding:0 ${spacers.dp8};}`]));
|
|
18
17
|
};
|
|
19
18
|
LeftHeader.propTypes = {
|
|
20
19
|
children: PropTypes.node,
|
package/build/es/left-side.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _JSXStyle from "styled-jsx/style";
|
|
2
|
+
import { colors } from '@dhis2/ui-constants';
|
|
2
3
|
import PropTypes from 'prop-types';
|
|
3
4
|
import React from 'react';
|
|
4
|
-
import { backgroundColor, borderColor, borderRadius } from './common/index.js';
|
|
5
5
|
export const LeftSide = _ref => {
|
|
6
6
|
let {
|
|
7
7
|
children,
|
|
@@ -10,16 +10,16 @@ export const LeftSide = _ref => {
|
|
|
10
10
|
} = _ref;
|
|
11
11
|
return /*#__PURE__*/React.createElement("div", {
|
|
12
12
|
"data-test": dataTest,
|
|
13
|
-
className: _JSXStyle.dynamic([["
|
|
13
|
+
className: _JSXStyle.dynamic([["599208166", [colors.white, colors.grey400, width]]])
|
|
14
14
|
}, children,
|
|
15
15
|
/**
|
|
16
16
|
* Flex basis 0px to make sure right and left side
|
|
17
17
|
* always have the same width
|
|
18
18
|
*/
|
|
19
19
|
'', /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
20
|
-
id: "
|
|
21
|
-
dynamic: [
|
|
22
|
-
}, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:${
|
|
20
|
+
id: "599208166",
|
|
21
|
+
dynamic: [colors.white, colors.grey400, width]
|
|
22
|
+
}, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:${colors.white};border-radius:3px;border:1px solid ${colors.grey400};min-height:240px;max-width:100%;width:${width};}`]));
|
|
23
23
|
};
|
|
24
24
|
LeftSide.propTypes = {
|
|
25
25
|
width: PropTypes.string.isRequired,
|
package/build/es/right-footer.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _JSXStyle from "styled-jsx/style";
|
|
2
|
-
import { spacers } from '@dhis2/ui-constants';
|
|
2
|
+
import { colors, spacers } from '@dhis2/ui-constants';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { borderColor } from './common/index.js';
|
|
6
5
|
export const RightFooter = _ref => {
|
|
7
6
|
let {
|
|
8
7
|
children,
|
|
@@ -10,11 +9,11 @@ export const RightFooter = _ref => {
|
|
|
10
9
|
} = _ref;
|
|
11
10
|
return /*#__PURE__*/React.createElement("div", {
|
|
12
11
|
"data-test": dataTest,
|
|
13
|
-
className: _JSXStyle.dynamic([["
|
|
12
|
+
className: _JSXStyle.dynamic([["1797409102", [colors.grey400, spacers.dp8]]])
|
|
14
13
|
}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
15
|
-
id: "
|
|
16
|
-
dynamic: [
|
|
17
|
-
}, [`div.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid ${
|
|
14
|
+
id: "1797409102",
|
|
15
|
+
dynamic: [colors.grey400, spacers.dp8]
|
|
16
|
+
}, [`div.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid ${colors.grey400};padding:0 ${spacers.dp8};}`]));
|
|
18
17
|
};
|
|
19
18
|
RightFooter.propTypes = {
|
|
20
19
|
children: PropTypes.node,
|
package/build/es/right-header.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _JSXStyle from "styled-jsx/style";
|
|
2
|
-
import { spacers } from '@dhis2/ui-constants';
|
|
2
|
+
import { colors, spacers } from '@dhis2/ui-constants';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { borderColor } from './common/index.js';
|
|
6
5
|
export const RightHeader = _ref => {
|
|
7
6
|
let {
|
|
8
7
|
children,
|
|
@@ -10,11 +9,11 @@ export const RightHeader = _ref => {
|
|
|
10
9
|
} = _ref;
|
|
11
10
|
return /*#__PURE__*/React.createElement("div", {
|
|
12
11
|
"data-test": dataTest,
|
|
13
|
-
className: _JSXStyle.dynamic([["
|
|
12
|
+
className: _JSXStyle.dynamic([["4225731772", [colors.grey400, spacers.dp8]]])
|
|
14
13
|
}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
15
|
-
id: "
|
|
16
|
-
dynamic: [
|
|
17
|
-
}, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${
|
|
14
|
+
id: "4225731772",
|
|
15
|
+
dynamic: [colors.grey400, spacers.dp8]
|
|
16
|
+
}, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${colors.grey400};-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding:0 ${spacers.dp8};}`]));
|
|
18
17
|
};
|
|
19
18
|
RightHeader.propTypes = {
|
|
20
19
|
children: PropTypes.node,
|
package/build/es/right-side.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _JSXStyle from "styled-jsx/style";
|
|
2
|
+
import { colors } from '@dhis2/ui-constants';
|
|
2
3
|
import PropTypes from 'prop-types';
|
|
3
4
|
import React from 'react';
|
|
4
|
-
import { backgroundColor, borderColor, borderRadius } from './common/index.js';
|
|
5
5
|
export const RightSide = _ref => {
|
|
6
6
|
let {
|
|
7
7
|
children,
|
|
@@ -10,16 +10,16 @@ export const RightSide = _ref => {
|
|
|
10
10
|
} = _ref;
|
|
11
11
|
return /*#__PURE__*/React.createElement("div", {
|
|
12
12
|
"data-test": dataTest,
|
|
13
|
-
className: _JSXStyle.dynamic([["
|
|
13
|
+
className: _JSXStyle.dynamic([["2265398144", [colors.white, colors.grey400, width]]])
|
|
14
14
|
}, children,
|
|
15
15
|
/**
|
|
16
16
|
* Flex basis 0px to make sure right and left side
|
|
17
17
|
* always have the same width
|
|
18
18
|
*/
|
|
19
19
|
'', /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
20
|
-
id: "
|
|
21
|
-
dynamic: [
|
|
22
|
-
}, [`div.__jsx-style-dynamic-selector{background-color:${
|
|
20
|
+
id: "2265398144",
|
|
21
|
+
dynamic: [colors.white, colors.grey400, width]
|
|
22
|
+
}, [`div.__jsx-style-dynamic-selector{background-color:${colors.white};border:1px solid ${colors.grey400};border-radius:3px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:100%;width:${width};}`]));
|
|
23
23
|
};
|
|
24
24
|
RightSide.propTypes = {
|
|
25
25
|
width: PropTypes.string.isRequired,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dhis2-ui/transfer",
|
|
3
|
-
"version": "10.7.
|
|
3
|
+
"version": "10.7.2",
|
|
4
4
|
"description": "UI Transfer",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -33,12 +33,12 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@dhis2/prop-types": "^3.1.2",
|
|
36
|
-
"@dhis2-ui/button": "10.7.
|
|
37
|
-
"@dhis2-ui/field": "10.7.
|
|
38
|
-
"@dhis2-ui/input": "10.7.
|
|
39
|
-
"@dhis2-ui/intersection-detector": "10.7.
|
|
40
|
-
"@dhis2-ui/loader": "10.7.
|
|
41
|
-
"@dhis2/ui-constants": "10.7.
|
|
36
|
+
"@dhis2-ui/button": "10.7.2",
|
|
37
|
+
"@dhis2-ui/field": "10.7.2",
|
|
38
|
+
"@dhis2-ui/input": "10.7.2",
|
|
39
|
+
"@dhis2-ui/intersection-detector": "10.7.2",
|
|
40
|
+
"@dhis2-ui/loader": "10.7.2",
|
|
41
|
+
"@dhis2/ui-constants": "10.7.2",
|
|
42
42
|
"classnames": "^2.3.1",
|
|
43
43
|
"prop-types": "^15.7.2"
|
|
44
44
|
},
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.borderRadius = exports.borderColor = exports.backgroundColor = void 0;
|
|
7
|
-
var _uiConstants = require("@dhis2/ui-constants");
|
|
8
|
-
const backgroundColor = exports.backgroundColor = _uiConstants.colors.white;
|
|
9
|
-
const borderColor = exports.borderColor = _uiConstants.colors.grey400;
|
|
10
|
-
const borderRadius = exports.borderRadius = '3px';
|