pds-dev-kit-web-test 2.7.310 → 2.7.312

package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { CB_ALL_CODES } from '../sections/CustomSection/types';
 import type { IComposition } from '../types';
 import type { Layout } from 'publ-echo-test/dist/lib/GridLayoutEditor/types';
 export type LayoutsType = {
@@ -7,5 +8,6 @@ export type LayoutsType = {
 };
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IComposition & {
     device?: "DESKTOP" | "MOBILE" | undefined;
+    ccbCode: CB_ALL_CODES;
 } & React.RefAttributes<unknown>>>;
 export default _default;

package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js

@@ -48,8 +48,10 @@ var ErrorBoundary_1 = require("../../DynamicLayout/components/Section/ErrorBound
 var dynamicLayoutContext_1 = require("../../DynamicLayout/dynamicLayoutContext");
 var styled_components_1 = __importDefault(require("styled-components"));
 require("../components");
+require("../components/Section/components/CustomSectionBackground");
 var gleStyles_1 = require("../gleStyles");
 var useResizableObserver_1 = require("../sections/CustomSection/hooks/useResizableObserver");
+var types_1 = require("../sections/CustomSection/types");
 var util_1 = require("../sections/CustomSection/util");
 var parseSectionPadding_1 = __importDefault(require("../sections/CustomSection/util/layoutPropParsers/parseSectionPadding"));
 var parseCompositionPlacement_1 = __importDefault(require("../sections/CustomSection/util/parseCompositionPlacement"));
@@ -62,7 +64,7 @@ require("./FlexGridItemForCCB");
 var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
     var _a, _b, _c, _d;
     var _e = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _e.device, editingSectionId = _e.editingSectionId, mode = _e.mode, shortcutKeyMode = _e.shortcutKeyMode, sectionActionHandler = _e.sectionActionHandler, queryData = _e.queryData;
-    var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
+    var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties, ccbCode = props.ccbCode;
     var pedigree = jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree;
     var _f = jsonProperties, _g = _f.data, CB_PLACEMENT_PROP_COMPOSITION = _g.CB_PLACEMENT_PROP_COMPOSITION, CB_LAYOUT_PROP_PADDING = _g.CB_LAYOUT_PROP_PADDING, CB_STYLE_PROP_SHADOW = _g.CB_STYLE_PROP_SHADOW, CB_STYLE_PROP_BORDER = _g.CB_STYLE_PROP_BORDER, zOrders = _f.zOrders;
     var layouts = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : [], zOrders);
@@ -202,6 +204,7 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
         }
         return 16;
     })();
+    var useFullHeightBackground = ccbCode === types_1.CB_ALL_CODES.CB_SLIDEBANNER;
     return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(dynamicLayoutContext_1.dynamicLayoutContext.Provider, __assign({ value: {
                 device: device
             } }, { children: (0, jsx_runtime_1.jsx)(gleStyles_1.S_gleStyles, __assign({ style: {
@@ -288,7 +291,7 @@ var MOCK_SHADOW = {
     'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': null,
     'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
 };
-var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  height: 100%;\n  padding: 10px 10px;\n  width: 100%;\n\n  * {\n    box-sizing: border-box;\n  }\n"], ["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  height: 100%;\n  padding: 10px 10px;\n  width: 100%;\n\n  * {\n    box-sizing: border-box;\n  }\n"])), function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
+var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  /* height: 100%; */\n  padding: 10px 10px;\n  width: 100%;\n\n  * {\n    box-sizing: border-box;\n  }\n"], ["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  /* height: 100%; */\n  padding: 10px 10px;\n  width: 100%;\n\n  * {\n    box-sizing: border-box;\n  }\n"])), function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
 var S_COMPOSITIONWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
 exports.default = react_1.default.memo(Composition);
 function getDefensiveFontSize(device, width) {

package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
+import type { ComponentBlock } from '../sections/CustomSection/types';
 import type { CB_VALUE_TYPE, CCB_VALUE_TYPE } from '../sections/CustomSection/util/types';
 import type { IComposition, QueryData } from '../../DynamicLayout/types';
-export declare function createCompositions({ valueType, queryPath, queryData, compositions, limit }: {
+export declare function createCompositions({ valueType, queryPath, queryData, compositions, limit, componentBlockCode }: {
     valueType: CCB_VALUE_TYPE | CB_VALUE_TYPE;
     queryPath: string;
     queryData: QueryData | undefined;
     compositions: IComposition[];
     limit: number;
+    componentBlockCode: ComponentBlock['componentBlockCode'];
 }): JSX.Element[];

package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.js

@@ -26,7 +26,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var compositionQueryContext_1 = require("../compositionQueryContext");
 var Composition_1 = __importDefault(require("./Composition"));
 function createCompositions(_a) {
-    var valueType = _a.valueType, queryPath = _a.queryPath, queryData = _a.queryData, compositions = _a.compositions, limit = _a.limit;
+    var valueType = _a.valueType, queryPath = _a.queryPath, queryData = _a.queryData, compositions = _a.compositions, limit = _a.limit, componentBlockCode = _a.componentBlockCode;
     var isQueryDataConnected = valueType === 'DATA' || valueType === 'DELEGATEDDATA';
     // 직접 입력 유형인 경우
     if (!isQueryDataConnected) {
@@ -35,7 +35,7 @@ function createCompositions(_a) {
         if (!valueTypeCompositions.length) {
             return [(0, jsx_runtime_1.jsx)(EmptyString, {}, "empty-manual-item")];
         }
-        return valueTypeCompositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); });
+        return valueTypeCompositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition, { ccbCode: componentBlockCode }), composition.id)); });
     }
     if (!compositions.length) {
         return [(0, jsx_runtime_1.jsx)("div", { children: "EMPTY TEXT" }, "empty")];
@@ -55,7 +55,7 @@ function createCompositions(_a) {
     if (!queryDataValue.length) {
         return [(0, jsx_runtime_1.jsx)(S_EmptyLayer, { children: "\uC544\uC9C1 \uBCF4\uC5EC\uC904 \uCF58\uD150\uCE20\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }, "empty-item")];
     }
-    return queryDataValue.slice(0, limit).map(function (query, index) { return ((0, jsx_runtime_1.jsx)(compositionQueryContext_1.CCBQueryPathContext.Provider, __assign({ value: { queryData: query } }, { children: (0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, queryComposition)) }), index)); });
+    return queryDataValue.slice(0, limit).map(function (query, index) { return ((0, jsx_runtime_1.jsx)(compositionQueryContext_1.CCBQueryPathContext.Provider, __assign({ value: { queryData: query } }, { children: (0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, queryComposition, { ccbCode: componentBlockCode })) }), index)); });
 }
 exports.createCompositions = createCompositions;
 function removeFirstSegment(path) {