pds-dev-kit-web-test 2.7.578 → 2.7.580

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'
     };

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, mode }: {
+export declare function createCompositions({ valueType, queryPath, queryData, compositions, limit, componentBlockCode }: {
     valueType: CCB_VALUE_TYPE | CB_VALUE_TYPE;
     queryPath: string;
     queryData: QueryData | undefined;

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

@@ -17,10 +17,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createCompositions = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var compositionQueryContext_1 = require("../compositionQueryContext");
-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, mode = _a.mode;
+    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) {

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/types.d.ts

@@ -228,6 +228,7 @@ export type DynamicLayoutProps = {
     mode?: 'NORMAL' | 'PREVIEW' | 'EDIT';
     /** @deprecated use 'mode' instead */
     isPreview?: boolean;
+    editorType?: 'COMPOSITION_EDITOR' | 'DYNAMIC_LAYOUT_EDITOR';
     sections: ISection[];
     scrollDownTargetSectionId?: number;
     editingSectionId?: number;

package/package.json

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