pds-dev-kit-web-test 2.7.229 → 2.7.234

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

@@ -13,6 +13,7 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFlexGridLayout = void 0;
 var react_1 = require("react");
+var elementPositions_1 = require("./elementPositions");
 var useFlexGridLayout = function (_a) {
     var components = _a.components;
     var _b = (0, react_1.useState)({ top: 0, right: 0, bottom: 0, left: 0 }), groupSizes = _b[0], setGroupSizes = _b[1];
@@ -31,6 +32,7 @@ var useFlexGridLayout = function (_a) {
         return groups;
     };
     var componentGroups = getComponentsByPosition();
+    console.log('componentGroups', componentGroups);
     var GAP = 8;
     // 위치가 어느 방향인지 판단
     var getPositionDirection = function (position) {
@@ -60,7 +62,7 @@ var useFlexGridLayout = function (_a) {
         return directions[position];
     };
     // 위치에 따른 스타일 결정 (CCB 크기를 고려)
-    var getPositionStyle = function (position, ccbInset) {
+    var getPositionStyle = function (position, ccbInset, designType, size) {
         var base = {
             position: 'absolute',
             display: 'flex',
@@ -81,7 +83,7 @@ var useFlexGridLayout = function (_a) {
             OUTSET1: { top: -50, left: ccbLeft },
             OUTSET2: { top: -50, left: "".concat(ccbCenterX, "px"), transform: 'translateX(-50%)' },
             OUTSET3: { top: -50, right: ccbRight },
-            OUTSET4: { top: ccbTop, right: 50 },
+            OUTSET4: { top: ccbTop, left: 'calc(-100% + 50px)' },
             OUTSET5: { top: "".concat(ccbCenterY, "px"), right: 50, transform: 'translateY(-50%)' },
             OUTSET6: { bottom: ccbBottom, right: 50 },
             OUTSET7: { bottom: -50, right: ccbRight },
@@ -103,7 +105,8 @@ var useFlexGridLayout = function (_a) {
             INSET7: { bottom: ccbBottom + GAP, left: ccbLeft + GAP },
             INSET8: { top: "".concat(ccbCenterY, "px"), left: ccbLeft + GAP, transform: 'translateY(-50%)' }
         };
-        return __assign(__assign({}, base), positions[position]);
+        var pos = (0, elementPositions_1.getPosition)(position, designType, size);
+        return __assign(__assign({}, base), pos);
     };
     // 컴포넌트 그룹 레이아웃
     var getComponentGroupLayout = function (components, position) {

package/package.json

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