pds-dev-kit-web 2.2.49 → 2.2.50

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

@@ -0,0 +1,127 @@
+"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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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);
+    var minY = Math.min(elem1.y, elem2.y);
+    var elem1W = elem1.x - minX + elem1.w;
+    var elem2W = elem2.x - minX + elem2.w;
+    var elem1H = elem1.y - minY + elem1.h;
+    var elem2H = elem2.y - minY + elem2.h;
+    // NOTE: maxW, maxH 이름 변경 필요.
+    var maxW = Math.max(elem1W, elem2W);
+    var maxH = Math.max(elem1H, elem2H);
+    var maxZ = Math.max((_a = elem1 === null || elem1 === void 0 ? void 0 : elem1.z) !== null && _a !== void 0 ? _a : 0, (_b = elem2 === null || elem2 === void 0 ? void 0 : elem2.z) !== null && _b !== void 0 ? _b : 0);
+    var elem1InnerData = __assign(__assign({}, elem1), { x: elem1.x - minX, y: elem1.y - minY });
+    var elem2InnerData = __assign(__assign({}, elem2), { x: elem2.x - minX, y: elem2.y - minY });
+    var groupLayouts = elem1.groupLayouts
+        ? getAdaptedGroupLayouts(elem1.groupLayouts, elem2InnerData, elem1, minX, minY)
+        : [elem1InnerData, elem2InnerData];
+    var childrenIds = elem1.groupLayouts ? __spreadArray(__spreadArray([], elem1.childrenIds, true), [elem2.i], false) : [elem1.i, elem2.i];
+    return {
+        i: 'group',
+        x: minX,
+        y: minY,
+        w: maxW,
+        h: maxH,
+        z: maxZ,
+        groupLayouts: groupLayouts,
+        childrenIds: childrenIds
+    };
+}
+exports.getGroupData = getGroupData;
+function recalculatedGroup(group) {
+    var _a;
+    if (!group.groupLayouts) {
+        return group;
+    }
+    var groupItemsWithOrgPlacement = (_a = group.groupLayouts.map(function (each) { return (__assign(__assign({}, each), { x: group.x + each.x, y: group.y + each.y })); })) !== null && _a !== void 0 ? _a : [];
+    return getGroupForMultiple(groupItemsWithOrgPlacement);
+}
+exports.recalculatedGroup = recalculatedGroup;
+function getGroupForMultiple(elems) {
+    if (elems.length === 0) {
+        throw new Error('Array must contain at least one element.');
+    }
+    var _a = elems.reduce(function (acc, elem, idx, arr) {
+        var _a, _b;
+        if (idx === arr.length - 1) {
+            return acc;
+        }
+        var elem1 = idx === 0 ? elem : acc;
+        var elem2 = arr[idx + 1];
+        var minX = Math.min(elem1.x, elem2.x);
+        var minY = Math.min(elem1.y, elem2.y);
+        var elem1W = elem1.x - minX + elem1.w;
+        var elem2W = elem2.x - minX + elem2.w;
+        var elem1H = elem1.y - minY + elem1.h;
+        var elem2H = elem2.y - minY + elem2.h;
+        var maxZ = Math.max((_a = elem1 === null || elem1 === void 0 ? void 0 : elem1.z) !== null && _a !== void 0 ? _a : 0, (_b = elem2 === null || elem2 === void 0 ? void 0 : elem2.z) !== null && _b !== void 0 ? _b : 0);
+        return {
+            x: Math.min(elem1.x, elem2.x),
+            y: Math.min(elem1.y, elem2.y),
+            w: Math.max(elem1W, elem2W),
+            h: Math.max(elem1H, elem2H),
+            z: maxZ
+        };
+    }, { x: 0, y: 0, w: 0, h: 0, z: 0 }), minX = _a.x, minY = _a.y, maxW = _a.w, maxH = _a.h, maxZ = _a.z;
+    var groupLayouts = elems.map(function (elem) { return (__assign(__assign({}, elem), { x: elem.x - minX, y: elem.y - minY })); });
+    var childrenIds = elems.map(function (elem) { return elem.i; });
+    return {
+        i: 'group',
+        x: minX,
+        y: minY,
+        w: maxW,
+        h: maxH,
+        z: maxZ,
+        groupLayouts: groupLayouts,
+        childrenIds: childrenIds
+    };
+}
+exports.getGroupForMultiple = getGroupForMultiple;
+function getAdaptedGroupLayouts(originals, comming, ogWrapper, minX, minY) {
+    var ogs = originals.map(function (og) {
+        var xNagativeGap = Math.max(0, ogWrapper.x - minX);
+        var yNagativeGap = Math.max(0, ogWrapper.y - minY);
+        return __assign(__assign({}, og), { x: og.x + xNagativeGap, y: og.y + yNagativeGap });
+    });
+    return __spreadArray(__spreadArray([], ogs, true), [comming], false);
+}
+function splitComponentBlocksByGroup(componentBlocks, groupIds) {
+    var inGroup = [];
+    var notInGroup = [];
+    componentBlocks.forEach(function (cb) {
+        if (groupIds.includes(cb.id.toString())) {
+            inGroup.push(cb);
+        }
+        else {
+            notInGroup.push(cb);
+        }
+    });
+    return {
+        inGroup: inGroup,
+        notInGroup: notInGroup
+    };
+}
+exports.splitComponentBlocksByGroup = splitComponentBlocksByGroup;

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

@@ -2,5 +2,5 @@ import { RefObject } from 'react';
 interface Args extends IntersectionObserverInit {
     freezeOnceVisible?: boolean;
 }
-export declare function useIntersectionObserver(elementRef: RefObject<Element>, { threshold, root, rootMargin, freezeOnceVisible }: Args): IntersectionObserverEntry | undefined;
+export declare function useIntersectionObserver(elementRef: RefObject<Element>, { threshold, root, rootMargin, freezeOnceVisible }: Args, deps: any[]): IntersectionObserverEntry | undefined;
 export {};

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

@@ -1,26 +1,38 @@
 "use strict";
+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));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIntersectionObserver = void 0;
 var react_1 = require("react");
-function useIntersectionObserver(elementRef, _a) {
+function useIntersectionObserver(elementRef, _a, deps) {
     var _b = _a.threshold, threshold = _b === void 0 ? 0 : _b, _c = _a.root, root = _c === void 0 ? null : _c, _d = _a.rootMargin, rootMargin = _d === void 0 ? '0%' : _d, _e = _a.freezeOnceVisible, freezeOnceVisible = _e === void 0 ? false : _e;
     var _f = (0, react_1.useState)(), entry = _f[0], setEntry = _f[1];
     var frozen = (entry === null || entry === void 0 ? void 0 : entry.isIntersecting) && freezeOnceVisible;
-    var updateEntry = function (_a) {
-        var entry = _a[0];
-        setEntry(entry);
-    };
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useLayoutEffect)(function () {
+        var updateEntry = function (_a) {
+            var entry = _a[0];
+            setEntry(entry);
+        };
         var node = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current; // DOM Ref
         var hasIOSupport = !!window.IntersectionObserver;
-        if (!hasIOSupport || frozen || !node)
+        if (!hasIOSupport || frozen || !node) {
             return;
+        }
         var observerParams = { threshold: threshold, root: root, rootMargin: rootMargin };
         var observer = new IntersectionObserver(updateEntry, observerParams);
         observer.observe(node);
-        return function () { return observer.disconnect(); };
+        return function () {
+            observer.disconnect();
+        };
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [elementRef === null || elementRef === void 0 ? void 0 : elementRef.current, JSON.stringify(threshold), root, rootMargin, frozen]);
+    }, __spreadArray([elementRef === null || elementRef === void 0 ? void 0 : elementRef.current, JSON.stringify(threshold), root, rootMargin, frozen], deps, true));
     return entry;
 }
 exports.useIntersectionObserver = useIntersectionObserver;

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

@@ -9,34 +9,56 @@ type GeneralCustomSectionType = {
     queryableDefinitionPreset: string;
     dynamicLayoutSectionId: number;
 };
+export type GroupCustomSectionType = {
+    id: 'group';
+    type: 'GROUP';
+    availablePlugins: Array<string>;
+    queryableTapSrc: string;
+    queryableDefinitionPreset: string;
+    dynamicLayoutSectionId: number;
+};
 export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE;
 export type CB_TEXT_TYPE = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_TEXT;
-    properties: CB_TEXT_PROPERTIES_TYPE;
+    jsonProperties: {
+        data: CB_TEXT_PROPERTIES_TYPE;
+    };
 };
 export type CB_BTN_TYPE = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_BTN;
-    properties: CB_BTN_PROPERTIES_TYPE;
+    jsonProperties: {
+        data: CB_BTN_PROPERTIES_TYPE;
+    };
 };
 export type CB_RICHTEXT = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_RICHTEXT;
-    properties: CB_RICHTEXT_PROPERTIES_TYPE;
+    jsonProperties: {
+        data: CB_RICHTEXT_PROPERTIES_TYPE;
+    };
 };
 export type CB_DIVIDER = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_DIVIDER;
-    properties: CB_DIVIDER_PROPERTIES_TYPE;
+    jsonProperties: {
+        data: CB_DIVIDER_PROPERTIES_TYPE;
+    };
 };
 export type CB_IMG = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_IMG;
-    properties: CB_IMG_PROPERTIES_TYPE;
+    jsonProperties: {
+        data: CB_IMG_PROPERTIES_TYPE;
+    };
 };
 export type CB_YOUTUBE = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_YOUTUBE;
-    properties: CB_YOUTUBE_PROPERTIES_TYPE;
+    jsonProperties: {
+        data: CB_YOUTUBE_PROPERTIES_TYPE;
+    };
 };
 export type CB_TWITTER = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_TWITTER;
-    properties: CB_TWITTER_PROPERTIES_TYPE;
+    jsonProperties: {
+        data: CB_TWITTER_PROPERTIES_TYPE;
+    };
 };
 export declare enum CB_ALL_CODES {
     CB_TEXT = "CB_TEXT",

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

@@ -1,3 +1,3 @@
 import type { Device, JsonPropertiesParserResult } from './types';
 import type { ISectionJsonProperties } from '../../../../DynamicLayout/types';
-export default function parseJsonProperties(properties: ISectionJsonProperties | undefined, device: Device): JsonPropertiesParserResult;
+export default function parseJsonProperties(properties: ISectionJsonProperties['data'] | undefined, device: Device): JsonPropertiesParserResult;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js

@@ -12,8 +12,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.parsePlacement = void 0;
 function parsePlacement(components) {
     return components.reduce(function (acc, cur) {
-        var id = cur.id, properties = cur.properties;
-        var _a = parsePropPlacement(properties.CB_PLACEMENT_PROP_PLACEMENT, id), mobileLayout = _a.mobileLayout, desktopLayout = _a.desktopLayout;
+        var id = cur.id, jsonProperties = cur.jsonProperties;
+        var _a = parsePropPlacement(jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, id), mobileLayout = _a.mobileLayout, desktopLayout = _a.desktopLayout;
         return {
             sm: __spreadArray(__spreadArray([], acc.sm, true), [mobileLayout], false),
             lg: __spreadArray(__spreadArray([], acc.lg, true), [desktopLayout], false)

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

@@ -132,3 +132,6 @@ export type ParserResult = {
 };
 export type JsonPropertiesParserResult = Omit<ParserResult, 'hoverStyle'> & OverlayStyle;
 export type NamedPropAllTypes = NamedStylePropType | NamedLayoutPropType;
+export type IndexForIntersection = {
+    index: number;
+};

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

@@ -1,11 +1,12 @@
-/// <reference types="react" />
 import type { TypeOfSectionAction } from './sectionActionTypes';
+import type { CustomSectionImperativeHandleRef } from './sections/CustomSection/CustomSection';
 import type { ComponentBlock } from './sections/CustomSection/types';
 import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './sections/CustomSection/util/contentPropParsers/parseContentVisibility';
 import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './sections/CustomSection/util/effectPropParsers/parseEffectPropEntAnim';
 import type { CB_LAYOUT_PROP_PADDING_SPECS } from './sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding';
 import type { CB_STYLE_PROP_BGCOLOR_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgColor';
 import type { CB_STYLE_PROP_BGOVERLAY_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay';
+import type { Ref } from 'react';
 export { TypeOfSectionAction };
 export type TypeOfSectionManifestSchema = 'BASE_INTRO' | 'BASE_CONTENTS' | 'BASE_CONTENTS_CAROUSEL' | 'BASE_FOOTER' | 'BASE_INFO_BOX' | 'EXP_IFRAME' | 'PRG_MEMBERSHIP_DISPLAY' | 'CUSTOM';
 export type TypeofSectionTemplate = 'BASE_INTRO_A' | 'BASE_INTRO_B' | 'BASE_INTRO_C' | 'BASE_INTRO_D' | 'BASE_CONTENTS_A' | 'BASE_CONTENTS_B' | 'BASE_CONTENTS_CAROUSEL_A' | 'BASE_CONTENTS_CAROUSEL_B' | 'BASE_FOOTER_A' | 'BASE_FOOTER_B' | 'BASE_INFO_BOX_A' | 'EXP_IFRAME_A' | 'PRG_MEMBERSHIP_DISPLAY_A' | 'PRG_MEMBERSHIP_DISPLAY_B' | null | undefined;
@@ -210,6 +211,7 @@ export interface IItemDescription extends IDescription {
     text: string;
     color?: string;
 }
+export type CustomSectionShortcutKeysType = 'BULK_SELECT' | 'COLLISION_SELECT' | 'SELECT_ALL' | 'MANUAL_COLLISION_SELECT' | 'MANUAL_BULK_BREAK' | null;
 export type DynamicLayoutProps = {
     device: 'DESKTOP' | 'MOBILE';
     /** @default 'NORMAL */
@@ -224,6 +226,8 @@ export type DynamicLayoutProps = {
     sectionActionHandler?: (action: TypeOfSectionAction) => void;
     programmedSectionComponents?: IProgrammedSectionComponents;
     width?: number;
+    shortcutKeyMode?: CustomSectionShortcutKeysType;
+    dynamicLayoutRef?: Ref<CustomSectionImperativeHandleRef>;
 };
 export type NavHandlerAction = {
     openNewTab: boolean;
@@ -295,25 +299,27 @@ export type IMembershipDisplay = {
     connectedMemberships: IConnectedMembership[];
 };
 export type ISectionJsonProperties = {
-    CB_CONTENT_PROP_SECTION: {
-        CB_CONTENT_PROP_SECTION_SPEC_VARIABLEROOTFONTSIZE: boolean;
-    };
-    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
-    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
-    CB_LAYOUT_PROP_PADDING?: CB_LAYOUT_PROP_PADDING_SPECS;
-    CB_PLACEMENT_PROP_SECTION: {
-        CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH: boolean;
-        'CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE': boolean | null | undefined;
-        CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT: number;
-        'CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE': number | null | undefined;
-        CB_PLACEMENT_PROP_SECTION_SPEC_ROWS: number;
-        'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': number | null | undefined;
-        CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: number;
-        'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': number | null | undefined;
+    data: {
+        CB_CONTENT_PROP_SECTION: {
+            CB_CONTENT_PROP_SECTION_SPEC_VARIABLEROOTFONTSIZE: boolean;
+        };
+        CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+        CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+        CB_LAYOUT_PROP_PADDING?: CB_LAYOUT_PROP_PADDING_SPECS;
+        CB_PLACEMENT_PROP_SECTION: {
+            CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH: boolean;
+            'CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE': boolean | null | undefined;
+            CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT: number;
+            'CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE': number | null | undefined;
+            CB_PLACEMENT_PROP_SECTION_SPEC_ROWS: number;
+            'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': number | null | undefined;
+            CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: number;
+            'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': number | null | undefined;
+        };
+        CB_STYLE_PROP_BGCOLOR?: CB_STYLE_PROP_BGCOLOR_SPECS;
+        CB_STYLE_PROP_BGMEDIA?: CB_STYLE_PROP_BGMEDIA_SPECS;
+        CB_STYLE_PROP_BGOVERLAY?: CB_STYLE_PROP_BGOVERLAY_SPECS;
     };
-    CB_STYLE_PROP_BGCOLOR?: CB_STYLE_PROP_BGCOLOR_SPECS;
-    CB_STYLE_PROP_BGMEDIA?: CB_STYLE_PROP_BGMEDIA_SPECS;
-    CB_STYLE_PROP_BGOVERLAY?: CB_STYLE_PROP_BGOVERLAY_SPECS;
 };
 export type CB_STYLE_PROP_BGMEDIA_SPECS_BASE = {
     CB_STYLE_PROP_BGMEDIA_SPEC_YSRC: string;

package/dist/src/sub/DynamicLayout/utils/deepCopy.d.ts

@@ -0,0 +1 @@
+export default function deepCopy<T>(obj: T): T;

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function deepCopy(obj) {
+    if (typeof obj !== 'object' || obj === null) {
+        return obj;
+    }
+    var result = Array.isArray(obj) ? [] : {};
+    for (var key in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+            result[key] = deepCopy(obj[key]);
+        }
+    }
+    return result;
+}
+exports.default = deepCopy;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "2.2.49",
+  "version": "2.2.50",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -22,7 +22,7 @@
     "i18next-intervalplural-postprocessor": "^3.0.0",
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
-    "publ-echo": "^0.0.25",
+    "publ-echo": "^0.0.45",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",

package/release-note.md

@@ -1,28 +1,22 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.49]
+## [v2.2.50]
 ## daily|https://design.storybook.publ.biz/
 
-### Component
-    * Icon
-        * ic_home
-            * fill 추가
-        * ic_papp_type
-            * fill 추가
-        * ic_plan
-            * fill 추가
-        * ic_sales
-            * fill 추가
-        * ic_selle_intro
-            * fill 추가
-        * ic_shoppingbag
-            * fill 추가
-        * ic_site
-            * line, fill 추가
-        * ic_target
-            * fill 추가
-        * ic_user
-            * line, fill 추가
-    * TextFieldBase
-        * enter관련하여 e.code를 사용하던 부분을 e.key로 변경
-### Color
-    * 컬러 키 값 24.02.21 11시 42분 기준 싱크
+### sub
+    * DynamicLayout
+        * DATA_STRUCTURE
+            * 데이터 구조 서버와 일치 (jsonproperties.data) parser 삭제를 위해.
+        * BULK SELECT & ACTIONS
+            * 벌크 이동
+            * 벌크 복제 (+ shortcut)
+            * 벌크 삭제 (+ shortcut)
+            * 전체 선택
+            * 겹 선택
+            * 벌크 내 요소 개별 선택해제
+            * 벌크 선택 해제
+            * 새로 복제된 CB / BULK - CB를 상위에서 선택할 수 있는 handler
+        * UX 개선
+            * 튕김 현상 개선 (ECHO 업데이트)
+            * 실효성 없는 변화 (제자리 drop, resize) 액션 제한
+            * 애니메이션 포함된 요소가 사라지는 현상
+            * 벌크 선택 시 1px차이로 움찔 거리는 이슈의 중요부분 (ECHO 업데이트)

package/dist/src/sub/DynamicLayout/mock_customSection.d.ts

@@ -1,2 +0,0 @@
-import type { ISection } from './types';
-export declare const customSectionMock1: ISection;