pds-dev-kit-web 2.2.299 → 2.2.301

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

@@ -77,6 +77,7 @@ var CompositionEditor = (0, react_1.forwardRef)(function CompositionEditorCanvas
     var _e = props.editorProps, device = _e.device, shortcutKeyMode = _e.shortcutKeyMode, placementRestriction = _e.placementRestriction, compositionActionHandler = _e.compositionActionHandler;
     var editingSectionId = props.compositionData.id;
     var mode = 'EDIT';
+    var editorType = 'COMPOSITION_EDITOR';
     var _f = props.compositionData, componentBlocks = _f.componentBlocks, jsonProperties = _f.jsonProperties;
     var sectionPedigree = jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree;
     var _g = (0, react_1.useState)(sectionPedigree), pedigreeState = _g[0], setPedigreeState = _g[1];
@@ -1059,16 +1060,8 @@ var CompositionEditor = (0, react_1.forwardRef)(function CompositionEditorCanvas
     var i18n = (0, react_i18next_1.useTranslation)('translation').i18n;
     return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(dynamicLayoutContext_1.dynamicLayoutContext.Provider, __assign({ value: {
                 device: device,
-                mode: mode
-                // mode,
-                // isPreview,
-                // navigationHandler,
-                // sectionActionHandler,
-                // editingSectionId,
-                // programmedSectionComponents,
-                // shortcutKeyMode,
-                // zoomScale,
-                // queryData
+                mode: mode,
+                editorType: editorType
             } }, { children: (0, jsx_runtime_1.jsx)(gleStyles_1.S_gleStyles, __assign({ isBulkMode: shortcutKeyMode === 'BULK_SELECT', strKeys: { str_grid_height_variable: i18n.t('str_grid_height_variable') } }, { children: (0, jsx_runtime_1.jsx)(S_COMPOSITIONWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection, onContextMenu: function (e) {
                         e.stopPropagation();
                         e.preventDefault();

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

@@ -57,7 +57,7 @@ var groupUtils_1 = __importDefault(require("../utils/groupUtils"));
 var CompositionBackground_1 = __importDefault(require("./CompositionBackground"));
 var Composition = (0, react_1.forwardRef)(function CustomSection(props) {
     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, navigationHandler = _e.navigationHandler;
+    var _e = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _e.device, editingSectionId = _e.editingSectionId, mode = _e.mode, shortcutKeyMode = _e.shortcutKeyMode, editorType = _e.editorType, sectionActionHandler = _e.sectionActionHandler, navigationHandler = _e.navigationHandler;
     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, zOrders = _f.zOrders;
@@ -119,7 +119,9 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props) {
     var customSectionStyles = {
         minHeight: "".concat(minHeight, "px"),
         maxHeight: "".concat(maxHeight, "px"),
-        width: mode === 'EDIT' ? "".concat(Math.max(canvasWidth, minWidth !== null && minWidth !== void 0 ? minWidth : 0), "px") : '100%',
+        width: mode === 'EDIT' && editorType === 'COMPOSITION_EDITOR'
+            ? "".concat(Math.max(canvasWidth, minWidth !== null && minWidth !== void 0 ? minWidth : 0), "px")
+            : '100%',
         maxWidth: maxWidth ? "".concat(maxWidth, "px") : '100%',
         minWidth: minWidth ? "".concat(minWidth, "px") : '0px'
     };
@@ -157,13 +159,14 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props) {
                             paddingRight: padding.right,
                             paddingLeft: padding.left,
                             width: customSectionStyles.width,
-                            height: ccbCode === types_1.CB_ALL_CODES.CB_CONTENTSCAROUSEL ? 'auto' : '100%',
+                            height: HEIGHT_AUTO_LIST.includes(ccbCode) ? 'auto' : '100%',
                             maxHeight: customSectionStyles.maxHeight,
                             minHeight: customSectionStyles.minHeight,
                             maxWidth: customSectionStyles.maxWidth,
                             minWidth: customSectionStyles.minWidth
                         } }, { children: (0, jsx_runtime_1.jsx)(GridContainer, __assign({ className: "composition-container", "data-cols": cols, "data-rows": rows, "data-row-height": rowHeight, "data-col-width": "10px", ref: containerRef, cols: cols, rowHeight: rowHeight, sectionRow: rows, "data-wrapper-paddingT": padding.top, "data-wrapper-paddingB": padding.bottom, "data-wrapper-paddingL": padding.left, "data-wrapper-paddingR": padding.right }, { children: pedigree.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(groupUtils_1.default, { block: child, rowHeight: rowHeight, layoutItems: layouts[device === 'DESKTOP' ? 'lg' : 'sm'], cbs: props.componentBlocks, device: device, selectedRows: [], isEditMode: false }, child.blockId)); }) })) })) })) })) })) }));
 });
+var HEIGHT_AUTO_LIST = [types_1.CB_ALL_CODES.CB_CONTENTSCAROUSEL, types_1.CB_ALL_CODES.CB_LIST];
 var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\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-auto-rows: minmax(", ", auto);\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 "".concat(props.rowHeight, "px"); }, 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);

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

@@ -2,7 +2,7 @@
 import type { ComponentBlock } from '../sections/CustomSection/types';
 import type { CB_VALUE_TYPE, CCB_VALUE_TYPE } from '../sections/CustomSection/util/types';
 import type { DynamicLayoutProps, IComposition, QueryData } from '../../DynamicLayout/types';
-export declare function createCompositions({ valueType, queryPath, queryData, compositions, limit, componentBlockCode, device, navigationHandler }: {
+export declare function createCompositions({ valueType, queryPath, queryData, compositions, limit, componentBlockCode }: {
     valueType: CCB_VALUE_TYPE | CB_VALUE_TYPE;
     queryPath: string;
     queryData: QueryData | undefined;
@@ -11,4 +11,5 @@ export declare function createCompositions({ valueType, queryPath, queryData, co
     componentBlockCode: ComponentBlock['componentBlockCode'];
     device: 'MOBILE' | 'DESKTOP';
     navigationHandler: DynamicLayoutProps['navigationHandler'];
+    mode: DynamicLayoutProps['mode'];
 }): JSX.Element[];

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

@@ -17,27 +17,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createCompositions = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var compositionQueryContext_1 = require("../compositionQueryContext");
-var dynamicLayoutContext_1 = require("../dynamicLayoutContext");
 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, componentBlockCode = _a.componentBlockCode, device = _a.device, navigationHandler = _a.navigationHandler;
+    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) {
         var valueTypeCompositions = compositions.filter(function (composition) { return !!(composition === null || composition === void 0 ? void 0 : composition.ccbManualItemUuid); });
-        return valueTypeCompositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(dynamicLayoutContext_1.dynamicLayoutContext.Provider, __assign({ value: {
-                mode: 'PREVIEW',
-                device: device
-            } }, { children: (0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition, { ccbCode: componentBlockCode }), composition.id) }), composition.id)); });
+        return valueTypeCompositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition, { ccbCode: componentBlockCode }), composition.id)); });
     }
     var queryDataValue = queryData === null || queryData === void 0 ? void 0 : queryData[queryPath];
     var queryComposition = compositions.find(function (composition) { return !composition.ccbManualItemUuid; });
     if (!queryDataValue)
         return [(0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})];
-    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)(dynamicLayoutContext_1.dynamicLayoutContext.Provider, __assign({ value: {
-                mode: 'PREVIEW',
-                device: device,
-                navigationHandler: navigationHandler
-            } }, { children: (0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, queryComposition, { ccbCode: componentBlockCode })) })) }), 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;

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

@@ -42,6 +42,7 @@ function DynamicLayout(_a) {
     })
         .sort(function (a, b) { return a.order - b.order; });
     var iframeSection = filteredSortedSection.find(function (section) { return section.manifest.schema === 'EXP_IFRAME' && section.display; });
+    var editorType = 'DYNAMIC_LAYOUT_EDITOR';
     return ((0, jsx_runtime_1.jsxs)(dynamicLayoutContext_1.dynamicLayoutContext.Provider, __assign({ value: {
             device: device,
             mode: mode,
@@ -53,7 +54,8 @@ function DynamicLayout(_a) {
             shortcutKeyMode: shortcutKeyMode,
             zoomScale: zoomScale,
             queryData: queryData,
-            placementRestriction: placementRestriction
+            placementRestriction: placementRestriction,
+            editorType: editorType
         } }, { children: [mode === 'EDIT' && onClickEditSection && ((0, jsx_runtime_1.jsx)(EditModeSectionMatcher_1.EditModeSectionMatcher, { dynamicLayoutRef: dynamicLayoutRef, editingSectionId: editingSectionId, scrollDownTargetSectionId: scrollDownTargetSectionId, filteredSortedSection: filteredSortedSection, onClickEditSection: onClickEditSection })), mode !== 'EDIT' &&
                 (iframeSection ? ((0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, iframeSection), iframeSection.id)) : (filteredSortedSection.map(function (section) { return (0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, section), section.id); })))] })));
 }

package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js

@@ -111,13 +111,9 @@ function CustomSectionBackgroundMedia(_a) {
                 : '';
         }
         if (!(queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
-            // eslint-disable-next-line
-            // console.warn('ERROR: No query data found');
             return 'ERROR';
         }
         if (!queryContext.queryData[String(CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA)]) {
-            // eslint-disable-next-line
-            // console.warn(`ERROR: ${CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA} NOT found in query data`);/
             return 'ERROR';
         }
         return queryContext.queryData[String(CB_STYLE_PROP_BGMEDIA_SPEC_CONNECTDATA)];