pds-dev-kit-web-test 2.7.162 → 2.7.164

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/ContentsCarousel/components/CustomNavigationPrevBtn.d.ts

@@ -3,7 +3,7 @@ import type { CustomNavigationProps } from '../types';
 export interface CustomNavigationPrevBtnProps {
     isDisabled: boolean;
     styles: CustomNavigationProps;
-    hoverStyles: CustomNavigationProps;
+    hoverStyles?: CustomNavigationProps;
     onClick?: () => void;
 }
 export declare const CustomNavigationPrevBtn: ({ isDisabled, styles, hoverStyles, onClick }: CustomNavigationPrevBtnProps) => JSX.Element;

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

@@ -58,7 +58,7 @@ var CustomNavigationPrevBtn = function (_a) {
         buttonSize = 'xxlarge';
         iconSize = 48;
     }
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: prevButton && ((0, jsx_runtime_1.jsx)(S_PrevButton, __assign({ className: "cb-contentscarousel-prev-button", disabled: isDisabled, "$size": styles.prevBtnSize }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: buttonSize, iconSize: iconSize, shapeType: prevButton.shapeType, borderColorKey: prevButton.borderColorKey, iconName: prevButton.iconName, iconFillType: "line", iconColorKey: prevButton.iconColorKey || 'ui_cpnt_icon_sys_black', overrideBaseColorHex: styles.prevBtnPrimaryColor, overrideBaseColorHexHover: hoverStyles.prevBtnPrimaryColor, overrideIconColorHex: styles.prevBtnSecondaryColor, overrideIconColorHexHover: hoverStyles.prevBtnSecondaryColor, shadow: prevButton.shadow, onClick: onClick, useDefaultActiveStyle: false, useDefaultHoverStyle: false }) }))) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: prevButton && ((0, jsx_runtime_1.jsx)(S_PrevButton, __assign({ className: "cb-contentscarousel-prev-button", disabled: isDisabled, "$size": styles.prevBtnSize }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: buttonSize, iconSize: iconSize, shapeType: prevButton.shapeType, borderColorKey: prevButton.borderColorKey, iconName: prevButton.iconName, iconFillType: "line", iconColorKey: prevButton.iconColorKey || 'ui_cpnt_icon_sys_black', overrideBaseColorHex: styles.prevBtnPrimaryColor, overrideBaseColorHexHover: hoverStyles === null || hoverStyles === void 0 ? void 0 : hoverStyles.prevBtnPrimaryColor, overrideIconColorHex: styles.prevBtnSecondaryColor, overrideIconColorHexHover: hoverStyles === null || hoverStyles === void 0 ? void 0 : hoverStyles.prevBtnSecondaryColor, shadow: prevButton.shadow, onClick: onClick, useDefaultActiveStyle: false, useDefaultHoverStyle: false }) }))) }));
 };
 exports.CustomNavigationPrevBtn = CustomNavigationPrevBtn;
 var S_PrevButton = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  cursor: pointer;\n\n  ", ";\n"], ["\n  cursor: pointer;\n\n  ", ";\n"])), function (_a) {

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

@@ -60,14 +60,18 @@ function ContentsList(props) {
     var _a, _b, _c, _d, _e, _f;
     var _g = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _g.device, mode = _g.mode, queryData = _g.queryData;
     var index = props.index, compositions = props.compositions, CB_CONTENT_PROP_CONTENTSLIST = props.CB_CONTENT_PROP_CONTENTSLIST, CB_STYLE_PROP_CONTENTSLIST = props.CB_STYLE_PROP_CONTENTSLIST, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_LAYOUT_PROP_PADDING = props.CB_LAYOUT_PROP_PADDING, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_STYLE_PROP_BGOVERLAY = props.CB_STYLE_PROP_BGOVERLAY;
-    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 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_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];
+    var CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS = 3;
     var parsedQueryPath = removeFirstSegment(CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA);
     var queryDataValue = queryData === null || queryData === void 0 ? void 0 : queryData[parsedQueryPath];
     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
@@ -98,10 +102,10 @@ function ContentsList(props) {
     var handlePageClick = function (page) {
         setCurrentPage(page);
     };
-    var displayCounts = CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS.length;
+    var displayCounts = CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS;
     // 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가 작동하지 않아서 제외함 필요시 추가..
@@ -177,10 +181,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.162",
+  "version": "2.7.164",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",