pds-dev-kit-web-test 2.7.111 → 2.7.113
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.
@@ -212,36 +212,12 @@ var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props
|
|
212
212
|
paddingBottom: padding.bottom,
|
213
213
|
paddingRight: padding.right,
|
214
214
|
paddingLeft: padding.left
|
215
|
-
} }, { children: (0, jsx_runtime_1.
|
215
|
+
} }, { children: (0, jsx_runtime_1.jsx)(GridContainer, __assign({ ref: containerRef, cols: isMobile ? 8 : 24, rowHeight: rowHeight, sectionRow: sectionRow !== null && sectionRow !== void 0 ? sectionRow : 0, style: {
|
216
216
|
width: customSectionStyles.width,
|
217
217
|
maxWidth: customSectionStyles.maxWidth,
|
218
218
|
minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
|
219
219
|
fontSize: "".concat(baseFontSize, "px")
|
220
|
-
} }, { children:
|
221
|
-
// selectedRows 배열에 현재 행의 인덱스가 포함되어 있는지 확인합니다.
|
222
|
-
var isSelected = selectedRows.includes(rIdx);
|
223
|
-
var handleRowClick = function () {
|
224
|
-
setSelectedRows(function (prevSelectedRows) {
|
225
|
-
// 이미 선택된 상태라면, 배열에서 해당 인덱스를 제거합니다 (선택 해제).
|
226
|
-
if (isSelected) {
|
227
|
-
return prevSelectedRows.filter(function (rowIdx) { return rowIdx !== rIdx; });
|
228
|
-
}
|
229
|
-
// 선택되지 않은 상태라면, 배열에 현재 인덱스를 추가합니다 (선택).
|
230
|
-
return __spreadArray(__spreadArray([], prevSelectedRows, true), [rIdx], false);
|
231
|
-
});
|
232
|
-
};
|
233
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "bg-grid-row ".concat(isSelected ? 'selected' : ''), style: {
|
234
|
-
gridRow: "".concat(rIdx + 1),
|
235
|
-
gridColumn: "1 / -1",
|
236
|
-
display: 'contents',
|
237
|
-
cursor: 'pointer'
|
238
|
-
}, onClick: handleRowClick }, { children: Array.from({ length: isMobile ? MOBILE_GRID_COLS : DESKTOP_GRID_COLS }).map(function (_, cIdx) { return ((0, jsx_runtime_1.jsx)("div", { className: "bg-grid-item", style: {
|
239
|
-
gridArea: "".concat(rIdx + 1, " / ").concat(cIdx + 1),
|
240
|
-
position: 'relative',
|
241
|
-
backgroundColor: '#e8e1e189',
|
242
|
-
border: '1px solid #6b666688'
|
243
|
-
}, "data-row": rIdx + 1, "data-col": cIdx + 1 }, "bg-grid-item-".concat(rIdx + 1, "-").concat(cIdx + 1))); }) }), "bg-grid-row-".concat(rIdx + 1)));
|
244
|
-
}), pedigree.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(groupUtils_1.default, { block: child, rowHeight: rowHeight, layoutItems: layouts[device === 'DESKTOP' ? 'lg' : 'sm'], cbs: props.componentBlocks, device: device, selectedRows: selectedRows, pinnedGBs: pinnedGBs, onToggleGBPinned: onToggleGBPinned, isEditMode: false }, child.blockId)); })] })) })) })) }) }));
|
220
|
+
} }, { children: pedigree.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(groupUtils_1.default, { block: child, rowHeight: rowHeight, layoutItems: layouts[device === 'DESKTOP' ? 'lg' : 'sm'], cbs: props.componentBlocks, device: device, selectedRows: selectedRows, pinnedGBs: pinnedGBs, onToggleGBPinned: onToggleGBPinned, isEditMode: false }, child.blockId)); }) })) })) })) }) }));
|
245
221
|
});
|
246
222
|
var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 10px 10px;\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 10px 10px;\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
|
247
223
|
var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
@@ -136,7 +136,7 @@ function RenderPedigreeRecursively(_a) {
|
|
136
136
|
gridArea: gridAreaObjToString(relativeGridArea),
|
137
137
|
pointerEvents: isEditMode ? 'none' : 'auto',
|
138
138
|
boxShadow: isEditMode ? '0 0 0 2px red' : ''
|
139
|
-
}, showPinned: isEditMode && !parentGroupArea
|
139
|
+
}, showPinned: isEditMode && !parentGroupArea, isParentGroupPinned: isParentGroupPinned }) }, cb.id)
|
140
140
|
// </S_GridItem>
|
141
141
|
);
|
142
142
|
}
|