pds-dev-kit-web-test 2.5.568 → 2.5.569

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 (7) hide show
  1. package/dist/src/sub/DynamicLayout/mock_componentBlocks.d.ts +135 -0
  2. package/dist/src/sub/DynamicLayout/mock_componentBlocks.js +3 -1
  3. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +0 -2
  4. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +13 -3
  5. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +6 -0
  6. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js +1 -1
  7. package/package.json +1 -1
package/dist/src/sub/DynamicLayout/mock_componentBlocks.d.ts CHANGED
@@ -178,6 +178,8 @@ export declare const MOCK_COMPONENT_BLOCKS: ({
178
178
  };
179
179
  CB_CONTENT_PROP_TEXT: {
180
180
  CB_CONTENT_PROP_TEXT_SPEC_TEXT: string;
181
+ CB_CONTENT_PROP_TEXT_SPEC_PREFIX?: undefined;
182
+ CB_CONTENT_PROP_TEXT_SPEC_SUFFIX?: undefined;
181
183
  };
182
184
  CB_CONTENT_PROP_VISIBILITY: {
183
185
  CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
@@ -388,6 +390,137 @@ export declare const MOCK_COMPONENT_BLOCKS: ({
388
390
  };
389
391
  CB_CONTENT_PROP_TEXT: {
390
392
  CB_CONTENT_PROP_TEXT_SPEC_TEXT: string;
393
+ CB_CONTENT_PROP_TEXT_SPEC_PREFIX: string;
394
+ CB_CONTENT_PROP_TEXT_SPEC_SUFFIX: string;
395
+ };
396
+ CB_CONTENT_PROP_VISIBILITY: {
397
+ CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
398
+ CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: boolean;
399
+ };
400
+ CB_EFFECT_PROP_ENTANIM: {
401
+ CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: number;
402
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null;
403
+ CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: number;
404
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null;
405
+ CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: string;
406
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null;
407
+ CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
408
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null;
409
+ };
410
+ CB_EFFECT_PROP_HOVERANIM: {
411
+ CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: number;
412
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null;
413
+ CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: number;
414
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null;
415
+ CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: string;
416
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null;
417
+ CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: string;
418
+ 'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null;
419
+ };
420
+ CB_LAYOUT_PROP_PADDING: {
421
+ CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
422
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null;
423
+ CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
424
+ bottom: number;
425
+ left: number;
426
+ right: number;
427
+ top: number;
428
+ };
429
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': {
430
+ bottom: number;
431
+ left: number;
432
+ right: number;
433
+ top: number;
434
+ };
435
+ };
436
+ CB_PLACEMENT_PROP_PLACEMENT: {
437
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: number;
438
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': number;
439
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: number;
440
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': number;
441
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: number;
442
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': number;
443
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: number;
444
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': number;
445
+ CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
446
+ 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
447
+ };
448
+ CB_STYLE_PROP_OPACITY: {
449
+ CB_STYLE_PROP_OPACITY_SPEC_OPACITY: number;
450
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': null;
451
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null;
452
+ 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null;
453
+ };
454
+ CB_STYLE_PROP_TEXT: {
455
+ CB_STYLE_PROP_TEXT_SPEC_COLOR: string;
456
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': null;
457
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': null;
458
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null;
459
+ CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: string;
460
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': null;
461
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': null;
462
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': null;
463
+ CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: number;
464
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': null;
465
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': null;
466
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null;
467
+ CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: number;
468
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': null;
469
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null;
470
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null;
471
+ CB_STYLE_PROP_TEXT_SPEC_SIZE: number;
472
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': null;
473
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': null;
474
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null;
475
+ CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: string;
476
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': null;
477
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': null;
478
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null;
479
+ CB_STYLE_PROP_TEXT_SPEC_VERTICAL: string;
480
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': null;
481
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': null;
482
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': null;
483
+ CB_STYLE_PROP_TEXT_SPEC_WEIGHT: number;
484
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': null;
485
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null;
486
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null;
487
+ };
488
+ CB_CONTENT_PROP_IMAGE?: undefined;
489
+ CB_STYLE_PROP_BORDER?: undefined;
490
+ CB_STYLE_PROP_IMAGE?: undefined;
491
+ CB_STYLE_PROP_SHADOW?: undefined;
492
+ CB_STYLE_PROP_COLOR?: undefined;
493
+ };
494
+ minVersion: string;
495
+ version: string;
496
+ };
497
+ queryableDefinitionPreset: string;
498
+ queryableTapSrc: string;
499
+ updatedAt: string;
500
+ } | {
501
+ availablePlugins: never[];
502
+ blockId: string;
503
+ componentBlockCode: string;
504
+ componentBlockType: string;
505
+ dynamicLayoutSectionId: number;
506
+ id: number;
507
+ insertedAt: string;
508
+ jsonProperties: {
509
+ currentVersion: string;
510
+ data: {
511
+ CB_CONTENT_PROP_CLINK: {
512
+ CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: string;
513
+ CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: boolean;
514
+ CB_CONTENT_PROP_CLINK_SPEC_SRC: string;
515
+ CB_CONTENT_PROP_CLINK_SPEC_TYPE: string;
516
+ };
517
+ CB_CONTENT_PROP_HOVER: {
518
+ CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
519
+ };
520
+ CB_CONTENT_PROP_TEXT: {
521
+ CB_CONTENT_PROP_TEXT_SPEC_TEXT: string;
522
+ CB_CONTENT_PROP_TEXT_SPEC_PREFIX?: undefined;
523
+ CB_CONTENT_PROP_TEXT_SPEC_SUFFIX?: undefined;
391
524
  };
392
525
  CB_CONTENT_PROP_VISIBILITY: {
393
526
  CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
@@ -673,6 +806,8 @@ export declare const MOCK_COMPONENT_BLOCKS: ({
673
806
  };
674
807
  CB_CONTENT_PROP_TEXT: {
675
808
  CB_CONTENT_PROP_TEXT_SPEC_TEXT: string;
809
+ CB_CONTENT_PROP_TEXT_SPEC_PREFIX?: undefined;
810
+ CB_CONTENT_PROP_TEXT_SPEC_SUFFIX?: undefined;
676
811
  };
677
812
  CB_CONTENT_PROP_VISIBILITY: {
678
813
  CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
package/dist/src/sub/DynamicLayout/mock_componentBlocks.js CHANGED
@@ -1171,7 +1171,9 @@ exports.MOCK_COMPONENT_BLOCKS = [
1171
1171
  CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
1172
1172
  },
1173
1173
  CB_CONTENT_PROP_TEXT: {
1174
- CB_CONTENT_PROP_TEXT_SPEC_TEXT: "Today's Book Highlight"
1174
+ CB_CONTENT_PROP_TEXT_SPEC_TEXT: "Today's Book Highlight",
1175
+ CB_CONTENT_PROP_TEXT_SPEC_PREFIX: '[Prefix]',
1176
+ CB_CONTENT_PROP_TEXT_SPEC_SUFFIX: '[Suffix]'
1175
1177
  },
1176
1178
  CB_CONTENT_PROP_VISIBILITY: {
1177
1179
  CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js CHANGED
@@ -102,7 +102,6 @@ function ContentsList(props) {
102
102
  : (_b = CB_STYLE_PROP_CONTENTSLIST['CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE']) !== null && _b !== void 0 ? _b : CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT;
103
103
  var standardComposition = getStandardComposition(compositions, CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE);
104
104
  var compositionMinValue = getCompositionMinValue(standardComposition, device);
105
- console.log('compositionMinValue,', compositionMinValue);
106
105
  var oneCompositionMinWidth = (_c = compositionMinValue === null || compositionMinValue === void 0 ? void 0 : compositionMinValue.minWidth) !== null && _c !== void 0 ? _c : 0;
107
106
  var oneCompositionMinHeight = (_d = compositionMinValue === null || compositionMinValue === void 0 ? void 0 : compositionMinValue.minHeight) !== null && _d !== void 0 ? _d : 0;
108
107
  var paddingLR = CB_LAYOUT_PROP_PADDING.CB_LAYOUT_PROP_PADDING_SPEC_PADDING.left +
@@ -111,7 +110,6 @@ function ContentsList(props) {
111
110
  CB_LAYOUT_PROP_PADDING.CB_LAYOUT_PROP_PADDING_SPEC_PADDING.bottom;
112
111
  var numberOfRows = Math.ceil(numberOfItems / numberOfColumns);
113
112
  var listMinWidth = oneCompositionMinWidth * numberOfColumns + (numberOfColumns - 1) * columnGap + paddingLR;
114
- console.log('oneCompositionMinWidth', oneCompositionMinWidth);
115
113
  var listMinHeight = oneCompositionMinHeight * numberOfRows +
116
114
  (numberOfRows - 1) * rowGap +
117
115
  paddingTB;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js CHANGED
@@ -32,7 +32,7 @@ var textSpecFormatOptions_1 = require("./textSpecFormatOptions");
32
32
  function Text(props) {
33
33
  var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
34
34
  var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
35
- var index = props.index, _b = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _b.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _b.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _b.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _b.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, _c = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _c.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _c.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA;
35
+ var index = props.index, _b = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _b.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _b.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _b.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _b.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, _c = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _c.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _c.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA, CB_CONTENT_PROP_TEXT_SPEC_SUFFIX = _c.CB_CONTENT_PROP_TEXT_SPEC_SUFFIX, CB_CONTENT_PROP_TEXT_SPEC_PREFIX = _c.CB_CONTENT_PROP_TEXT_SPEC_PREFIX;
36
36
  var cLinkValue = function () {
37
37
  if (CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DATA' ||
38
38
  CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DELEGATEDDATA') {
@@ -106,15 +106,25 @@ function Text(props) {
106
106
  }
107
107
  return props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT;
108
108
  };
109
+ var getTruncatedText = function (text) {
110
+ var maxLength = props.CB_STYLE_PROP_TEXT.CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS;
111
+ if (!maxLength) {
112
+ return text;
113
+ }
114
+ if (text.length > maxLength) {
115
+ return "".concat(text.slice(0, maxLength), "...");
116
+ }
117
+ return text;
118
+ };
109
119
  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({ style: {
110
120
  height: '100%',
111
121
  display: 'flex',
112
122
  alignItems: textStyle.alignItems
113
- }, ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_Box_1.S_CB_Box, __assign({ onMouseEnter: function (e) {
123
+ }, ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsxs)(S_CB_Box_1.S_CB_Box, __assign({ onMouseEnter: function (e) {
114
124
  e.currentTarget.classList.add('hovered');
115
125
  }, onMouseLeave: function (e) {
116
126
  e.currentTarget.classList.remove('hovered');
117
- }, className: "cb-layout-box cb-text", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, height: 'fit-content', minWidth: "calc(2ch + ".concat(layoutStyle.paddingLeft, " + ").concat(layoutStyle.paddingRight, ")") }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: textValue() === 'ERROR' ? 'EDITOR:FALLBACK_TEXT' : textValue() })) }))] }));
127
+ }, className: "cb-layout-box cb-text", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, height: 'fit-content', minWidth: "calc(2ch + ".concat(layoutStyle.paddingLeft, " + ").concat(layoutStyle.paddingRight, ")") }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: [CB_CONTENT_PROP_TEXT_SPEC_PREFIX, textValue() === 'ERROR' ? 'EDITOR:FALLBACK_TEXT' : getTruncatedText(textValue()), CB_CONTENT_PROP_TEXT_SPEC_SUFFIX] })) }))] }));
118
128
  }
119
129
  function getTextStyles(props, device) {
120
130
  var availableSpecCodes = [
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts CHANGED
@@ -9,6 +9,8 @@ export type CB_CONTENT_PROP_TEXT = {
9
9
  CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE: STRING_PLAIN;
10
10
  CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE: CCB_VALUE_TYPE | CB_VALUE_TYPE;
11
11
  CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA: STRING_PLAIN;
12
+ CB_CONTENT_PROP_TEXT_SPEC_PREFIX: STRING_PLAIN;
13
+ CB_CONTENT_PROP_TEXT_SPEC_SUFFIX: STRING_PLAIN;
12
14
  };
13
15
  export type CB_CONTENT_PROP_CLINK = {
14
16
  CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'INTERNAL' | 'EXTERNAL' | 'DISABLED';
@@ -78,6 +80,7 @@ export type CB_STYLE_PROP_TEXT_SPECS_BASE = {
78
80
  CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: ENUM_STRING;
79
81
  CB_STYLE_PROP_TEXT_SPEC_VERTICAL: ENUM_STRING;
80
82
  CB_STYLE_PROP_TEXT_SPEC_FORMAT: ENUM_STRING;
83
+ CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS: NUMBER_INTEGER;
81
84
  };
82
85
  export type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
83
86
  'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING | null | undefined;
@@ -107,6 +110,9 @@ export type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
107
110
  'CB_STYLE_PROP_TEXT_SPEC_FORMAT:HOVER': ENUM_STRING | null | undefined;
108
111
  'CB_STYLE_PROP_TEXT_SPEC_FORMAT:MOBILE': ENUM_STRING | null | undefined;
109
112
  'CB_STYLE_PROP_TEXT_SPEC_FORMAT:MOBILE:HOVER': ENUM_STRING | null | undefined;
113
+ 'CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS:HOVER': NUMBER_INTEGER | null | undefined;
114
+ 'CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS:MOBILE': NUMBER_INTEGER | null | undefined;
115
+ 'CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
110
116
  };
111
117
  export type CBColorPropsKeys = keyof CB_STYLE_PROP_COLOR_SPECS;
112
118
  export type CBColorValueSetType = Partial<Record<keyof CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_COLOR_ENUM_GRADIENT | NUMBER_INTEGER | ENUM_STRING | undefined>>;
package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js CHANGED
@@ -201,7 +201,7 @@ var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props
201
201
  return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight, zIndex: (_a = zOrders === null || zOrders === void 0 ? void 0 : zOrders[device === 'DESKTOP' ? 'desktop' : 'mobile'][cb.id]) !== null && _a !== void 0 ? _a : 0 }) }, cb.id));
202
202
  }) })) })) })) }) }));
203
203
  });
204
- 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"); });
204
+ 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"); });
205
205
  var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
206
206
  exports.default = react_1.default.memo(FlexGridCustomSection);
207
207
  function getDefensiveFontSize(device, width) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.5.568",
3
+ "version": "2.5.569",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",