pds-dev-kit-web-test 2.5.454 → 2.5.456
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.
- package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +0 -1
- package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +774 -761
- package/dist/src/sub/DynamicLayout/mock_contentsList.js +3 -3
- package/dist/src/sub/DynamicLayout/mocks.js +19 -11
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.js +0 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +2 -0
- package/package.json +2 -2
|
@@ -793,8 +793,8 @@ exports.SAMPLE_LIST_CB = {
|
|
|
793
793
|
CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAFILTER: 'NONE',
|
|
794
794
|
CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: 'PAPPQUERY_SORTING_ITEM_TITLE',
|
|
795
795
|
CB_CONTENT_PROP_CONTENTSLIST_SPEC_EDITCOMMONITEM: null,
|
|
796
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS:
|
|
797
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS:
|
|
796
|
+
CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS: 10,
|
|
797
|
+
CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: 50,
|
|
798
798
|
CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS: [],
|
|
799
799
|
CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: 0,
|
|
800
800
|
CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE: 'DATA'
|
|
@@ -1028,7 +1028,7 @@ exports.SAMPLE_LIST_CB = {
|
|
|
1028
1028
|
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:HOVER': null,
|
|
1029
1029
|
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE': null,
|
|
1030
1030
|
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE:HOVER': null,
|
|
1031
|
-
CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE: '
|
|
1031
|
+
CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE: 'DESIGN13',
|
|
1032
1032
|
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:HOVER': null,
|
|
1033
1033
|
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE': null,
|
|
1034
1034
|
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': null,
|
|
@@ -1,23 +1,31 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
3
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4
|
+
if (ar || !(i in from)) {
|
|
5
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
6
|
+
ar[i] = from[i];
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
10
|
+
};
|
|
2
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
12
|
exports.MOCK_SECTIONS = void 0;
|
|
4
|
-
require("./mock_componentBlocks");
|
|
5
|
-
require("./mock_contentsCarousel");
|
|
13
|
+
var mock_componentBlocks_1 = require("./mock_componentBlocks");
|
|
14
|
+
var mock_contentsCarousel_1 = require("./mock_contentsCarousel");
|
|
6
15
|
var mock_contentsList_1 = require("./mock_contentsList");
|
|
7
|
-
require("./mock_slideBanner");
|
|
8
|
-
require("./mock_video");
|
|
16
|
+
var mock_slideBanner_1 = require("./mock_slideBanner");
|
|
17
|
+
var mock_video_1 = require("./mock_video");
|
|
9
18
|
exports.MOCK_SECTIONS = [
|
|
10
19
|
{
|
|
11
20
|
administrativeTitle: 'Daily Pages',
|
|
12
21
|
appearanceTemplate: 'GENERAL_A',
|
|
13
|
-
componentBlocks: [
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
22
|
+
componentBlocks: __spreadArray([
|
|
23
|
+
mock_video_1.MOCK_VIDEO_CB,
|
|
24
|
+
mock_video_1.MOCK_VIDEO_CB_2,
|
|
25
|
+
mock_contentsCarousel_1.SAMPLE_CONTENTSCAROUSEL_CB,
|
|
26
|
+
mock_slideBanner_1.SAMPLE_SLIDEBANNER_CB,
|
|
18
27
|
mock_contentsList_1.SAMPLE_LIST_CB
|
|
19
|
-
|
|
20
|
-
],
|
|
28
|
+
], mock_componentBlocks_1.MOCK_COMPONENT_BLOCKS, true),
|
|
21
29
|
display: true,
|
|
22
30
|
dlSelectorId: 'DLSELKUP4U5JE3TVEI47R-RSWV6',
|
|
23
31
|
dynamicLayoutPageId: 6106,
|
|
@@ -126,7 +126,7 @@ function ContentsList(props) {
|
|
|
126
126
|
return null;
|
|
127
127
|
}
|
|
128
128
|
};
|
|
129
|
-
return ((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_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ id: "contentslist-box", className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, "data-number-of-items": CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS, "data-number-of-columns": CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS, "data-row-gap": rowGap, "data-column-gap": columnGap, "data-min-width": listMinWidth, "data-min-height": listMinHeight }, { children: (0, jsx_runtime_1.jsxs)(S_ContentsListLayout, __assign({ className: "cb-contentslist-layout-box", ref: layoutRef }, { children: [(0, jsx_runtime_1.jsx)(S_ContentsListWrapper, __assign({ className: "cb-contentslist-wrapper", ccbInset: ccbInset, contentPropCss: contentPropCss, stylePropCss: isHovered ? hoverStylePropCss : stylePropCss }, { children: (0, createCompositions_1.createCompositions)({
|
|
129
|
+
return ((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_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ id: "contentslist-box", className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, "data-number-of-items": CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS, "data-number-of-columns": CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS, "data-row-gap": rowGap, "data-column-gap": columnGap, "data-min-width": listMinWidth, "data-min-height": listMinHeight, "data-inset-top": parseFloat(ccbInset.top), "data-inset-bottom": parseFloat(ccbInset.bottom) }, { children: (0, jsx_runtime_1.jsxs)(S_ContentsListLayout, __assign({ className: "cb-contentslist-layout-box", ref: layoutRef }, { children: [(0, jsx_runtime_1.jsx)(S_ContentsListWrapper, __assign({ className: "cb-contentslist-wrapper", ccbInset: ccbInset, contentPropCss: contentPropCss, stylePropCss: isHovered ? hoverStylePropCss : stylePropCss }, { children: (0, createCompositions_1.createCompositions)({
|
|
130
130
|
valueType: CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE,
|
|
131
131
|
queryPath: CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA,
|
|
132
132
|
limit: CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS,
|
|
@@ -30,7 +30,6 @@ var CustomPagination = function (_a) {
|
|
|
30
30
|
var groupStart = getPageGroupStart(current);
|
|
31
31
|
var groupEnd = Math.min(groupStart + 4, total);
|
|
32
32
|
var pageNumbers = Array.from({ length: groupEnd - groupStart + 1 }, function (_, index) { return groupStart + index; });
|
|
33
|
-
console.log('pageNumber >> ', pageNumbers);
|
|
34
33
|
var handlePrevious = function () {
|
|
35
34
|
if (current > 1) {
|
|
36
35
|
onPageClick(current - 1);
|
|
@@ -16,8 +16,10 @@ function parsePlacement(components, zOrders, placementRestriction) {
|
|
|
16
16
|
if (!zOrders) {
|
|
17
17
|
console.error('Z-ORDER NOT FOUND');
|
|
18
18
|
}
|
|
19
|
+
console.log(components);
|
|
19
20
|
return components.reduce(function (acc, cur) {
|
|
20
21
|
var id = cur.id, jsonProperties = cur.jsonProperties, componentBlockCode = cur.componentBlockCode;
|
|
22
|
+
console.log(jsonProperties, id);
|
|
21
23
|
var _a = parsePropPlacement(jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, id, componentBlockCode, zOrders, placementRestriction ? placementRestriction[componentBlockCode] : undefined), mobileLayout = _a.mobileLayout, desktopLayout = _a.desktopLayout;
|
|
22
24
|
return {
|
|
23
25
|
sm: __spreadArray(__spreadArray([], acc.sm, true), [mobileLayout], false),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pds-dev-kit-web-test",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.456",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"lottie-react": "^2.3.1",
|
|
24
24
|
"nuka-carousel": "^4.8.4",
|
|
25
25
|
"publ-echo": "^0.0.119",
|
|
26
|
-
"publ-echo-test": "^0.0.
|
|
26
|
+
"publ-echo-test": "^0.0.234",
|
|
27
27
|
"react-hook-form": "^7.28.1",
|
|
28
28
|
"react-i18next": "^11.12.0",
|
|
29
29
|
"react-router-dom": "^5.2.0",
|