pds-dev-kit-web-test 2.5.260 → 2.5.261

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

@@ -1,12 +1,11 @@
 /// <reference types="react" />
-import type { ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX, STRING_PLAIN } from '../../../util/types';
+import type { STRING_PLAIN } from '../../../util/types';
 export type StylesProps = {
     normalStyle: React.CSSProperties;
     hoverStyle: React.CSSProperties;
 };
 export type CB_CONTENT_PROP_TEXT = {
     CB_CONTENT_PROP_TEXT_SPEC_TEXT: STRING_PLAIN;
-    CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE: STRING_PLAIN;
 };
 export type CB_CONTENT_PROP_CLINK = {
     CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'INTERNAL' | 'EXTERNAL' | 'DISABLED';
@@ -23,80 +22,3 @@ export type CB_CONTENT_PROP_TWITTER = {
 export type CB_CONTENT_PROP_CODEBLOCK = {
     CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: STRING_PLAIN;
 };
-export type CBTextPropsKeys = keyof CB_STYLE_PROP_TEXT_SPECS;
-export type CB_STYLE_PROP_TEXT_SPECS_BASE = {
-    CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: ENUM_STRING;
-    CB_STYLE_PROP_TEXT_SPEC_WEIGHT: NUMBER_INTEGER;
-    CB_STYLE_PROP_TEXT_SPEC_SIZE: NUMBER_INTEGER;
-    CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: NUMBER_INTEGER;
-    CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: NUMBER_INTEGER;
-    CB_STYLE_PROP_TEXT_SPEC_COLOR: STRING_8DIGIT_HEX;
-    CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: ENUM_STRING;
-    CB_STYLE_PROP_TEXT_SPEC_VERTICAL: ENUM_STRING;
-};
-export type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
-    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
-};
-export type CBColorPropsKeys = keyof CB_STYLE_PROP_COLOR_SPECS;
-export type CBColorValueSetType = Partial<Record<keyof CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_COLOR_ENUM_GRADIENT | NUMBER_INTEGER | ENUM_STRING | undefined>>;
-export type CB_STYLE_PROP_COLOR_ENUM_GRADIENT = 'LINEAR' | 'RADIAL';
-export type CB_STYLE_PROP_COLOR_ENUM_TYPE = 'NONE' | 'SOLID' | 'GRADIENT';
-export type CB_STYLE_PROP_COLOR_SPECS_BASE = {
-    CB_STYLE_PROP_COLOR_SPEC_ANGLE: NUMBER_INTEGER;
-    CB_STYLE_PROP_COLOR_SPEC_COLOR: ENUM_STRING;
-    CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR: ENUM_STRING;
-    CB_STYLE_PROP_COLOR_SPEC_ENDLOC: NUMBER_INTEGER;
-    CB_STYLE_PROP_COLOR_SPEC_GRADIENT: CB_STYLE_PROP_COLOR_ENUM_GRADIENT;
-    CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR: ENUM_STRING;
-    CB_STYLE_PROP_COLOR_SPEC_STARTLOC: NUMBER_INTEGER;
-    CB_STYLE_PROP_COLOR_SPEC_TYPE: CB_STYLE_PROP_COLOR_ENUM_TYPE;
-};
-export type CB_STYLE_PROP_COLOR_SPECS = CB_STYLE_PROP_COLOR_SPECS_BASE & {
-    'CB_STYLE_PROP_COLOR_SPEC_ANGLE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_COLOR:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_COLOR:MOBILE': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:MOBILE': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:HOVER': CB_STYLE_PROP_COLOR_ENUM_GRADIENT | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:MOBILE': CB_STYLE_PROP_COLOR_ENUM_GRADIENT | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_GRADIENT:MOBILE:HOVER': CB_STYLE_PROP_COLOR_ENUM_GRADIENT | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:MOBILE': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_TYPE:HOVER': CB_STYLE_PROP_COLOR_ENUM_TYPE | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_TYPE:MOBILE': CB_STYLE_PROP_COLOR_ENUM_TYPE | null | undefined;
-    'CB_STYLE_PROP_COLOR_SPEC_TYPE:MOBILE:HOVER': CB_STYLE_PROP_COLOR_ENUM_TYPE | null | undefined;
-};

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/getGoogleFonts.d.ts

@@ -1,2 +1,4 @@
-import type { CB_STYLE_PROP_TEXT_SPECS } from '../../components/ComponentBlock/componentBlocks/types';
-export declare function getGoogleFontsFromTextSpecCode(props: CB_STYLE_PROP_TEXT_SPECS, isMobile: boolean): string[];
+import type { CB_BTNTEXT_STYLE_PROPS } from '../../components/ComponentBlock/componentBlocks/Button/btnTypes';
+import type { CB_STYLE_PROP_TEXT_SPECS } from '../../components/ComponentBlock/componentBlocks/Text/types';
+export declare function getGoogleFontsFromTextCB(props: CB_STYLE_PROP_TEXT_SPECS, isMobile: boolean): string[];
+export declare function getGoogleFontsFromBtnCB(props: CB_BTNTEXT_STYLE_PROPS, isMobile: boolean): string[];

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/getGoogleFonts.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGoogleFontsFromTextSpecCode = void 0;
-function getGoogleFontsFromTextSpecCode(props, isMobile) {
+exports.getGoogleFontsFromBtnCB = exports.getGoogleFontsFromTextCB = void 0;
+function getGoogleFontsFromTextCB(props, isMobile) {
     var typeface = props.CB_STYLE_PROP_TEXT_SPEC_TYPEFACE;
     var typefaceHover = props['CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER'];
     var typefaceMobile = props['CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE'];
@@ -11,4 +11,15 @@ function getGoogleFontsFromTextSpecCode(props, isMobile) {
     }
     return [typeface, typefaceHover].filter(function (each) { return each && each.startsWith('GOOGLE:'); });
 }
-exports.getGoogleFontsFromTextSpecCode = getGoogleFontsFromTextSpecCode;
+exports.getGoogleFontsFromTextCB = getGoogleFontsFromTextCB;
+function getGoogleFontsFromBtnCB(props, isMobile) {
+    var typeface = props.CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE;
+    var typefaceHover = props['CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:HOVER'];
+    var typefaceMobile = props['CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE'];
+    var typefaceMobileHover = props['CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE:HOVER'];
+    if (isMobile) {
+        return [typefaceMobile, typefaceMobileHover].filter(function (each) { return each && each.startsWith('GOOGLE:'); });
+    }
+    return [typeface, typefaceHover].filter(function (each) { return each && each.startsWith('GOOGLE:'); });
+}
+exports.getGoogleFontsFromBtnCB = getGoogleFontsFromBtnCB;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/index.d.ts

@@ -1,2 +1,2 @@
-export { getGoogleFontsFromTextSpecCode } from './getGoogleFonts';
+export { getGoogleFontsFromBtnCB, getGoogleFontsFromTextCB } from './getGoogleFonts';
 export { default as useGoogleFonts } from './useGoogleFonts';

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/index.js

@@ -3,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGoogleFonts = exports.getGoogleFontsFromTextSpecCode = void 0;
+exports.useGoogleFonts = exports.getGoogleFontsFromTextCB = exports.getGoogleFontsFromBtnCB = void 0;
 var getGoogleFonts_1 = require("./getGoogleFonts");
-Object.defineProperty(exports, "getGoogleFontsFromTextSpecCode", { enumerable: true, get: function () { return getGoogleFonts_1.getGoogleFontsFromTextSpecCode; } });
+Object.defineProperty(exports, "getGoogleFontsFromBtnCB", { enumerable: true, get: function () { return getGoogleFonts_1.getGoogleFontsFromBtnCB; } });
+Object.defineProperty(exports, "getGoogleFontsFromTextCB", { enumerable: true, get: function () { return getGoogleFonts_1.getGoogleFontsFromTextCB; } });
 var useGoogleFonts_1 = require("./useGoogleFonts");
 Object.defineProperty(exports, "useGoogleFonts", { enumerable: true, get: function () { return __importDefault(useGoogleFonts_1).default; } });

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/index.d.ts

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

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/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.useGroupDrag = void 0;
+var useGroupDrag_1 = require("./useGroupDrag");
+Object.defineProperty(exports, "useGroupDrag", { enumerable: true, get: function () { return __importDefault(useGroupDrag_1).default; } });

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/useGroupDrag.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { LayoutItemWithGroupType } from './utils';
+import type { LayoutsType } from '../../CustomSection';
+import type { Device } from '../../util/types';
+import type { DynamicLayoutProps } from '../../../../../DynamicLayout/types';
+import type { Layout, LayoutItem } from 'publ-echo/dist/lib';
+type Props = {
+    device: Device;
+    setLayouts: React.Dispatch<React.SetStateAction<LayoutsType>>;
+    sectionActionHandler: DynamicLayoutProps['sectionActionHandler'];
+};
+declare function useGroupDrag({ device, setLayouts, sectionActionHandler }: Props): {
+    setGroupCB: (selectedId: number | 'group', newId: number) => void;
+    breakGroupCB: () => void;
+    makeAllInOneGroup: () => void;
+    escapeFromGroup: (id: string) => void;
+    makeCollisionGroup: (id: number, selectedCBId?: number) => void;
+    makeCollisionOfBulk: () => void;
+};
+export declare function getGroupCB(layout: Layout): LayoutItemWithGroupType | null;
+export declare const filterItemsById: (layout: Layout, idsToRemove: Array<string>) => LayoutItem[];
+export default useGroupDrag;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGroupDrag/useGroupDrag.js

@@ -0,0 +1,273 @@
+"use strict";
+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);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterItemsById = exports.getGroupCB = void 0;
+// eslint-disable-next-line import/no-extraneous-dependencies
+var renderHelpers_1 = require("publ-echo/dist/lib/GridLayoutEditor/utils/renderHelpers");
+var react_1 = require("react");
+var deepCopy_1 = __importDefault(require("../../../../../DynamicLayout/utils/deepCopy"));
+var utils_1 = require("./utils");
+function useGroupDrag(_a) {
+    var device = _a.device, setLayouts = _a.setLayouts, sectionActionHandler = _a.sectionActionHandler;
+    var layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
+    function makeAllInOneGroup() {
+        setLayouts(function (prev) {
+            var _a, _b;
+            var _c;
+            // TODO: 임시용 카피
+            var currentLayoutCopy = (0, deepCopy_1.default)(prev[layoutByDevice]);
+            if (currentLayoutCopy.length === 0) {
+                return prev;
+            }
+            var groupIdx = currentLayoutCopy.findIndex(function (item) { return item.i === 'group'; });
+            // NOTE: 그룹이 없는 경우
+            if (groupIdx < 0) {
+                var group_1 = (0, utils_1.getGroupForMultiple)(currentLayoutCopy);
+                sectionActionHandler &&
+                    sectionActionHandler({
+                        type: '@CUSTOMSECTION/GROUP_CREATED',
+                        payload: {
+                            message: 'group generated',
+                            data: group_1
+                        }
+                    });
+                return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = [group_1], _a));
+            }
+            // NOTE: 그룹이 이미 있는경우
+            var groupItem = currentLayoutCopy.splice(groupIdx, 1)[0];
+            if (!groupItem.groupLayouts) {
+                return prev;
+            }
+            var groupItems = (_c = groupItem.groupLayouts.map(function (each) { return (__assign(__assign({}, each), { x: groupItem.x + each.x, y: groupItem.y + each.y })); })) !== null && _c !== void 0 ? _c : [];
+            currentLayoutCopy.push.apply(currentLayoutCopy, groupItems);
+            var group = (0, utils_1.getGroupForMultiple)(currentLayoutCopy);
+            sectionActionHandler &&
+                sectionActionHandler({
+                    type: '@CUSTOMSECTION/GROUP_CREATED',
+                    payload: {
+                        message: 'group generated',
+                        data: group
+                    }
+                });
+            return __assign(__assign({}, prev), (_b = {}, _b[layoutByDevice] = [group], _b));
+        });
+    }
+    function escapeFromGroup(id) {
+        setLayouts(function (prev) {
+            var _a;
+            // TODO: 임시용 카피
+            var currentLayoutCopy = (0, deepCopy_1.default)(prev[layoutByDevice]);
+            var groupIdx = currentLayoutCopy.findIndex(function (item) { return item.i === 'group'; });
+            var group = currentLayoutCopy[groupIdx];
+            if (!group || !group.groupLayouts) {
+                return prev;
+            }
+            var escapeIndex = group.groupLayouts.findIndex(function (each) { return each.i === id; });
+            if (escapeIndex < 0) {
+                return prev;
+            }
+            var escapedItem = group.groupLayouts.splice(escapeIndex, 1)[0];
+            escapedItem.x += group.x;
+            escapedItem.y += group.y;
+            currentLayoutCopy.push(escapedItem);
+            var newGroup = (0, utils_1.recalculatedGroup)(group);
+            currentLayoutCopy.splice(groupIdx, 1, newGroup);
+            sectionActionHandler &&
+                sectionActionHandler({
+                    type: '@CUSTOMSECTION/ESCAPE_ONE_FROM_GROUP',
+                    payload: {
+                        id: id
+                    }
+                });
+            return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = currentLayoutCopy, _a));
+        });
+    }
+    function setGroupCB(selectedId, newId) {
+        setLayouts(function (prev) {
+            var _a;
+            var currentLayoutCopy = (0, deepCopy_1.default)(prev[layoutByDevice]);
+            var firstIdx = currentLayoutCopy.findIndex(function (item) {
+                if (selectedId === 'group') {
+                    return item.i === 'group';
+                }
+                if (Number(item.i) === selectedId) {
+                    return true;
+                }
+                return false;
+            });
+            var firstElem = currentLayoutCopy.splice(firstIdx, 1)[0];
+            var secondIdx = currentLayoutCopy.findIndex(function (item) { return Number(item.i) === newId; });
+            var secondElem = currentLayoutCopy.splice(secondIdx, 1)[0];
+            var group = (0, utils_1.getGroupData)(firstElem, secondElem);
+            currentLayoutCopy.unshift(group);
+            sectionActionHandler &&
+                sectionActionHandler({
+                    type: '@CUSTOMSECTION/GROUP_CREATED',
+                    payload: {
+                        message: 'group generated',
+                        data: group
+                    }
+                });
+            return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = currentLayoutCopy, _a));
+        });
+    }
+    var breakGroupCB = (0, react_1.useCallback)(function () {
+        setLayouts(function (prev) {
+            var _a;
+            var _b;
+            // TODO: 임시용 카피
+            var currentLayoutCopy = (0, deepCopy_1.default)(prev[layoutByDevice]);
+            var groupIdx = currentLayoutCopy.findIndex(function (item) { return item.i === 'group'; });
+            if (groupIdx < 0) {
+                return prev;
+            }
+            var groupItem = currentLayoutCopy.splice(groupIdx, 1)[0];
+            if (!groupItem.groupLayouts) {
+                return prev;
+            }
+            var groupItems = (_b = groupItem.groupLayouts.map(function (each) { return (__assign(__assign({}, each), { x: groupItem.x + each.x, y: groupItem.y + each.y })); })) !== null && _b !== void 0 ? _b : [];
+            currentLayoutCopy.push.apply(currentLayoutCopy, groupItems);
+            return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = currentLayoutCopy, _a));
+        });
+        sectionActionHandler &&
+            sectionActionHandler({
+                type: '@CUSTOMSECTION/GROUP_DISMISSED',
+                payload: {
+                    message: 'group dismissed'
+                }
+            });
+    }, []);
+    function makeCollisionGroup(id, selectedCBId) {
+        setLayouts(function (prev) {
+            var _a, _b;
+            var _c, _d;
+            var currentLayoutCopy = (0, deepCopy_1.default)(prev[layoutByDevice]);
+            var additionalSelectedCBLayout = (function () {
+                if (selectedCBId === undefined) {
+                    return null;
+                }
+                if (id === selectedCBId) {
+                    return null;
+                }
+                return (0, renderHelpers_1.getLayoutItem)(currentLayoutCopy, selectedCBId.toString());
+            })();
+            var layout = (0, renderHelpers_1.getLayoutItem)(currentLayoutCopy, id.toString());
+            if (!layout) {
+                return prev;
+            }
+            var prevGroupIdx = currentLayoutCopy.findIndex(function (item) { return item.i === 'group'; });
+            if (prevGroupIdx < 0) {
+                var collisions = (0, renderHelpers_1.getAllCollisions)(currentLayoutCopy, layout);
+                var groupLayouts = __spreadArray([layout], collisions, true);
+                if (collisions.length === 0 && !additionalSelectedCBLayout) {
+                    sectionActionHandler &&
+                        sectionActionHandler({
+                            type: '@CUSTOMSECTION/COLLISION_NOT_FOUND',
+                            payload: {
+                                message: '겹치는 부분이 없어, 아무련 변화가 없습니다.'
+                            }
+                        });
+                    return prev;
+                }
+                if (additionalSelectedCBLayout) {
+                    var alreadyHas = collisions.some(function (each) { return each.i === additionalSelectedCBLayout.i; });
+                    !alreadyHas && groupLayouts.push(additionalSelectedCBLayout);
+                }
+                var group_2 = (0, utils_1.getGroupForMultiple)(groupLayouts);
+                var filtered = currentLayoutCopy.filter(function (layout) { return !group_2.childrenIds.includes(layout.i); });
+                sectionActionHandler &&
+                    sectionActionHandler({
+                        type: '@CUSTOMSECTION/GROUP_CREATED',
+                        payload: {
+                            message: 'group generated with collision detect',
+                            data: group_2
+                        }
+                    });
+                return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = __spreadArray([group_2], filtered, true), _a));
+            }
+            var groupItem = currentLayoutCopy.splice(prevGroupIdx, 1)[0];
+            if (groupItem) {
+                var collisions = (0, renderHelpers_1.getAllCollisions)(currentLayoutCopy, layout);
+                var groupItems = (_d = (_c = groupItem.groupLayouts) === null || _c === void 0 ? void 0 : _c.map(function (each) { return (__assign(__assign({}, each), { x: groupItem.x + each.x, y: groupItem.y + each.y })); })) !== null && _d !== void 0 ? _d : [];
+                var newGroup_1 = (0, utils_1.getGroupForMultiple)([layout].concat(collisions).concat(groupItems));
+                var filtered = currentLayoutCopy.filter(function (layout) { return !newGroup_1.childrenIds.includes(layout.i); });
+                sectionActionHandler &&
+                    sectionActionHandler({
+                        type: '@CUSTOMSECTION/GROUP_CREATED',
+                        payload: {
+                            message: 'group generated with collision detect',
+                            data: newGroup_1
+                        }
+                    });
+                return __assign(__assign({}, prev), (_b = {}, _b[layoutByDevice] = __spreadArray([newGroup_1], filtered, true), _b));
+            }
+            return prev;
+        });
+    }
+    function makeCollisionOfBulk() {
+        setLayouts(function (prev) {
+            var _a;
+            var _b, _c;
+            var currentLayoutCopy = (0, deepCopy_1.default)(prev[layoutByDevice]);
+            var prevGroupIdx = currentLayoutCopy.findIndex(function (item) { return item.i === 'group'; });
+            var groupItem = currentLayoutCopy.splice(prevGroupIdx, 1)[0];
+            var collisions = (0, renderHelpers_1.getAllCollisions)(currentLayoutCopy, groupItem);
+            var groupItems = (_c = (_b = groupItem.groupLayouts) === null || _b === void 0 ? void 0 : _b.map(function (each) { return (__assign(__assign({}, each), { x: groupItem.x + each.x, y: groupItem.y + each.y })); })) !== null && _c !== void 0 ? _c : [];
+            var newGroup = (0, utils_1.getGroupForMultiple)(groupItems.concat(collisions));
+            var filtered = currentLayoutCopy.filter(function (layout) { return !newGroup.childrenIds.includes(layout.i); });
+            sectionActionHandler &&
+                sectionActionHandler({
+                    type: '@CUSTOMSECTION/GROUP_CREATED',
+                    payload: {
+                        message: 'group generated with collision detect',
+                        data: newGroup
+                    }
+                });
+            return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = __spreadArray([newGroup], filtered, true), _a));
+        });
+    }
+    return {
+        setGroupCB: setGroupCB,
+        breakGroupCB: breakGroupCB,
+        makeAllInOneGroup: makeAllInOneGroup,
+        escapeFromGroup: escapeFromGroup,
+        makeCollisionGroup: makeCollisionGroup,
+        makeCollisionOfBulk: makeCollisionOfBulk
+    };
+}
+function getGroupCB(layout) {
+    var groupIdx = layout.findIndex(function (item) { return item.i === 'group'; });
+    if (groupIdx < 0) {
+        return null;
+    }
+    var groupItem = layout[groupIdx];
+    return groupItem;
+}
+exports.getGroupCB = getGroupCB;
+var filterItemsById = function (layout, idsToRemove) {
+    return layout.filter(function (item) { return !idsToRemove.includes(item.i); });
+};
+exports.filterItemsById = filterItemsById;
+exports.default = useGroupDrag;

package/dist/src/sub/DynamicLayout/sections/CustomSection/{newUtils/group.d.ts → hooks/useGroupDrag/utils.d.ts}

@@ -1,5 +1,4 @@
-import type { ComponentBlock } from '../types';
-import type { Layout } from 'publ-echo-test/dist/lib';
+import type { ComponentBlock } from '../../types';
 import type { LayoutItem } from 'publ-echo/dist/lib';
 export interface LayoutItemWithGroupType extends LayoutItem {
     childrenIds: string[];
@@ -12,5 +11,3 @@ export declare function splitComponentBlocksByGroup(componentBlocks: ComponentBl
     inGroup: ComponentBlock[];
     notInGroup: ComponentBlock[];
 };
-export declare function getGroupCB(layout: Layout): LayoutItemWithGroupType | null;
-export declare const filterItemsById: (layout: Layout, idsToRemove: Array<string>) => import("publ-echo-test/dist/lib").LayoutItem[];

package/dist/src/sub/DynamicLayout/sections/CustomSection/{newUtils/group.js → hooks/useGroupDrag/utils.js}

@@ -20,7 +20,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterItemsById = exports.getGroupCB = exports.splitComponentBlocksByGroup = exports.getGroupForMultiple = exports.recalculatedGroup = exports.getGroupData = void 0;
+exports.splitComponentBlocksByGroup = exports.getGroupForMultiple = exports.recalculatedGroup = exports.getGroupData = void 0;
 function getGroupData(elem1, elem2) {
     var _a, _b;
     var minX = Math.min(elem1.x, elem2.x);
@@ -125,16 +125,3 @@ function splitComponentBlocksByGroup(componentBlocks, groupIds) {
     };
 }
 exports.splitComponentBlocksByGroup = splitComponentBlocksByGroup;
-function getGroupCB(layout) {
-    var groupIdx = layout.findIndex(function (item) { return item.i === 'group'; });
-    if (groupIdx < 0) {
-        return null;
-    }
-    var groupItem = layout[groupIdx];
-    return groupItem;
-}
-exports.getGroupCB = getGroupCB;
-var filterItemsById = function (layout, idsToRemove) {
-    return layout.filter(function (item) { return !idsToRemove.includes(item.i); });
-};
-exports.filterItemsById = filterItemsById;

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.d.ts

@@ -1,15 +1,15 @@
+import type { BTNColorValueSetType } from '../components/ComponentBlock/componentBlocks/Button/btnTypes';
 import type { BGOverlayValueSetType } from '../components/ComponentBlock/componentBlocks/RichText/types';
-import type { CBColorValueSetType } from '../components/ComponentBlock/componentBlocks/types';
 import type { BGColorValueSetType } from '../components/ComponentBlock/componentBlocks/Youtube/types';
 import type { Device } from '../util/types';
 import type { CSSProperties } from 'react';
-type CBName = 'COLOR' | 'BGCOLOR' | 'BGOVERLAY';
+type CBName = 'BTNCOLOR' | 'BGCOLOR' | 'BGOVERLAY';
 type ExtractPropKey<T extends CBName> = Extract<T, CBName>;
-type ValueSetType = CBColorValueSetType & BGColorValueSetType & BGOverlayValueSetType;
+type ValueSetType = BTNColorValueSetType & BGColorValueSetType & BGOverlayValueSetType;
 export type ParseStyleColorProps<T> = {
     availableSpecCodes: Array<keyof T>;
     props: T;
-    propKey: ExtractPropKey<'COLOR'>;
+    propKey: ExtractPropKey<'BTNCOLOR'>;
     device: Device;
 } | {
     availableSpecCodes: Array<keyof T>;

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/replaceUndefinedValues.js

@@ -11,7 +11,6 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var fontSizeAdjustment_1 = require("./fontSizeAdjustment");
 function replaceUndefinedValues(jsonData) {
     return Object.entries(jsonData).reduce(function (acc, cur) {
         var _a;
@@ -25,13 +24,7 @@ function replaceUndefinedValues(jsonData) {
                 if (isTargetNeedOverride) {
                     var undefinedMobileKey = curSpec.replace(':MOBILE', '');
                     if (undefinedMobileKey in currentProps) {
-                        var desktopValue = currentProps[undefinedMobileKey];
-                        if (curSpec === 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE') {
-                            accSpecs[curSpec] = (0, fontSizeAdjustment_1.getMobileFontSize)(desktopValue);
-                        }
-                        else {
-                            accSpecs[curSpec] = desktopValue;
-                        }
+                        accSpecs[curSpec] = currentProps[undefinedMobileKey];
                     }
                     else {
                         accSpecs[curSpec] = currentProps[curSpec];

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.d.ts

@@ -9,6 +9,11 @@ type ParseStyleTextProps<T> = {
     props: T;
     propKey: 'TEXT';
     device: Device;
+} | {
+    availableSpecCodes: Array<keyof T>;
+    props: T;
+    propKey: 'BTNTEXT';
+    device: Device;
 };
-export declare function getTextCSSPropKey(key: string, cbName: 'TEXT'): "" | "color" | "letterSpacing" | "fontWeight" | "fontFamily" | "lineHeight" | "fontSize" | "HORIZONTAL" | "alignItems";
+export declare function getTextCSSPropKey(key: string, cbName: 'TEXT' | 'BTNTEXT'): "" | "color" | "letterSpacing" | "fontWeight" | "fontFamily" | "lineHeight" | "fontSize" | "HORIZONTAL" | "alignItems";
 export {};

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

@@ -1,7 +1,6 @@
 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 } 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_CONTENTS_CAROUSEL;
+export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME;
 type GeneralCustomSectionType = {
     id: number;
     type: 'GENERAL';
@@ -67,19 +66,6 @@ export type CB_IFRAME = GeneralCustomSectionType & {
         data: CB_TWITTER_PROPERTIES_TYPE;
     };
 };
-export type CB_GROUP = GeneralCustomSectionType & {
-    componentBlockCode: CB_ALL_CODES.CB_GROUP;
-    jsonProperties: {
-        data: CB_BTN_PROPERTIES_TYPE;
-    };
-};
-export type CB_CONTENTS_CAROUSEL = GeneralCustomSectionType & {
-    componentBlockCode: CB_ALL_CODES.CB_CONTENTS_CAROUSEL;
-    jsonProperties: {
-        data: CB_BTN_PROPERTIES_TYPE;
-    };
-    compositions: Array<IComposition>;
-};
 export declare enum CB_ALL_CODES {
     CB_TEXT = "CB_TEXT",
     CB_BTN = "CB_BTN",
@@ -88,8 +74,6 @@ export declare enum CB_ALL_CODES {
     CB_IMG = "CB_IMG",
     CB_YOUTUBE = "CB_YOUTUBE",
     CB_TWITTER = "CB_TWITTER",
-    CB_EMBED = "CB_EMBED",
-    CB_GROUP = "CB_GROUP",
-    CB_CONTENTS_CAROUSEL = "CB_CONTENTS_CAROUSEL"
+    CB_EMBED = "CB_EMBED"
 }
 export {};

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

@@ -11,6 +11,4 @@ var CB_ALL_CODES;
     CB_ALL_CODES["CB_YOUTUBE"] = "CB_YOUTUBE";
     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_CONTENTS_CAROUSEL"] = "CB_CONTENTS_CAROUSEL";
 })(CB_ALL_CODES = exports.CB_ALL_CODES || (exports.CB_ALL_CODES = {}));

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

@@ -1,6 +1,5 @@
-import { ComponentBlock } from '../types';
-import type { ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
-export declare function parsePlacement(components: ComponentBlock[], zOrders: ZOrder): {
+import type { ComponentBlock } from '../types';
+export declare function parsePlacement(components: ComponentBlock[]): {
     sm: {
         i: string;
         x: number;
@@ -8,7 +7,6 @@ export declare function parsePlacement(components: ComponentBlock[], zOrders: ZO
         w: number;
         h: number;
         z: number;
-        autoResize: boolean;
     }[];
     lg: {
         i: string;
@@ -17,7 +15,6 @@ export declare function parsePlacement(components: ComponentBlock[], zOrders: ZO
         w: number;
         h: number;
         z: number;
-        autoResize: boolean;
     }[];
 };
 export default parsePlacement;