pds-dev-kit-web-test 2.5.314 → 2.5.315

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/components/EditModeSectionMatcher/SectionBox.js +4 -1
  2. package/dist/src/sub/DynamicLayout/mocks.d.ts +0 -210
  3. package/dist/src/sub/DynamicLayout/mocks.js +4 -4
  4. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.d.ts +2 -2
  5. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.js +11 -13
  6. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropShadow.js +15 -38
  7. package/package.json +2 -2
package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js CHANGED
@@ -81,9 +81,12 @@ var TopRightAbsoluteBox = styled_components_1.default.div(templateObject_1 || (t
81
81
  var theme = _a.theme;
82
82
  return theme.ui_editor_preview_editing;
83
83
  });
84
- var S_SectionBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: ", ";\n position: relative;\n"], ["\n height: ", ";\n position: relative;\n"])), function (_a) {
84
+ var S_SectionBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: ", ";\n position: relative;\n z-index: ", ";\n"], ["\n height: ", ";\n position: relative;\n z-index: ", ";\n"])), function (_a) {
85
85
  var isIframeSection = _a.isIframeSection;
86
86
  return (isIframeSection ? '100%' : 'auto');
87
+ }, function (_a) {
88
+ var isEditing = _a.isEditing;
89
+ return (isEditing ? 3 : 1);
87
90
  });
88
91
  var DimmedEditOverlay = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n align-items: center;\n animation: ", ";\n background-color: ", ";\n bottom: 0;\n cursor: pointer;\n display: flex;\n justify-content: center;\n left: 0;\n\n opacity: ", ";\n\n position: absolute;\n right: 0;\n top: 0;\n transition: opacity 0.2s ease-out;\n z-index: 10;\n\n @keyframes fadeOut {\n 0% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0.6;\n }\n\n 100% {\n opacity: 0;\n }\n }\n"], ["\n align-items: center;\n animation: ", ";\n background-color: ", ";\n bottom: 0;\n cursor: pointer;\n display: flex;\n justify-content: center;\n left: 0;\n\n opacity: ", ";\n\n position: absolute;\n right: 0;\n top: 0;\n transition: opacity 0.2s ease-out;\n z-index: 10;\n\n @keyframes fadeOut {\n 0% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0.6;\n }\n\n 100% {\n opacity: 0;\n }\n }\n"])), function (_a) {
89
92
  var fadeOut = _a.fadeOut;
package/dist/src/sub/DynamicLayout/mocks.d.ts CHANGED
@@ -330,216 +330,6 @@ export declare const MOCK_SECTIONS: {
330
330
  'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null;
331
331
  'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null;
332
332
  };
333
- CB_STYLE_PROP_SHADOW: {
334
- CB_STYLE_PROP_SHADOW_SPEC_BLUR: number;
335
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': null;
336
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null;
337
- 'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null;
338
- CB_STYLE_PROP_SHADOW_SPEC_COLOR: string;
339
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': string;
340
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null;
341
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null;
342
- CB_STYLE_PROP_SHADOW_SPEC_OPACITY: number;
343
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': null;
344
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': null;
345
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': null;
346
- CB_STYLE_PROP_SHADOW_SPEC_SPREAD: number;
347
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': null;
348
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null;
349
- 'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null;
350
- CB_STYLE_PROP_SHADOW_SPEC_TYPE: string;
351
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': string;
352
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null;
353
- 'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null;
354
- CB_STYLE_PROP_SHADOW_SPEC_X: number;
355
- 'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': null;
356
- 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null;
357
- 'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null;
358
- CB_STYLE_PROP_SHADOW_SPEC_Y: number;
359
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': null;
360
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null;
361
- 'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null;
362
- };
363
- CB_CONTENT_PROP_IMAGE?: undefined;
364
- CB_STYLE_PROP_IMAGE?: undefined;
365
- };
366
- minVersion: string;
367
- version: string;
368
- };
369
- queryableDefinitionPreset: string;
370
- queryableTapSrc: string;
371
- updatedAt: string;
372
- } | {
373
- availablePlugins: never[];
374
- blockId: string;
375
- componentBlockCode: string;
376
- componentBlockType: string;
377
- dynamicLayoutSectionId: number;
378
- id: number;
379
- insertedAt: string;
380
- jsonProperties: {
381
- currentVersion: string;
382
- data: {
383
- CB_CONTENT_PROP_CLINK: {
384
- CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: string;
385
- CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: boolean;
386
- CB_CONTENT_PROP_CLINK_SPEC_SRC: string;
387
- CB_CONTENT_PROP_CLINK_SPEC_TYPE: string;
388
- };
389
- CB_CONTENT_PROP_HOVER: {
390
- CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
391
- };
392
- CB_CONTENT_PROP_TEXT: {
393
- CB_CONTENT_PROP_TEXT_SPEC_TEXT: string;
394
- };
395
- CB_CONTENT_PROP_VISIBILITY: {
396
- CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: boolean;
397
- CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: boolean;
398
- };
399
- CB_EFFECT_PROP_ENTANIM: {
400
- CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: number;
401
- 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null;
402
- CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: number;
403
- 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null;
404
- CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: string;
405
- 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null;
406
- CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
407
- 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null;
408
- };
409
- CB_EFFECT_PROP_HOVERANIM: {
410
- CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: number;
411
- 'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null;
412
- CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: number;
413
- 'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null;
414
- CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: string;
415
- 'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null;
416
- CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: string;
417
- 'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null;
418
- };
419
- CB_LAYOUT_PROP_PADDING: {
420
- CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
421
- 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null;
422
- CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
423
- bottom: number;
424
- left: number;
425
- right: number;
426
- top: number;
427
- };
428
- 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null;
429
- };
430
- CB_PLACEMENT_PROP_PLACEMENT: {
431
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: number;
432
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': number;
433
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: number;
434
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': number;
435
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: number;
436
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': number;
437
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: number;
438
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': number;
439
- CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
440
- 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
441
- };
442
- CB_STYLE_PROP_BORDER: {
443
- CB_STYLE_PROP_BORDER_SPEC_COLOR: string;
444
- 'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': null;
445
- 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': null;
446
- 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': null;
447
- CB_STYLE_PROP_BORDER_SPEC_RADIUS: {
448
- bl: number;
449
- br: number;
450
- tl: number;
451
- tr: number;
452
- };
453
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': null;
454
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': null;
455
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': null;
456
- CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: boolean;
457
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': boolean;
458
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': null;
459
- 'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': null;
460
- CB_STYLE_PROP_BORDER_SPEC_STYLE: string;
461
- 'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': null;
462
- 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': null;
463
- 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': null;
464
- CB_STYLE_PROP_BORDER_SPEC_WIDTH: number;
465
- 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': null;
466
- 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': null;
467
- 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': null;
468
- };
469
- CB_STYLE_PROP_COLOR: {
470
- CB_STYLE_PROP_COLOR_SPEC_ANGLE: number;
471
- 'CB_STYLE_PROP_COLOR_SPEC_ANGLE:HOVER': null;
472
- 'CB_STYLE_PROP_COLOR_SPEC_ANGLE:MOBILE': null;
473
- 'CB_STYLE_PROP_COLOR_SPEC_ANGLE:MOBILE:HOVER': null;
474
- CB_STYLE_PROP_COLOR_SPEC_COLOR: string;
475
- 'CB_STYLE_PROP_COLOR_SPEC_COLOR:HOVER': null;
476
- 'CB_STYLE_PROP_COLOR_SPEC_COLOR:MOBILE': null;
477
- 'CB_STYLE_PROP_COLOR_SPEC_COLOR:MOBILE:HOVER': null;
478
- CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR: string;
479
- 'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:HOVER': null;
480
- 'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:MOBILE': null;
481
- 'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:MOBILE:HOVER': null;
482
- CB_STYLE_PROP_COLOR_SPEC_ENDLOC: number;
483
- 'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:HOVER': null;
484
- 'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:MOBILE': null;
485
- 'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:MOBILE:HOVER': null;
486
- CB_STYLE_PROP_COLOR_SPEC_GRADIENT: string;
487
- 'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:HOVER': null;
488
- 'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:MOBILE': null;
489
- 'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:MOBILE:HOVER': null;
490
- CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR: string;
491
- 'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:HOVER': null;
492
- 'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:MOBILE': null;
493
- 'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:MOBILE:HOVER': null;
494
- CB_STYLE_PROP_COLOR_SPEC_STARTLOC: number;
495
- 'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:HOVER': null;
496
- 'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:MOBILE': null;
497
- 'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:MOBILE:HOVER': null;
498
- CB_STYLE_PROP_COLOR_SPEC_TYPE: string;
499
- 'CB_STYLE_PROP_COLOR_SPEC_TYPE:HOVER': string;
500
- 'CB_STYLE_PROP_COLOR_SPEC_TYPE:MOBILE': null;
501
- 'CB_STYLE_PROP_COLOR_SPEC_TYPE:MOBILE:HOVER': null;
502
- };
503
- CB_STYLE_PROP_TEXT: {
504
- CB_STYLE_PROP_TEXT_SPEC_COLOR: string;
505
- 'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': null;
506
- 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': null;
507
- 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null;
508
- CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: string;
509
- 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': null;
510
- 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': null;
511
- 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': null;
512
- CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: number;
513
- 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': null;
514
- 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': null;
515
- 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null;
516
- CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: number;
517
- 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': null;
518
- 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null;
519
- 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null;
520
- CB_STYLE_PROP_TEXT_SPEC_SIZE: number;
521
- 'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': null;
522
- 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': null;
523
- 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null;
524
- CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: string;
525
- 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': null;
526
- 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': null;
527
- 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null;
528
- CB_STYLE_PROP_TEXT_SPEC_VERTICAL: string;
529
- 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': null;
530
- 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': null;
531
- 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': null;
532
- CB_STYLE_PROP_TEXT_SPEC_WEIGHT: number;
533
- 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': null;
534
- 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null;
535
- 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null;
536
- };
537
- CB_STYLE_PROP_OPACITY: {
538
- CB_STYLE_PROP_OPACITY_SPEC_OPACITY: number;
539
- 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': number;
540
- 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null;
541
- 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null;
542
- };
543
333
  CB_STYLE_PROP_SHADOW: {
544
334
  CB_STYLE_PROP_SHADOW_SPEC_BLUR: number;
545
335
  'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': null;
package/dist/src/sub/DynamicLayout/mocks.js CHANGED
@@ -338,8 +338,8 @@ exports.MOCK_SECTIONS = [
338
338
  'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': null,
339
339
  'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': null,
340
340
  'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': null,
341
- CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#000000DD',
342
- 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': '#FF2D00FF',
341
+ CB_STYLE_PROP_SHADOW_SPEC_COLOR: '#000000FF',
342
+ 'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': null,
343
343
  'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': null,
344
344
  'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': null,
345
345
  CB_STYLE_PROP_SHADOW_SPEC_OPACITY: 20,
@@ -350,11 +350,11 @@ exports.MOCK_SECTIONS = [
350
350
  'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': null,
351
351
  'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': null,
352
352
  'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': null,
353
- CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'OUTSET',
353
+ CB_STYLE_PROP_SHADOW_SPEC_TYPE: 'NONE',
354
354
  'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': 'OUTSET',
355
355
  'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': null,
356
356
  'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': null,
357
- CB_STYLE_PROP_SHADOW_SPEC_X: 5,
357
+ CB_STYLE_PROP_SHADOW_SPEC_X: 0,
358
358
  'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': null,
359
359
  'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': null,
360
360
  'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': null,
package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.d.ts CHANGED
@@ -26,6 +26,6 @@ export declare function parseStyleColorToCSSProp<T>({ availableSpecCodes, props,
26
26
  style: CSSProperties;
27
27
  hoverStyle: CSSProperties;
28
28
  };
29
- export declare function getBtnColorStyles(value: ValueSetType, cbName: CBName, normalValue?: ValueSetType): CSSProperties;
30
- export declare function getLinearGradientStyles(value: ValueSetType, cbName: CBName, normalValue?: ValueSetType): CSSProperties;
29
+ export declare function getBtnColorStyles(value: ValueSetType, cbName: CBName): CSSProperties;
30
+ export declare function getLinearGradientStyles(value: ValueSetType, cbName: CBName): CSSProperties;
31
31
  export {};
package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.js CHANGED
@@ -33,11 +33,11 @@ function parseStyleColorToCSSProp(_a) {
33
33
  hover: {}
34
34
  });
35
35
  var style = getBtnColorStyles(valueSet.normal, propKey);
36
- var hoverStyle = getBtnColorStyles(valueSet.hover, propKey, valueSet.normal);
36
+ var hoverStyle = getBtnColorStyles(valueSet.hover, propKey);
37
37
  return { style: style, hoverStyle: hoverStyle };
38
38
  }
39
39
  exports.parseStyleColorToCSSProp = parseStyleColorToCSSProp;
40
- function getBtnColorStyles(value, cbName, normalValue) {
40
+ function getBtnColorStyles(value, cbName) {
41
41
  if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_TYPE")] === 'NONE') {
42
42
  return { background: 'none' };
43
43
  }
@@ -47,23 +47,21 @@ function getBtnColorStyles(value, cbName, normalValue) {
47
47
  };
48
48
  return style;
49
49
  }
50
- return getLinearGradientStyles(value, cbName, normalValue);
50
+ return getLinearGradientStyles(value, cbName);
51
51
  }
52
52
  exports.getBtnColorStyles = getBtnColorStyles;
53
- function getLinearGradientStyles(value, cbName, normalValue) {
54
- var _a, _b, _c, _d, _e, _f;
55
- var angle = (_a = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ANGLE")]) !== null && _a !== void 0 ? _a : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_ANGLE")];
56
- var startColor = (_b = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTCOLOR")]) !== null && _b !== void 0 ? _b : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTCOLOR")];
57
- var startLoc = (_c = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTLOC")]) !== null && _c !== void 0 ? _c : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTLOC")];
58
- var endColor = (_d = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDCOLOR")]) !== null && _d !== void 0 ? _d : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDCOLOR")];
59
- var endLoc = (_e = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDLOC")]) !== null && _e !== void 0 ? _e : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDLOC")];
60
- var gradientType = (_f = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")]) !== null && _f !== void 0 ? _f : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")];
61
- if (gradientType === 'LINEAR') {
53
+ function getLinearGradientStyles(value, cbName) {
54
+ var angle = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ANGLE")];
55
+ var startColor = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTCOLOR")];
56
+ var startLoc = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTLOC")];
57
+ var endColor = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDCOLOR")];
58
+ var endLoc = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDLOC")];
59
+ if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")] === 'LINEAR') {
62
60
  var gradient = "".concat(angle, "deg, ").concat(startColor, " ").concat(startLoc, "%, ").concat(endColor, " ").concat(endLoc, "%");
63
61
  var style = { background: "linear-gradient(".concat(gradient, ")") };
64
62
  return style;
65
63
  }
66
- if (gradientType === 'RADIAL') {
64
+ if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")] === 'RADIAL') {
67
65
  var gradient = "".concat(startColor, " ").concat(startLoc, "%, ").concat(endColor, " ").concat(endLoc, "%");
68
66
  var style = { background: "radial-gradient(".concat(gradient, ")") };
69
67
  return style;
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropShadow.js CHANGED
@@ -38,44 +38,21 @@ function parseStylePropShadow(namedProps, device) {
38
38
  normal: {},
39
39
  hover: {}
40
40
  });
41
- return valueGenerator({ normalValueSet: valueSet.normal, hoverValueSet: valueSet.hover });
42
- }
43
- exports.default = parseStylePropShadow;
44
- function valueGenerator(_a) {
45
- var hoverValueSet = _a.hoverValueSet, normalValueSet = _a.normalValueSet;
46
- var normalShadow = function () {
47
- switch (normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_TYPE) {
48
- case 'INSET':
49
- return "inset ".concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_X, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_Y, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR);
50
- case 'OUTSET':
51
- return "".concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_X, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_Y, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR);
52
- case 'NONE':
53
- return 'none';
54
- default:
55
- return '';
56
- }
57
- };
58
- var hoverShadow = function () {
59
- var _a, _b, _c, _d, _e, _f;
60
- var type = (_a = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_TYPE) !== null && _a !== void 0 ? _a : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_TYPE;
61
- var color = (_b = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR) !== null && _b !== void 0 ? _b : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR;
62
- var x = (_c = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_X) !== null && _c !== void 0 ? _c : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_X;
63
- var y = (_d = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_Y) !== null && _d !== void 0 ? _d : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_Y;
64
- var blur = (_e = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR) !== null && _e !== void 0 ? _e : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR;
65
- var spread = (_f = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD) !== null && _f !== void 0 ? _f : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD;
66
- switch (type) {
67
- case 'INSET':
68
- return "inset ".concat(x, "px ").concat(y, "px ").concat(blur, "px ").concat(spread, "px ").concat(color);
69
- case 'OUTSET':
70
- return "".concat(x, "px ").concat(y, "px ").concat(blur, "px ").concat(spread, "px ").concat(color);
71
- case 'NONE':
72
- return 'none';
73
- default:
74
- return '';
75
- }
76
- };
77
41
  return {
78
- style: { boxShadow: normalShadow() },
79
- hoverStyle: { boxShadow: hoverShadow() }
42
+ style: { boxShadow: valueGenerator(valueSet.normal) },
43
+ hoverStyle: { boxShadow: valueGenerator(valueSet.hover) }
80
44
  };
81
45
  }
46
+ exports.default = parseStylePropShadow;
47
+ function valueGenerator(valueSet) {
48
+ switch (valueSet.CB_STYLE_PROP_SHADOW_SPEC_TYPE) {
49
+ case 'INSET':
50
+ return "inset ".concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_X, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_Y, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR);
51
+ case 'OUTSET':
52
+ return "".concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_X, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_Y, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR);
53
+ case 'NONE':
54
+ return 'none';
55
+ default:
56
+ return '';
57
+ }
58
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.5.314",
3
+ "version": "2.5.315",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
@@ -22,7 +22,7 @@
22
22
  "i18next-intervalplural-postprocessor": "^3.0.0",
23
23
  "lottie-react": "^2.3.1",
24
24
  "nuka-carousel": "^4.8.4",
25
- "publ-echo": "^0.0.118",
25
+ "publ-echo": "^0.0.119",
26
26
  "react-hook-form": "^7.28.1",
27
27
  "react-i18next": "^11.12.0",
28
28
  "react-router-dom": "^5.2.0",