pds-dev-kit-web-test 2.5.495 → 2.5.497

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 (5) 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/Text/Text.js +13 -3
  4. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +6 -0
  5. 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/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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.5.495",
3
+ "version": "2.5.497",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",