pds-dev-kit-web-test 2.5.248 → 2.5.250

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.
Files changed (4) hide show
  1. package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +13 -11
  2. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js +1 -1
  3. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +1 -0
  4. package/package.json +2 -2
package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js CHANGED
@@ -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
- 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
- });
72
+ // setTooltipPositionOffset({
73
+ // top: top + 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
- setTooltipSizeOffset({
81
- height: tooltipRef.current.offsetHeight,
82
- width: tooltipRef.current.offsetWidth
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,7 +105,9 @@ 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" }) })), document.getElementById('tooltip-root'))] }), 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" }) })),
109
+ // document.getElementById('tooltip-root') as HTMLElement
110
+ document.body)] }), iconName + index));
109
111
  }) })));
110
112
  }
111
113
  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) {
package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js CHANGED
@@ -74,7 +74,7 @@ function SectionBox(_a) {
74
74
  setIsHover(false);
75
75
  onClickDelayedAsync();
76
76
  };
77
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_SectionBox, __assign({ ref: sectionRef, onClick: onClickSectionBox, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeaveAsync, isEditing: isEditing, isIframeSection: isIframeSection }, { children: [isEditing && !hasNoChild && ((0, jsx_runtime_1.jsxs)(S_Editing, { children: [(0, jsx_runtime_1.jsx)(OverlayBorders_1.default, { zIndex: 1 }), (0, jsx_runtime_1.jsx)(TopRightAbsoluteBox, { children: (0, jsx_runtime_1.jsx)(desktop_1.D_TextLabel, { text: t('str_4657'), styleTheme: "caption1Bold", colorOverride: "ui_cpnt_textlabel_sys_black", singleLineMode: "use", customFontWeight: "bold", textAlign: "center" }) })] })), !isEditing && ((0, jsx_runtime_1.jsx)(DimmedEditOverlay, __assign({ isHover: isHover, fadeOut: fadeOut }, { children: (0, jsx_runtime_1.jsx)(S_EditButton, { children: (0, jsx_runtime_1.jsx)(desktop_1.D_TextLabel, { text: t('str_4653'), colorOverride: "ui_cpnt_textlabel_sys_black", singleLineMode: "use", customFontWeight: "bold", textAlign: "center" }) }) }))), children] })) }));
77
+ return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_SectionBox, __assign({ className: "editor-selected-section", ref: sectionRef, onClick: onClickSectionBox, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeaveAsync, isEditing: isEditing, isIframeSection: isIframeSection }, { children: [isEditing && !hasNoChild && ((0, jsx_runtime_1.jsxs)(S_Editing, { children: [(0, jsx_runtime_1.jsx)(OverlayBorders_1.default, { zIndex: 1 }), (0, jsx_runtime_1.jsx)(TopRightAbsoluteBox, { children: (0, jsx_runtime_1.jsx)(desktop_1.D_TextLabel, { text: t('str_4657'), styleTheme: "caption1Bold", colorOverride: "ui_cpnt_textlabel_sys_black", singleLineMode: "use", customFontWeight: "bold", textAlign: "center" }) })] })), !isEditing && ((0, jsx_runtime_1.jsx)(DimmedEditOverlay, __assign({ isHover: isHover, fadeOut: fadeOut }, { children: (0, jsx_runtime_1.jsx)(S_EditButton, { children: (0, jsx_runtime_1.jsx)(desktop_1.D_TextLabel, { text: t('str_4653'), colorOverride: "ui_cpnt_textlabel_sys_black", singleLineMode: "use", customFontWeight: "bold", textAlign: "center" }) }) }))), children] })) }));
78
78
  }
79
79
  exports.default = SectionBox;
80
80
  var TopRightAbsoluteBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n padding: 8px 10px;\n position: absolute;\n right: 0;\n top: 0;\n transition: background-color 0.2s ease-out;\n z-index: 4;\n"], ["\n background-color: ", ";\n padding: 8px 10px;\n position: absolute;\n right: 0;\n top: 0;\n transition: background-color 0.2s ease-out;\n z-index: 4;\n"])), function (_a) {
package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js CHANGED
@@ -816,6 +816,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
816
816
  };
817
817
  var onDoubleClickOutsideGroup = function () {
818
818
  setEditingGroupBlock('ROOT');
819
+ setSelectedBlockId(null);
819
820
  };
820
821
  var onClickGroup = function (e, id) {
821
822
  var _a, _b, _c, _d, _e, _f, _g;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.5.248",
3
+ "version": "2.5.250",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
@@ -23,7 +23,7 @@
23
23
  "lottie-react": "^2.3.1",
24
24
  "nuka-carousel": "^4.8.4",
25
25
  "publ-echo": "^0.0.99",
26
- "publ-echo-test": "^0.0.190",
26
+ "publ-echo-test": "^0.0.191",
27
27
  "react-hook-form": "^7.28.1",
28
28
  "react-i18next": "^11.12.0",
29
29
  "react-router-dom": "^5.2.0",