pds-dev-kit-web-test 2.7.163 → 2.7.165

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MOCK_SECTIONS = void 0;
-var mock_contentsCarousel_1 = require("./mock_contentsCarousel");
-require("./mock_contentsList");
-var mock_slideBanner_1 = require("./mock_slideBanner");
+require("./mock_contentsCarousel");
+var mock_contentsList_1 = require("./mock_contentsList");
+require("./mock_slideBanner");
 exports.MOCK_SECTIONS = [
     {
         administrativeTitle: 'Daily Pages',
@@ -11,9 +11,9 @@ exports.MOCK_SECTIONS = [
         componentBlocks: [
             // MOCK_VIDEO_CB,
             // MOCK_VIDEO_CB_2,
-            mock_contentsCarousel_1.SAMPLE_CONTENTSCAROUSEL_CB,
-            mock_slideBanner_1.SAMPLE_SLIDEBANNER_CB
-            // SAMPLE_LIST_CB
+            // SAMPLE_CONTENTSCAROUSEL_CB,
+            // SAMPLE_SLIDEBANNER_CB,
+            mock_contentsList_1.SAMPLE_LIST_CB
             // ...MOCK_COMPONENT_BLOCKS
         ],
         display: true,

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

@@ -63,12 +63,13 @@ function ContentsList(props) {
     var CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA, CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS;
     var _h = (0, react_1.useState)(false), isHovered = _h[0], setIsHovered = _h[1];
     var _j = (0, react_1.useState)(1), currentPage = _j[0], setCurrentPage = _j[1];
-    console.log('list display counts', CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS);
     var parsedQueryPath = removeFirstSegment(CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA);
     var queryDataValue = queryData === null || queryData === void 0 ? void 0 : queryData[parsedQueryPath];
+    var displayCounts = CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS !== null && CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS !== void 0 ? CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS : CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS.length;
     var totalPage = Math.ceil((CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE === 'DATA' && queryDataValue
         ? queryDataValue === null || queryDataValue === void 0 ? void 0 : queryDataValue.length
-        : compositions.length - 1) / CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS);
+        : CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS.length) /
+        CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS);
     var _k = (0, util_1.parseProperties)(props, device), style = _k.style, hoverStyle = _k.hoverStyle, layout = _k.layout, effect = _k.effect, overlayStyle = _k.overlayStyle;
     var contentPropCss = (0, contentsListUtils_1.parseGridContentProp)({
         props: CB_CONTENT_PROP_CONTENTSLIST
@@ -99,10 +100,9 @@ function ContentsList(props) {
     var handlePageClick = function (page) {
         setCurrentPage(page);
     };
-    var displayCounts = CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS.length;
     // CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS ?? CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS;
     var startIndex = (currentPage - 1) * displayCounts;
-    var endIndex = startIndex + displayCounts;
+    var endIndex = startIndex + (displayCounts - 1);
     // list의 minheight / minwidth를 계산
     var numberOfColumns = CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS;
     // NOTE: edit환경에서 hover가 작동하지 않아서 제외함 필요시 추가..
@@ -178,10 +178,10 @@ function ContentsList(props) {
                                 style: { gridTemplateRows: "repeat(".concat(numberOfRows, ", 1fr)") } }, { children: (0, createCompositions_1.createCompositions)({
                                     valueType: CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE,
                                     queryPath: CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA,
-                                    limit: displayedItemLength,
+                                    limit: displayCounts,
                                     queryData: queryData,
                                     compositions: orderedCompositions
-                                }).slice(startIndex, endIndex) })) }))] })) }))] }));
+                                }).slice(startIndex, endIndex + 1) })) }))] })) }))] }));
 }
 function getIsBgMedia(isMobile, specs) {
     if (!specs) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.7.163",
+  "version": "2.7.165",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",