pds-dev-kit-web-test 2.2.99 → 2.2.244

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

@@ -1,76 +0,0 @@
-import type { ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX } from '../../../../util/types';
-export type BtnPropsKeys = keyof CB_BTNTEXT_STYLE_PROPS;
-export type CB_BTNTEXT_STYLE_PROPS = {
-    CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE: ENUM_STRING;
-    CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT: NUMBER_INTEGER;
-    CB_STYLE_PROP_BTNTEXT_SPEC_SIZE: NUMBER_INTEGER;
-    CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT: NUMBER_INTEGER;
-    CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING: NUMBER_INTEGER;
-    CB_STYLE_PROP_BTNTEXT_SPEC_COLOR: STRING_8DIGIT_HEX;
-    CB_STYLE_PROP_BTNTEXT_SPEC_HORIZONTAL: ENUM_STRING;
-    CB_STYLE_PROP_BTNTEXT_SPEC_VERTICAL: ENUM_STRING;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:MOBILE': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:MOBILE': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_HORIZONTAL:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_HORIZONTAL:MOBILE': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_HORIZONTAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_VERTICAL:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_VERTICAL:MOBILE': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNTEXT_SPEC_VERTICAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
-};
-export type CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT = 'LINEAR' | 'RADIAL';
-export type CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE = 'NONE' | 'SOLID' | 'GRADIENT';
-export type CB_STYLE_PROP_BTNCOLOR_SPECS_BASE = {
-    CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE: NUMBER_INTEGER;
-    CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR: ENUM_STRING;
-    CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR: ENUM_STRING;
-    CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC: NUMBER_INTEGER;
-    CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT: CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT;
-    CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR: ENUM_STRING;
-    CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC: NUMBER_INTEGER;
-    CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE: CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE;
-};
-export type CB_STYLE_PROP_BTNCOLOR_SPECS = CB_STYLE_PROP_BTNCOLOR_SPECS_BASE & {
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:MOBILE': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:MOBILE': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:MOBILE': CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:MOBILE:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:MOBILE': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:MOBILE': CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE | null | undefined;
-    'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:MOBILE:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE | null | undefined;
-};
-export type BtnColorPropsKeys = keyof CB_STYLE_PROP_BTNCOLOR_SPECS;
-export type BTNColorValueSetType = Partial<Record<keyof CB_STYLE_PROP_BTNCOLOR_SPECS, CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT | NUMBER_INTEGER | ENUM_STRING | undefined>>;

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

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

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

@@ -1,38 +0,0 @@
-import type { ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
-export type TextPropsKeys = 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;
-};

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { LayoutsType } from './CustomSection';
-import type { TypeOfSectionAction } from '../../../DynamicLayout/sectionActionTypes';
-export interface CustomSectionContext {
-    rowHeight: number;
-    setLayouts: React.Dispatch<React.SetStateAction<LayoutsType>>;
-    sectionActionHandler?: (action: TypeOfSectionAction) => void;
-}
-export declare const CustomSectionContext: React.Context<CustomSectionContext | undefined>;
-export declare function useCustomSectionContext(): CustomSectionContext;

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

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCustomSectionContext = exports.CustomSectionContext = void 0;
-var react_1 = __importDefault(require("react"));
-exports.CustomSectionContext = react_1.default.createContext(undefined);
-// export const CustomSectionContextProvider: React.FC = ({ children }) => {
-//   const [user, setUser] = React.useState<string>('');
-//   const value = { user, setUser };
-//   return <CustomSectionContext.Provider value={value}>{children}</CustomSectionContext.Provider>;
-// };
-function useCustomSectionContext() {
-    var context = react_1.default.useContext(exports.CustomSectionContext);
-    if (context === undefined) {
-        throw new Error('useCustomSectionContext must be used within an AppProvider');
-    }
-    return context;
-}
-exports.useCustomSectionContext = useCustomSectionContext;

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

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

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

@@ -1,8 +0,0 @@
-"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

@@ -1,22 +0,0 @@
-/// <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

@@ -1,273 +0,0 @@
-"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;