pds-dev-kit-web-test 2.7.401 → 2.7.403

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js

@@ -39,6 +39,7 @@ var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverB
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
 var S_HiddenCover_1 = require("../components/S_HiddenCover");
 var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
+var Text_1 = require("../Text/Text");
 var textSpecFormatOptions_1 = require("../Text/textSpecFormatOptions");
 function Button(props) {
     var _a, _b, _c;
@@ -68,7 +69,7 @@ function Button(props) {
         openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
         internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)
     }), onClickCLINK = _g.onClickCLINK, CLINKCursor = _g.CLINKCursor;
-    var _h = getBTNStyles(props.CB_STYLE_PROP_TEXT, device), btnTextStyle = _h.style, btnTextHoverStyle = _h.hoverStyle;
+    var _h = (0, Text_1.getTextStyles)(props.CB_STYLE_PROP_TEXT, device), btnTextStyle = _h.style, btnTextHoverStyle = _h.hoverStyle;
     var _j = getBTNColorStyles(CB_STYLE_PROP_COLOR, device), btnColorStyle = _j.style, btnColorHoverStyle = _j.hoverStyle;
     var _k = (0, util_1.parseProperties)(props, device), propsStyle = _k.style, propsHoverStyle = _k.hoverStyle, _l = _k.layout, paddingLeft = _l.paddingLeft, paddingRight = _l.paddingRight, paddingTop = _l.paddingTop, paddingBottom = _l.paddingBottom, layoutStyle = __rest(_l, ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom"]), effect = _k.effect;
     var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
@@ -135,7 +136,12 @@ function Button(props) {
                     paddingLeft: paddingLeft,
                     paddingRight: paddingRight,
                     paddingBottom: paddingBottom,
-                    paddingTop: paddingTop
+                    paddingTop: paddingTop,
+                    height: '100%',
+                    display: 'flex',
+                    alignItems: "".concat(btnTextStyle.alignItems),
+                    overflowY: btnTextStyle.overflowY,
+                    scrollbarWidth: btnTextStyle.scrollbarWidth
                 } }, { children: (0, jsx_runtime_1.jsxs)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ onMouseLeave: function (e) {
                         e.currentTarget.classList.remove('hovered');
                     }, className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign(__assign({}, btnTextStyle), propsStyle), layoutStyle), effectCssProperties), btnColorStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor }), hoverStyle: __assign(__assign(__assign(__assign({}, btnTextHoverStyle), propsHoverStyle), btnColorHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onClick: onClickCLINK }, { children: [textPrefix, textValue(), textSuffix] })) }))] }));

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="react" />
-import type { CB_TEXT_PROPERTIES_TYPE, IndexForIntersection } from '../../../../util/types';
+import type { CB_TEXT_PROPERTIES_TYPE, Device, IndexForIntersection } from '../../../../util/types';
+import type { CB_STYLE_PROP_TEXT_SPECS } from '../types';
 type Props = CB_TEXT_PROPERTIES_TYPE & IndexForIntersection;
 export default function Text(props: Props): JSX.Element;
+export declare function getTextStyles(props: CB_STYLE_PROP_TEXT_SPECS, device: Device): {
+    style: import("styled-components").CSSProperties;
+    hoverStyle: import("styled-components").CSSProperties;
+};
 export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js

@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTextStyles = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/destructuring-assignment */
 var react_1 = require("react");
@@ -172,3 +173,4 @@ function getTextStyles(props, device) {
     ];
     return (0, textUtil_1.parseStyleTextToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, device: device, propKey: 'TEXT' });
 }
+exports.getTextStyles = getTextStyles;

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.d.ts

@@ -10,5 +10,5 @@ type ParseStyleTextProps<T> = {
     propKey: 'TEXT';
     device: Device;
 };
-export declare function getTextCSSPropKey(key: string, cbName: 'TEXT'): "" | "color" | "letterSpacing" | "fontWeight" | "fontFamily" | "lineHeight" | "fontSize" | "HORIZONTAL" | "alignItems" | "overflowY" | "scrollbarWidth";
+export declare function getTextCSSPropKey(key: string, cbName: 'TEXT'): "" | "color" | "letterSpacing" | "fontWeight" | "fontFamily" | "lineHeight" | "fontSize" | "HORIZONTAL" | "alignItems" | "overflowY" | "scrollbarWidth" | "overflow";
 export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.js

@@ -14,8 +14,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTextCSSPropKey = exports.parseStyleTextToCSSProp = void 0;
 function parseStyleTextToCSSProp(_a) {
     var availableSpecCodes = _a.availableSpecCodes, props = _a.props, propKey = _a.propKey, device = _a.device;
-    return availableSpecCodes.reduce(function (acc, currentKey) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+    var styleProps = availableSpecCodes.reduce(function (acc, currentKey) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
         var stringifiedKey = currentKey.toString();
         var keyWithDevice = device === 'DESKTOP' ? currentKey : "".concat(stringifiedKey, ":MOBILE") || currentKey;
         var keyWithHover = "".concat(keyWithDevice.toString(), ":HOVER");
@@ -106,7 +106,7 @@ function parseStyleTextToCSSProp(_a) {
             if (hoverValue === null || hoverValue === undefined) {
                 var overflowYValue = value === true ? 'scroll' : 'hidden';
                 return {
-                    style: __assign(__assign({}, acc.style), (_r = {}, _r[cssPropertyKey] = overflowYValue, _r)),
+                    style: __assign(__assign({}, acc.style), { overflowY: overflowYValue }),
                     hoverStyle: __assign({}, acc.hoverStyle)
                 };
             }
@@ -115,25 +115,33 @@ function parseStyleTextToCSSProp(_a) {
             if (hoverValue === null || hoverValue === undefined) {
                 var scrollBarWidthValue = value === true ? 'thin' : 'none';
                 return {
-                    style: __assign(__assign({}, acc.style), (_s = {}, _s[cssPropertyKey] = scrollBarWidthValue, _s)),
+                    style: __assign(__assign({}, acc.style), (_r = {}, _r[cssPropertyKey] = scrollBarWidthValue, _r)),
                     hoverStyle: __assign({}, acc.hoverStyle)
                 };
             }
         }
         if (hoverValue === null || hoverValue === undefined) {
             return {
-                style: __assign(__assign({}, acc.style), (_t = {}, _t[cssPropertyKey] = value, _t)),
+                style: __assign(__assign({}, acc.style), (_s = {}, _s[cssPropertyKey] = value, _s)),
                 hoverStyle: __assign({}, acc.hoverStyle)
             };
         }
         return {
-            style: __assign(__assign({}, acc.style), (_u = {}, _u[cssPropertyKey] = value, _u)),
-            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_v = {}, _v[cssPropertyKey] = hoverValue, _v))
+            style: __assign(__assign({}, acc.style), (_t = {}, _t[cssPropertyKey] = value, _t)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_u = {}, _u[cssPropertyKey] = hoverValue, _u))
         };
     }, {
         style: {},
         hoverStyle: {}
     });
+    var fitContentKey = device === 'DESKTOP'
+        ? 'CB_STYLE_PROP_TEXT_SPEC_FITCONTENT'
+        : 'CB_STYLE_PROP_TEXT_SPEC_FITCONTENT:MOBILE';
+    var fitContentValue = props[fitContentKey];
+    if (fitContentValue === true) {
+        styleProps.style.overflowY = 'hidden';
+    }
+    return styleProps;
 }
 exports.parseStyleTextToCSSProp = parseStyleTextToCSSProp;
 function getTextCSSPropKey(key, cbName) {
@@ -184,6 +192,9 @@ function getTextCSSPropKey(key, cbName) {
         case "CB_STYLE_PROP_".concat(cbName, "_SPEC_SCROLLBAR"):
         case "CB_STYLE_PROP_".concat(cbName, "_SPEC_SCROLLBAR:MOBILE"):
             return 'scrollbarWidth';
+        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_FITCONTENT"):
+        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_FITCONTENT:MOBILE"):
+            return 'overflow';
         default:
             return '';
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.7.401",
+  "version": "2.7.403",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",