pds-dev-kit-web-test 2.7.98 → 2.7.100
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.
|
@@ -68,8 +68,11 @@ function RenderPedigreeRecursively(_a) {
|
|
|
68
68
|
cols: bounding.w,
|
|
69
69
|
rows: bounding.h
|
|
70
70
|
});
|
|
71
|
+
var relativeGridArea_1 = parentGroupArea
|
|
72
|
+
? calculateRelativeGridArea(gridArea_1, parentGroupArea)
|
|
73
|
+
: gridArea_1;
|
|
71
74
|
return ((0, jsx_runtime_1.jsxs)(S_GroupItem, __assign({ cols: bounding.w, sectionRow: bounding.h, rowHeight: rowHeight, selectedRows: [], style: {
|
|
72
|
-
gridArea: gridAreaObjToString(
|
|
75
|
+
gridArea: gridAreaObjToString(relativeGridArea_1),
|
|
73
76
|
border: '1px solid red',
|
|
74
77
|
display: 'grid'
|
|
75
78
|
} }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: {
|
|
@@ -96,7 +99,7 @@ function RenderPedigreeRecursively(_a) {
|
|
|
96
99
|
return ((0, jsx_runtime_1.jsx)(S_GridItem, __assign({ style: {
|
|
97
100
|
gridArea: gridAreaObjToString(relativeGridArea),
|
|
98
101
|
border: '1px solid blue'
|
|
99
|
-
} }, { children: block.blockId })));
|
|
102
|
+
}, "data-og-grid-area": originalGridAreaString, "data-rel-grid-area": gridAreaObjToString(relativeGridArea) }, { children: block.blockId })));
|
|
100
103
|
}
|
|
101
104
|
exports.default = RenderPedigreeRecursively;
|
|
102
105
|
function clamp(num, min, max) {
|
|
@@ -153,7 +156,7 @@ function calculateRelativeGridArea(componentArea, parentArea) {
|
|
|
153
156
|
};
|
|
154
157
|
}
|
|
155
158
|
var S_GridItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n position: relative;\n width: 100%;\n"], ["\n height: 100%;\n position: relative;\n width: 100%;\n"])));
|
|
156
|
-
var S_GroupItem = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n gap: 10px;\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: ", "; /* \uBC30\uC5F4\uC744 \uACF5\uBC31\uC73C\uB85C \uAD6C\uBD84\uB41C \uBB38\uC790\uC5F4\uB85C \uD569\uCE69\uB2C8\uB2E4. */\n"], ["\n gap: 10px;\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: ", "; /* \uBC30\uC5F4\uC744 \uACF5\uBC31\uC73C\uB85C \uAD6C\uBD84\uB41C \uBB38\uC790\uC5F4\uB85C \uD569\uCE69\uB2C8\uB2E4. */\n"])), function (props) { return props.cols; }, function (props) {
|
|
159
|
+
var S_GroupItem = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n gap: 10px;\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: ", ";\n position: relative; /* \uBC30\uC5F4\uC744 \uACF5\uBC31\uC73C\uB85C \uAD6C\uBD84\uB41C \uBB38\uC790\uC5F4\uB85C \uD569\uCE69\uB2C8\uB2E4. */\n"], ["\n gap: 10px;\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: ", ";\n position: relative; /* \uBC30\uC5F4\uC744 \uACF5\uBC31\uC73C\uB85C \uAD6C\uBD84\uB41C \uBB38\uC790\uC5F4\uB85C \uD569\uCE69\uB2C8\uB2E4. */\n"])), function (props) { return props.cols; }, function (props) {
|
|
157
160
|
// // 전체 행 개수만큼 배열을 생성하여 각 행의 CSS 값을 정의합니다.
|
|
158
161
|
return Array.from({ length: props.sectionRow })
|
|
159
162
|
.map(function (_, index) {
|