pds-dev-kit-web-test 2.5.250 → 2.5.252
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.
@@ -69,18 +69,18 @@ function BasicButtonGroup(_a) {
|
|
69
69
|
var countFromLeft = hoveredButtonIndex;
|
70
70
|
var countFromRight = valueArray.length - (hoveredButtonIndex + 1);
|
71
71
|
var itemSizeWithGap = constants_1.ICON_BUTTON_SIZE[size] + 4;
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
72
|
+
setTooltipPositionOffset({
|
73
|
+
top: top_1 + window.scrollY,
|
74
|
+
right: right + window.scrollX - itemSizeWithGap * countFromRight,
|
75
|
+
bottom: bottom + window.scrollY,
|
76
|
+
left: left + window.scrollX + itemSizeWithGap * countFromLeft
|
77
|
+
});
|
78
78
|
}
|
79
79
|
if (tooltipRef.current) {
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
80
|
+
setTooltipSizeOffset({
|
81
|
+
height: tooltipRef.current.offsetHeight,
|
82
|
+
width: tooltipRef.current.offsetWidth
|
83
|
+
});
|
84
84
|
}
|
85
85
|
}, [hoveredButtonIndex]);
|
86
86
|
var getColorKey = function (buttonState, iconColorTheme) {
|
@@ -105,9 +105,7 @@ function BasicButtonGroup(_a) {
|
|
105
105
|
var isHoveredButton = index === hoveredButtonIndex;
|
106
106
|
return ((0, jsx_runtime_1.jsxs)(S_BasicButton, __assign({ size: size, onClick: function (e) { return onClick && onClick(e); }, onMouseDown: function (e) { return onMouseDown && onMouseDown(e); }, onPointerEnter: function () { return setHoveredButtonIndex(index); }, onPointerLeave: function () { return setHoveredButtonIndex(null); }, disabled: state === 'disabled' || buttonState === 'disabled', backgroundColorTheme: backgroundColorTheme }, { children: [(0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: iconName, size: size === 'small' ? 20 : 24, fillType: iconFillType, colorKey: getColorKey(buttonState, iconColorTheme) }), tooltipText &&
|
107
107
|
isHoveredButton &&
|
108
|
-
(0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", ref: tooltipRef, tooltipPositionCss: tooltipPositionCss, size: size }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: tooltipText, colorOverride: "ui_cpnt_textlabel_button_tooltip", styleTheme: "caption2Regular", colorTheme: "sysTextSecondary" }) })),
|
109
|
-
// document.getElementById('tooltip-root') as HTMLElement
|
110
|
-
document.body)] }), iconName + index));
|
108
|
+
(0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", ref: tooltipRef, tooltipPositionCss: tooltipPositionCss, size: size }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: tooltipText, colorOverride: "ui_cpnt_textlabel_button_tooltip", styleTheme: "caption2Regular", colorTheme: "sysTextSecondary" }) })), document.body)] }), iconName + index));
|
111
109
|
}) })));
|
112
110
|
}
|
113
111
|
var S_BasicButtonGroup = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n width: max-content;\n\n & > button:not(:last-child) {\n margin-right: ", ";\n }\n"], ["\n align-items: center;\n display: flex;\n width: max-content;\n\n & > button:not(:last-child) {\n margin-right: ", ";\n }\n"])), function (_a) {
|
@@ -684,8 +684,12 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
|
684
684
|
});
|
685
685
|
}
|
686
686
|
};
|
687
|
-
var onClickSection = function () {
|
688
|
-
if (!isEditMode
|
687
|
+
var onClickSection = function (e) {
|
688
|
+
if (!isEditMode) {
|
689
|
+
return;
|
690
|
+
}
|
691
|
+
if (editingGroupBlock !== 'ROOT') {
|
692
|
+
onClickGroup(e, editingGroupBlock);
|
689
693
|
return;
|
690
694
|
}
|
691
695
|
setBulkBlockIds([]);
|