@lowdefy/layout 4.0.0-alpha.6 → 4.0.0-alpha.9
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/dist/Area.js +4 -6
- package/dist/BlockLayout.js +21 -11
- package/dist/deriveLayout.js +1 -1
- package/dist/gutterSetup.js +1 -1
- package/dist/index.js +1 -1
- package/dist/layoutParamsToArea.js +1 -1
- package/dist/style.less +1 -1
- package/package.json +13 -14
package/dist/Area.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
1
|
/*
|
|
3
|
-
Copyright 2020-
|
|
2
|
+
Copyright 2020-2022 Lowdefy, Inc
|
|
4
3
|
|
|
5
4
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
6
5
|
you may not use this file except in compliance with the License.
|
|
@@ -17,7 +16,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
17
16
|
import { Row } from 'antd';
|
|
18
17
|
import { blockDefaultProps } from '@lowdefy/block-utils';
|
|
19
18
|
import gutterSetup from './gutterSetup.js';
|
|
20
|
-
const Area = ({ area , areaStyle , children , highlightBorders , id , makeCssClass })=>/*#__PURE__*/
|
|
19
|
+
const Area = ({ area , areaStyle , children , highlightBorders , id , makeCssClass })=>/*#__PURE__*/ React.createElement(Row, {
|
|
21
20
|
id: id,
|
|
22
21
|
align: area.align,
|
|
23
22
|
className: makeCssClass(areaStyle),
|
|
@@ -29,9 +28,8 @@ const Area = ({ area , areaStyle , children , highlightBorders , id , makeCssCla
|
|
|
29
28
|
flexWrap: area.wrap,
|
|
30
29
|
overflow: area.overflow,
|
|
31
30
|
border: highlightBorders && '1px dashed red'
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
})
|
|
31
|
+
}
|
|
32
|
+
}, children)
|
|
35
33
|
;
|
|
36
34
|
Area.defaultProps = blockDefaultProps;
|
|
37
35
|
export default Area;
|
package/dist/BlockLayout.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
1
|
/*
|
|
3
|
-
Copyright 2020-
|
|
2
|
+
Copyright 2020-2022 Lowdefy, Inc
|
|
4
3
|
|
|
5
4
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
6
5
|
you may not use this file except in compliance with the License.
|
|
@@ -17,6 +16,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
17
16
|
import { Col } from 'antd';
|
|
18
17
|
import deriveLayout from './deriveLayout.js';
|
|
19
18
|
import { blockDefaultProps } from '@lowdefy/block-utils';
|
|
19
|
+
function _extends() {
|
|
20
|
+
_extends = Object.assign || function(target) {
|
|
21
|
+
for(var i = 1; i < arguments.length; i++){
|
|
22
|
+
var source = arguments[i];
|
|
23
|
+
for(var key in source){
|
|
24
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
25
|
+
target[key] = source[key];
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
return target;
|
|
30
|
+
};
|
|
31
|
+
return _extends.apply(this, arguments);
|
|
32
|
+
}
|
|
20
33
|
const alignSelf = (align)=>{
|
|
21
34
|
if (align === 'bottom') {
|
|
22
35
|
return 'flex-end';
|
|
@@ -31,22 +44,19 @@ const alignSelf = (align)=>{
|
|
|
31
44
|
};
|
|
32
45
|
const BlockLayout = ({ id , blockStyle , children , highlightBorders , layout , makeCssClass })=>{
|
|
33
46
|
if (layout && layout.disabled) {
|
|
34
|
-
return(/*#__PURE__*/
|
|
47
|
+
return(/*#__PURE__*/ React.createElement("div", {
|
|
35
48
|
id: id,
|
|
36
|
-
className: makeCssClass(blockStyle)
|
|
37
|
-
|
|
38
|
-
}));
|
|
49
|
+
className: makeCssClass(blockStyle)
|
|
50
|
+
}, children));
|
|
39
51
|
}
|
|
40
|
-
return(/*#__PURE__*/
|
|
41
|
-
...deriveLayout(layout),
|
|
52
|
+
return(/*#__PURE__*/ React.createElement(Col, _extends({}, deriveLayout(layout), {
|
|
42
53
|
style: {
|
|
43
54
|
alignSelf: alignSelf(layout.align),
|
|
44
55
|
border: highlightBorders && '1px dashed #8eccf5'
|
|
45
56
|
},
|
|
46
57
|
id: id,
|
|
47
|
-
className: makeCssClass(blockStyle)
|
|
48
|
-
|
|
49
|
-
}));
|
|
58
|
+
className: makeCssClass(blockStyle)
|
|
59
|
+
}), children));
|
|
50
60
|
};
|
|
51
61
|
BlockLayout.defaultProps = blockDefaultProps;
|
|
52
62
|
export default BlockLayout;
|
package/dist/deriveLayout.js
CHANGED
package/dist/gutterSetup.js
CHANGED
package/dist/index.js
CHANGED
package/dist/style.less
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lowdefy/layout",
|
|
3
|
-
"version": "4.0.0-alpha.
|
|
3
|
+
"version": "4.0.0-alpha.9",
|
|
4
4
|
"licence": "Apache-2.0",
|
|
5
5
|
"description": "",
|
|
6
6
|
"homepage": "https://lowdefy.com",
|
|
@@ -42,29 +42,28 @@
|
|
|
42
42
|
"test": "jest --coverage"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@lowdefy/block-utils": "4.0.0-alpha.
|
|
46
|
-
"@lowdefy/helpers": "4.0.0-alpha.
|
|
47
|
-
"antd": "4.
|
|
48
|
-
"react": "
|
|
49
|
-
"react-dom": "
|
|
45
|
+
"@lowdefy/block-utils": "4.0.0-alpha.9",
|
|
46
|
+
"@lowdefy/helpers": "4.0.0-alpha.9",
|
|
47
|
+
"antd": "4.18.2",
|
|
48
|
+
"react": "17.0.2",
|
|
49
|
+
"react-dom": "17.0.2"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@
|
|
53
|
-
"@
|
|
54
|
-
"@lowdefy/block-dev": "4.0.0-alpha.6",
|
|
52
|
+
"@emotion/jest": "11.7.1",
|
|
53
|
+
"@lowdefy/block-dev": "4.0.0-alpha.9",
|
|
55
54
|
"@swc/cli": "0.1.55",
|
|
56
|
-
"@swc/core": "1.2.
|
|
55
|
+
"@swc/core": "1.2.135",
|
|
57
56
|
"@swc/jest": "0.2.17",
|
|
58
|
-
"@testing-library/dom": "8.
|
|
57
|
+
"@testing-library/dom": "8.11.3",
|
|
59
58
|
"@testing-library/react": "13.0.0-alpha.4",
|
|
60
59
|
"@testing-library/user-event": "14.0.0-alpha.14",
|
|
61
60
|
"copyfiles": "2.4.1",
|
|
62
|
-
"jest": "27.
|
|
61
|
+
"jest": "27.5.1",
|
|
63
62
|
"jest-serializer-html": "7.1.0",
|
|
64
|
-
"jest-transform-yaml": "0.
|
|
63
|
+
"jest-transform-yaml": "1.0.0"
|
|
65
64
|
},
|
|
66
65
|
"publishConfig": {
|
|
67
66
|
"access": "public"
|
|
68
67
|
},
|
|
69
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "98b544eca231bdcfca6c3a8601a891835d5ce571"
|
|
70
69
|
}
|