pds-dev-kit-web-test 2.2.75 → 2.2.77

package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts

@@ -3826,6 +3826,7 @@ export declare const sampleCustomsectionOnlyText: {
                 CB_STYLE_PROP_BTNTEXT?: undefined;
                 CB_STYLE_PROP_OPACITY?: undefined;
                 CB_STYLE_PROP_SHADOW?: undefined;
+                CB_CONTENT_PROP_TEXTOPTION?: undefined;
                 CB_STYLE_PROP_TEXT?: undefined;
             };
             minVersion: string;
@@ -4036,6 +4037,7 @@ export declare const sampleCustomsectionOnlyText: {
                 };
                 CB_LAYOUT_PROP_ARRANGE?: undefined;
                 CB_STYLE_PROP_DIVIDER?: undefined;
+                CB_CONTENT_PROP_TEXTOPTION?: undefined;
                 CB_STYLE_PROP_TEXT?: undefined;
             };
             minVersion: string;
@@ -4060,6 +4062,9 @@ export declare const sampleCustomsectionOnlyText: {
                     CB_CONTENT_PROP_CLINK_SPEC_SRC: string;
                     CB_CONTENT_PROP_CLINK_SPEC_TYPE: string;
                 };
+                CB_CONTENT_PROP_TEXTOPTION: {
+                    CB_CONTENT_PROP_TEXTOPTION_SPEC_FITCONTENT: boolean;
+                };
                 CB_CONTENT_PROP_HOVER: {
                     CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
                 };
@@ -4182,6 +4187,9 @@ export declare const sampleCustomsectionOnlyText: {
                     CB_CONTENT_PROP_CLINK_SPEC_SRC: string;
                     CB_CONTENT_PROP_CLINK_SPEC_TYPE: string;
                 };
+                CB_CONTENT_PROP_TEXTOPTION: {
+                    CB_CONTENT_PROP_TEXTOPTION_SPEC_FITCONTENT: boolean;
+                };
                 CB_CONTENT_PROP_HOVER: {
                     CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
                 };

package/dist/src/sub/DynamicLayout/pagesPreviewMock.js

@@ -5416,6 +5416,7 @@ exports.sampleCustomsectionOnlyText = {
                         CB_CONTENT_PROP_CLINK_SPEC_SRC: 'https://publ.co',
                         CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'DISABLED'
                     },
+                    CB_CONTENT_PROP_TEXTOPTION: { CB_CONTENT_PROP_TEXTOPTION_SPEC_FITCONTENT: true },
                     CB_CONTENT_PROP_HOVER: {
                         CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
                     },
@@ -5949,6 +5950,7 @@ exports.sampleCustomsectionOnlyText = {
                         CB_CONTENT_PROP_CLINK_SPEC_SRC: 'https://publ.co',
                         CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'DISABLED'
                     },
+                    CB_CONTENT_PROP_TEXTOPTION: { CB_CONTENT_PROP_TEXTOPTION_SPEC_FITCONTENT: true },
                     CB_CONTENT_PROP_HOVER: {
                         CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
                     },

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

@@ -1,4 +1,8 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -19,6 +23,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/destructuring-assignment */
 var react_1 = require("react");
 var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
+var styled_components_1 = __importDefault(require("styled-components"));
 var hooks_1 = require("../../../../hooks");
 var getGoogleFonts_1 = require("../../../../hooks/useGoogleFonts/getGoogleFonts");
 var useGoogleFonts_1 = __importDefault(require("../../../../hooks/useGoogleFonts/useGoogleFonts"));
@@ -56,8 +61,9 @@ function Text(props) {
         : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
     var hasEffect = !isNoneEffectType;
     var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle, normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), effectCssProperties), layoutStyle), { cursor: CLINKCursor }), hoverStyle: __assign(__assign({}, textHoverStyle), propsHoverStyle) }, { children: (0, jsx_runtime_1.jsx)(S_CB_Box_1.S_CB_Box, __assign({ className: "cb-layout-box cb-text-box", style: { height: 'fit-content', whiteSpace: 'pre-wrap', wordBreak: 'break-word' }, normalStyle: {}, hoverStyle: {}, onClick: onClickCLINK }, { children: props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT })) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_Box_1.S_CB_Box, __assign({ className: "cb-layout-box cb-text-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), effectCssProperties), layoutStyle), { cursor: CLINKCursor }), hoverStyle: __assign(__assign({}, textHoverStyle), propsHoverStyle), onClick: onClickCLINK }, { children: (0, jsx_runtime_1.jsx)(S_TextContent, __assign({ className: "cb-text-content", style: { whiteSpace: 'pre-wrap', wordBreak: 'break-word', height: 'fit-content' } }, { children: props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT })) })) }))] }));
 }
+var S_TextContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  all: inherit;\n"], ["\n  all: inherit;\n"])));
 function getTextStyles(props, device) {
     var availableSpecCodes = [
         'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE',
@@ -77,3 +83,4 @@ function getTextStyles(props, device) {
     });
 }
 exports.default = Text;
+var templateObject_1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.2.75",
+  "version": "2.2.77",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -22,7 +22,7 @@
     "i18next-intervalplural-postprocessor": "^3.0.0",
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
-    "publ-echo": "^0.0.78",
+    "publ-echo": "^0.0.79",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",