pds-dev-kit-web-test 2.5.345 → 2.5.347

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

@@ -0,0 +1,357 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCustomPaginationPropKey = exports.parsePaginationStyleProp = exports.parseGridContentProp = exports.parseGridStyleProp = void 0;
+var styled_components_1 = require("styled-components");
+function getStyleTypePropStyleValues(value) {
+    switch (value) {
+        case 'DESIGN1': {
+            return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        height: 100%;\n        width: 100%;\n      "], ["\n        height: 100%;\n        width: 100%;\n      "])));
+        }
+        case 'DESIGN2': {
+            var overlayEffect = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        background: rgba(255, 255, 255, 0.7);\n        content: '';\n        height: 100%;\n        position: absolute;\n        top: 0; /* \uD22C\uBA85\uB3C4 \uC870\uC808 (0 = \uC644\uC804 \uD22C\uBA85, 1 = \uBD88\uD22C\uBA85) */\n        width: 20%;\n        z-index: 2;\n      "], ["\n        background: rgba(255, 255, 255, 0.7);\n        content: '';\n        height: 100%;\n        position: absolute;\n        top: 0; /* \uD22C\uBA85\uB3C4 \uC870\uC808 (0 = \uC644\uC804 \uD22C\uBA85, 1 = \uBD88\uD22C\uBA85) */\n        width: 20%;\n        z-index: 2;\n      "])));
+            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        overflow: hidden;\n        position: relative;\n\n        &::before {\n          ", "\n          left: 0;\n        }\n\n        &::after {\n          ", "\n          right: 0;\n        }\n      "], ["\n        overflow: hidden;\n        position: relative;\n\n        &::before {\n          ", "\n          left: 0;\n        }\n\n        &::after {\n          ", "\n          right: 0;\n        }\n      "])), overlayEffect, overlayEffect);
+        }
+        default: {
+            return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        height: 100%;\n        width: 100%;\n      "], ["\n        height: 100%;\n        width: 100%;\n      "])));
+        }
+    }
+}
+function getItemSpacingPropStyleValues(value) {
+    switch (value) {
+        case 'NARROW': {
+            return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        grid-column-gap: 8px;\n      "], ["\n        grid-column-gap: 8px;\n      "])));
+        }
+        case 'NORMAL': {
+            return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        grid-column-gap: 24px;\n      "], ["\n        grid-column-gap: 24px;\n      "])));
+        }
+        case 'WIDE': {
+            return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        grid-column-gap: 36px;\n      "], ["\n        grid-column-gap: 36px;\n      "])));
+        }
+        default: {
+            return (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        grid-column-gap: 24px;\n      "], ["\n        grid-column-gap: 24px;\n      "])));
+        }
+    }
+}
+function getItemLineHeightPropStyleValues(value) {
+    return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    grid-row-gap: ", "px;\n  "], ["\n    grid-row-gap: ", "px;\n  "])), value);
+}
+function getItemHeightFitContentPropStyleValues(value) {
+    return (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    overflow-y: ", ";\n  "], ["\n    overflow-y: ", ";\n  "])), value ? 'visible' : 'auto');
+}
+function parseStylePropertyStyles(key, value) {
+    switch (key) {
+        case 'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE':
+            return getStyleTypePropStyleValues(value);
+        case 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING':
+            return getItemSpacingPropStyleValues(value);
+        case 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT':
+            return getItemLineHeightPropStyleValues(value);
+        case 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT':
+            return getItemHeightFitContentPropStyleValues(value);
+        case 'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL':
+            break;
+    }
+    return undefined;
+}
+function getColumnsPropStyleValues(value) {
+    return (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    grid-template-columns: repeat(", ", 1fr);\n  "], ["\n    grid-template-columns: repeat(", ", 1fr);\n  "])), value);
+}
+function parseContentPropertyStyles(key, value) {
+    switch (key) {
+        case 'CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS':
+            return getColumnsPropStyleValues(value);
+    }
+    return undefined;
+}
+function parseGridStyleProp(_a) {
+    var props = _a.props, device = _a.device;
+    var availableSpecCodes = Object.keys(props).filter(function (key) { return !key.includes(':HOVER') && !key.includes(':MOBILE'); });
+    return availableSpecCodes.reduce(function (acc, currentKey) {
+        var keyWithDevice = device === 'DESKTOP' ? currentKey : "".concat(currentKey, ":MOBILE");
+        var keyWithHover = "".concat(keyWithDevice.toString(), ":HOVER");
+        var value = props[keyWithDevice];
+        var hoverValue = props[keyWithHover];
+        var styles = parseStylePropertyStyles(currentKey, value);
+        var hoverStyles = parseStylePropertyStyles(currentKey, hoverValue);
+        if (hoverValue === null || hoverValue === undefined) {
+            return {
+                stylePropCss: (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n            ", "\n            ", "\n          "], ["\n            ", "\n            ", "\n          "])), acc.stylePropCss, styles),
+                hoverStylePropCss: (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n            ", "\n          "], ["\n            ", "\n          "])), acc.hoverStylePropCss)
+            };
+        }
+        return {
+            stylePropCss: (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n          ", "\n          ", "\n        "], ["\n          ", "\n          ", "\n        "])), acc.stylePropCss, styles),
+            hoverStylePropCss: (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n          ", "\n          ", "\n        "], ["\n          ", "\n          ", "\n        "])), acc.hoverStylePropCss, hoverStyles)
+        };
+    }, {
+        stylePropCss: (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject([""], [""]))),
+        hoverStylePropCss: (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject([""], [""])))
+    });
+}
+exports.parseGridStyleProp = parseGridStyleProp;
+function parseGridContentProp(_a) {
+    var props = _a.props;
+    var availableSpecCodes = Object.keys(props).filter(function (key) { return !key.includes(':HOVER') && !key.includes(':MOBILE'); });
+    return availableSpecCodes.reduce(function (acc, currentKey) {
+        var value = props[currentKey];
+        var styles = parseContentPropertyStyles(currentKey, value);
+        return {
+            contentPropCss: (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n          ", "\n          ", "\n        "], ["\n          ", "\n          ", "\n        "])), acc.contentPropCss, styles)
+        };
+    }, {
+        contentPropCss: (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject([""], [""])))
+    });
+}
+exports.parseGridContentProp = parseGridContentProp;
+function parsePaginationStyleProp(_a) {
+    var props = _a.props, device = _a.device;
+    var availableSpecCodes = Object.keys(props).filter(function (key) { return !key.includes(':HOVER') && !key.includes(':MOBILE'); });
+    return availableSpecCodes.reduce(function (acc, currentKey) {
+        var keyWithDevice = device === 'DESKTOP' ? currentKey : "".concat(currentKey, ":MOBILE");
+        var keyWithHover = "".concat(keyWithDevice.toString(), ":HOVER");
+        var customPaginationPropertyKey = getCustomPaginationPropKey(currentKey);
+        if (customPaginationPropertyKey === 'type') {
+            var value = props[keyWithDevice];
+            var hoverValue = props[keyWithHover];
+            return {
+                normalStyle: __assign(__assign({}, acc.normalStyle), { type: value }),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { type: hoverValue })
+            };
+        }
+        if (customPaginationPropertyKey === 'offset') {
+            var value = props[keyWithDevice];
+            var hoverValue = props[keyWithHover];
+            return {
+                normalStyle: __assign(__assign({}, acc.normalStyle), { offset: getCustomPaginationOffset(value) }),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { offset: getCustomPaginationOffset(hoverValue) })
+            };
+        }
+        if (customPaginationPropertyKey === 'size') {
+            var value = props[keyWithDevice];
+            var hoverValue = props[keyWithHover];
+            return {
+                normalStyle: __assign(__assign({}, acc.normalStyle), { size: getCustomPaginationSize(value) }),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { size: getCustomPaginationSize(hoverValue) })
+            };
+        }
+        return {
+            normalStyle: __assign({}, acc.normalStyle),
+            hoverStyle: __assign({}, acc.hoverStyle)
+        };
+    }, {
+        normalStyle: {},
+        hoverStyle: {}
+    });
+}
+exports.parsePaginationStyleProp = parsePaginationStyleProp;
+function getCustomPaginationPropKey(key) {
+    switch (key) {
+        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE":
+        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:HOVER":
+        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE":
+        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE:HOVER":
+            return 'type';
+        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION":
+        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:HOVER":
+        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE":
+        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE:HOVER":
+            return 'offset';
+        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE":
+        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:HOVER":
+        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE":
+        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE:HOVER":
+            return 'size';
+        default:
+            return '';
+    }
+}
+exports.getCustomPaginationPropKey = getCustomPaginationPropKey;
+function getCustomPaginationOffset(value) {
+    var OUTSET1 = {
+        top: '0px',
+        left: '0px',
+        translateX: 0,
+        translateY: -100,
+        transformOrigin: 'top left'
+    };
+    switch (value) {
+        case 'OUTSET1':
+            return OUTSET1;
+        case 'OUTSET2':
+            return {
+                top: '0px',
+                left: '50%',
+                translateX: -50,
+                translateY: -100,
+                transformOrigin: 'top left'
+            };
+        case 'OUTSET3':
+            return {
+                top: '0px',
+                right: '0px',
+                translateX: 0,
+                translateY: -100,
+                transformOrigin: 'top right'
+            };
+        case 'OUTSET4':
+            return {
+                top: '0px',
+                left: '100%',
+                translateX: 0,
+                translateY: 0,
+                transformOrigin: 'left top'
+            };
+        case 'OUTSET5':
+            return {
+                top: '50%',
+                left: '100%',
+                translateX: 0,
+                translateY: -50,
+                transformOrigin: 'left top'
+            };
+        case 'OUTSET6':
+            return {
+                top: '100%',
+                left: '100%',
+                translateX: 0,
+                translateY: -100,
+                transformOrigin: 'left top'
+            };
+        case 'OUTSET7':
+            return {
+                top: '100%',
+                left: '100%',
+                translateX: -100,
+                translateY: 0,
+                transformOrigin: 'top left'
+            };
+        case 'OUTSET8':
+            return {
+                top: '100%',
+                left: '50%',
+                translateX: -50,
+                translateY: 0,
+                transformOrigin: 'top left'
+            };
+        case 'OUTSET9':
+            return {
+                top: '100%',
+                left: '0px',
+                translateX: 0,
+                translateY: 0,
+                transformOrigin: 'top left'
+            };
+        case 'OUTSET10':
+            return {
+                top: '100%',
+                left: '0px',
+                translateX: -100,
+                translateY: -100,
+                transformOrigin: 'right top'
+            };
+        case 'OUTSET11':
+            return {
+                top: '50%',
+                left: '0px',
+                translateX: -100,
+                translateY: -50,
+                transformOrigin: 'right top'
+            };
+        case 'OUTSET12':
+            return {
+                top: '0px',
+                left: '0px',
+                translateX: -100,
+                translateY: 0,
+                transformOrigin: 'right top'
+            };
+        case 'INSET13':
+            return { top: '0px', left: '0px', translateX: 0, translateY: 0, transformOrigin: 'left top' };
+        case 'INSET14':
+            return {
+                top: '0px',
+                left: '50%',
+                translateX: -50,
+                translateY: 0,
+                transformOrigin: 'left top'
+            };
+        case 'INSET15':
+            return {
+                top: '0px',
+                left: '100%',
+                translateX: -100,
+                translateY: 0,
+                transformOrigin: 'left top'
+            };
+        case 'INSET16':
+            return {
+                top: '50%',
+                left: '100%',
+                translateX: -100,
+                translateY: -50,
+                transformOrigin: 'left top'
+            };
+        case 'INSET17':
+            return {
+                top: '100%',
+                left: '100%',
+                translateX: -100,
+                translateY: -100,
+                transformOrigin: 'left top'
+            };
+        case 'INSET18':
+            return {
+                top: '100%',
+                left: '50%',
+                translateX: -50,
+                translateY: -100,
+                transformOrigin: 'left top'
+            };
+        case 'INSET19':
+            return {
+                top: '100%',
+                left: '0px',
+                translateX: 0,
+                translateY: -100,
+                transformOrigin: 'top left'
+            };
+        case 'INSET20':
+            return {
+                top: '50%',
+                left: '0px',
+                translateX: 0,
+                translateY: -50,
+                transformOrigin: 'top left'
+            };
+        default:
+            return OUTSET1;
+    }
+}
+function getCustomPaginationSize(value) {
+    switch (value) {
+        case 'SMALL':
+            return 1;
+        case 'MEDIUM':
+            return 2;
+        case 'LARGE':
+            return 3;
+        default:
+            return 1;
+    }
+}
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.d.ts

@@ -0,0 +1 @@
+export { default as ContentsList } from './ContentsList';

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

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentsList = void 0;
+var ContentsList_1 = require("./ContentsList");
+Object.defineProperty(exports, "ContentsList", { enumerable: true, get: function () { return __importDefault(ContentsList_1).default; } });

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts

@@ -0,0 +1,46 @@
+import type { NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+export type ContentsListPropsKeys = keyof CB_STYLE_PROP_CONTENTSLIST_SPECS;
+export type CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE = 'DESIGN1' | 'DESIGN2' | null;
+export type CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE = 'WIDE' | 'NORMAL' | 'NARROW' | null;
+export type CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE = NUMBER_INTEGER | null;
+export type CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE = boolean | null;
+export type CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL_TYPE = boolean | null;
+export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16' | 'DESIGN17' | null;
+export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET13' | 'INSET14' | 'INSET15' | 'INSET16' | 'INSET17' | 'INSET18' | 'INSET19' | 'INSET20' | null;
+export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE' | null;
+export type CB_STYLE_PROP_CONTENTSLIST_SPECS_BASE = {
+    CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE: CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
+    CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING: CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE;
+    CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT: CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
+    CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT: CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
+    CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL: CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL_TYPE;
+    CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
+    CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE;
+    CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE;
+};
+export type CB_STYLE_PROP_CONTENTSLIST_SPECS = CB_STYLE_PROP_CONTENTSLIST_SPECS_BASE & {
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE;
+    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE;
+};

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -57,8 +57,8 @@ var CustomNavigation = function (_a) {
     return ((0, jsx_runtime_1.jsxs)(S_Navigation, __assign({ "$offset": isSameOffset ? prevBtnOffset : undefined, "$size": isSameOffset ? prevBtnSize : 1 }, { children: [(0, jsx_runtime_1.jsx)(S_PrevButton, __assign({ className: "".concat(prevBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : prevBtnOffset, "$size": isSameOffset ? undefined : prevBtnSize, onClick: onPrevBtnClick }, { children: (function () {
                     switch (prevBtnType) {
                         case 'NONE':
-                            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
                         case 'DESIGN1':
+                            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
                         case 'DESIGN2':
                             return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
                         case 'DESIGN3':
@@ -79,11 +79,12 @@ var CustomNavigation = function (_a) {
                         case 'DESIGN14':
                             return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
                         default:
-                            return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
+                            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
                     }
                 })() })), (0, jsx_runtime_1.jsx)(S_NextButton, __assign({ className: "".concat(nextBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : nextBtnOffset, "$size": isSameOffset ? undefined : nextBtnSize, onClick: onNextBtnClick }, { children: (function () {
                     switch (nextBtnType) {
                         case 'NONE':
+                        case 'DESIGN1':
                             return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
                         case 'DESIGN2':
                             return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
@@ -105,7 +106,7 @@ var CustomNavigation = function (_a) {
                         case 'DESIGN14':
                             return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
                         default:
-                            return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
+                            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
                     }
                 })() }))] })));
 };

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

@@ -48,8 +48,8 @@ var CustomPagination = function (_a) {
     return ((0, jsx_runtime_1.jsx)(S_Pagination, __assign({ className: "custom-pagination_".concat(current), "$offset": offset, "$size": size }, { children: (function () {
             switch (type) {
                 case 'NONE':
-                    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
                 case 'DESIGN1':
+                    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
                 case 'DESIGN2':
                     return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "4px" }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold", colorTheme: "sysTextBlack" }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular", colorTheme: "sysTextBlack" }, { children: "/ ".concat(total) }))] })));
                 case 'DESIGN3':
@@ -83,7 +83,7 @@ var CustomPagination = function (_a) {
                 case 'DESIGN17':
                     return ((0, jsx_runtime_1.jsx)(FlexBox, __assign({ gap: "8px" }, { children: bullets.map(function (_, index) { return ((0, jsx_runtime_1.jsx)(S_Bar, { color: "WHITE", isActive: index + 1 === current, onClick: onBulletClick ? function () { return onBulletClick(index); } : undefined }, index)); }) })));
                 default:
-                    return (0, jsx_runtime_1.jsx)("div", { children: "Default Design" });
+                    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
             }
         })() })));
 };

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

@@ -31,7 +31,7 @@ var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
 function Text(props) {
     var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
     var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
-    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_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_NAME = _c.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA_NAME, CB_CONTENT_PROP_TEXT_SPEC_TEXT = _c.CB_CONTENT_PROP_TEXT_SPEC_TEXT;
+    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_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_NAME = _c.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA_NAME;
     var _d = (0, useCLINK_1.default)({
         src: CB_CONTENT_PROP_CLINK_SPEC_SRC,
         type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
@@ -58,7 +58,7 @@ function Text(props) {
     var hasEffect = !isNoneEffectType;
     var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
     var textValue = function () {
-        if (CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'QUERYDATA' && (queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
+        if (CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'DATA' && (queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
             return queryContext.queryData[CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA_NAME];
         }
         if (device === 'MOBILE' &&

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts

@@ -26,23 +26,34 @@ export type CB_CONTENT_PROP_CODEBLOCK = {
     CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: STRING_PLAIN;
 };
 export type CB_CONTENT_PROP_CONTENTSCAROUSEL = {
-    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE: 'VALUE' | 'QUERYDATA';
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE: VALUE_TYPE;
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA: STRING_PLAIN;
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: STRING_PLAIN;
-    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: ENUM_STRING | null | undefined;
-    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MENUALITEM: MockComposition[];
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS: MockComposition[];
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
 };
 export type CB_CONTENT_PROP_SLIDEBANNER = {
-    CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUE_TYPE: 'A' | 'B';
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUE_TYPE: VALUE_TYPE;
     CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECT_DATA: STRING_PLAIN;
     CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: STRING_PLAIN;
-    CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: ENUM_STRING | null | undefined;
-    CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEM: MockComposition[];
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: NUMBER_INTEGER;
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEMS: MockComposition[];
     CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
     CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
 };
+export type CB_CONTENT_PROP_CONTENTSLIST = {
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE: VALUE_TYPE;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAFILTER: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS: MockComposition[];
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_EDITCOMMONITEM: null | STRING_PLAIN;
+};
 export type MockComposition = {
     title: string;
     width: number;

package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts

@@ -1,7 +1,7 @@
-import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE } from './util/types';
+import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_LIST_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE } from './util/types';
 import type { IComposition } from '../../../DynamicLayout/types';
 export type CB_TYPES = 'GENERAL';
-export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP | CB_CONTENTSCAROUSEL | CB_SLIDEBANNER;
+export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP | CB_LIST | CB_CONTENTSCAROUSEL | CB_SLIDEBANNER;
 type GeneralCustomSectionType = {
     id: number;
     type: 'GENERAL';
@@ -19,7 +19,7 @@ export type GroupCustomSectionType = {
     queryableDefinitionPreset: string;
     dynamicLayoutSectionId: number;
 };
-export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE;
+export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_LIST_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE;
 export type CB_TEXT_TYPE = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_TEXT;
     jsonProperties: {
@@ -88,6 +88,13 @@ export type CB_SLIDEBANNER = GeneralCustomSectionType & {
     };
     compositions: Array<IComposition>;
 };
+export type CB_LIST = GeneralCustomSectionType & {
+    componentBlockCode: CB_ALL_CODES.CB_LIST;
+    jsonProperties: {
+        data: CB_LIST_PROPERTIES_TYPE;
+    };
+    compositions: Array<IComposition>;
+};
 export declare enum CB_ALL_CODES {
     CB_TEXT = "CB_TEXT",
     CB_BTN = "CB_BTN",
@@ -98,6 +105,7 @@ export declare enum CB_ALL_CODES {
     CB_TWITTER = "CB_TWITTER",
     CB_EMBED = "CB_EMBED",
     CB_GROUP = "CB_GROUP",
+    CB_LIST = "CB_LIST",
     CB_CONTENTSCAROUSEL = "CB_CONTENTSCAROUSEL",
     CB_SLIDEBANNER = "CB_SLIDEBANNER"
 }

package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js

@@ -12,6 +12,7 @@ var CB_ALL_CODES;
     CB_ALL_CODES["CB_TWITTER"] = "CB_TWITTER";
     CB_ALL_CODES["CB_EMBED"] = "CB_EMBED";
     CB_ALL_CODES["CB_GROUP"] = "CB_GROUP";
+    CB_ALL_CODES["CB_LIST"] = "CB_LIST";
     CB_ALL_CODES["CB_CONTENTSCAROUSEL"] = "CB_CONTENTSCAROUSEL";
     CB_ALL_CODES["CB_SLIDEBANNER"] = "CB_SLIDEBANNER";
 })(CB_ALL_CODES = exports.CB_ALL_CODES || (exports.CB_ALL_CODES = {}));

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts

@@ -1,5 +1,5 @@
 import { CB_LAYOUT_PROP_KEYS } from './layoutPropParsers/types';
 import { CB_STYLE_PROP_KEYS } from './stylePropParsers/types';
-import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE } from './types';
+import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_LIST_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE } from './types';
 export type specTypes = CB_LAYOUT_PROP_KEYS | CB_STYLE_PROP_KEYS;
-export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE, device: Device): ParserResult;
+export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_LIST_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE, device: Device): ParserResult;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts

@@ -1,7 +1,8 @@
 import type { CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsCarousel/types';
+import type { CB_STYLE_PROP_CONTENTSLIST_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsList/types';
 import type { CB_STYLE_PROP_SLIDEBANNER_SPECS } from '../components/ComponentBlock/componentBlocks/SlideBanner/types';
 import type { CB_TWITTER_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Twitter/types';
-import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS } from '../components/ComponentBlock/componentBlocks/types';
+import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS, CB_CONTENT_PROP_CONTENTSLIST } from '../components/ComponentBlock/componentBlocks/types';
 import type { CB_CONTENT_PROP_YOUTUBE_TYPE, CB_STYLE_PROP_BGCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Youtube/types';
 import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './contentPropParsers/parseContentVisibility';
 import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './effectPropParsers/parseEffectPropEntAnim';
@@ -21,7 +22,7 @@ export type STRING_PLAIN = string;
 export type ENUM_STRING = string;
 export type NUMBER_INTEGER = number;
 export type STRING_8DIGIT_HEX = string;
-export type VALUE_TYPE = 'VALUE' | 'QUERYDATA';
+export type VALUE_TYPE = 'VALUE' | 'DATA';
 export type CB_GENERAL_PROPERTIES_TYPE = {
     CB_PLACEMENT_PROP_PLACEMENT: CB_PLACEMENT_PROP_SPECS;
     CB_CONTENT_PROP_HOVER: {
@@ -153,6 +154,20 @@ export type CB_SLIDEBANNER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
     CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
 };
+export type CB_LIST_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_CONTENTSLIST: CB_CONTENT_PROP_CONTENTSLIST;
+    CB_STYLE_PROP_CONTENTSLIST: CB_STYLE_PROP_CONTENTSLIST_SPECS;
+    CB_STYLE_PROP_BORDER: CB_STYLE_PROP_BORDER_SPECS;
+    CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
+    CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
+    CB_STYLE_PROP_BGCOLOR: CB_STYLE_PROP_BGCOLOR_SPECS;
+    CB_STYLE_PROP_BGOVERLAY: CB_STYLE_PROP_BGOVERLAY_SPECS;
+    CB_STYLE_PROP_BGMEDIA: CB_STYLE_PROP_BGMEDIA_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
 export type StyleType = {
     style: CSSProperties;
 };