pds-dev-kit-web-test 2.5.60 → 2.5.63

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

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { LayoutItemWithGroupType } from './utils';
-import type { LayoutsType } from '../../CustomSection';
-import type { Device } from '../../util/types';
-import type { DynamicLayoutProps } from '@sub/DynamicLayout/types';
-import type { Layout, LayoutItem } from 'publ-echo/dist/lib';
-type Props = {
-    device: Device;
-    layouts: LayoutsType;
-    setLayouts: React.Dispatch<React.SetStateAction<LayoutsType>>;
-    sectionActionHandler: DynamicLayoutProps['sectionActionHandler'];
-};
-declare function useGroupDrag({ device, setLayouts, sectionActionHandler, layouts }: Props): {
-    setGroupCB: (selectedId: number | 'group', newId: number) => void;
-    breakGroupCB: () => void;
-    makeAllInOneGroup: () => void;
-    escapeFromGroup: (id: string) => void;
-    makeCollisionGroup: (id: number, selectedCBId?: number) => void;
-    makeCollisionOfBulk: () => void;
-    getCollisionGroupIds: (id: number, selectedCBId?: number) => string[];
-};
-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,297 +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("@sub/DynamicLayout/utils/deepCopy"));
-var utils_1 = require("./utils");
-function useGroupDrag(_a) {
-    var device = _a.device, setLayouts = _a.setLayouts, sectionActionHandler = _a.sectionActionHandler, layouts = _a.layouts;
-    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/BULK_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/BULK_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_BULK',
-                    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/BULK_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/BULK_DISMISSED',
-                payload: {
-                    message: 'group dismissed'
-                }
-            });
-    }, []);
-    function getCollisionGroupIds(id, selectedCBId) {
-        var currentLayoutCopy = (0, deepCopy_1.default)(layouts[layoutByDevice]); // 현재 레이아웃 복사
-        var additionalSelectedCBLayout = (function () {
-            if (selectedCBId === undefined || id === selectedCBId) {
-                return null;
-            }
-            return (0, renderHelpers_1.getLayoutItem)(currentLayoutCopy, selectedCBId.toString());
-        })();
-        var layout = (0, renderHelpers_1.getLayoutItem)(currentLayoutCopy, id.toString());
-        if (!layout) {
-            return []; // 해당 id에 대한 layout이 없으면 빈 배열 반환
-        }
-        var collisions = (0, renderHelpers_1.getAllCollisions)(currentLayoutCopy, layout);
-        var groupLayouts = __spreadArray([layout], collisions, true);
-        if (additionalSelectedCBLayout) {
-            var alreadyHas = collisions.some(function (each) { return each.i === additionalSelectedCBLayout.i; });
-            if (!alreadyHas) {
-                groupLayouts.push(additionalSelectedCBLayout);
-            }
-        }
-        // 충돌 그룹 내의 layout 아이템의 id만 반환
-        return groupLayouts.map(function (item) { return item.i; });
-    }
-    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/BULK_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/BULK_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/BULK_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,
-        getCollisionGroupIds: getCollisionGroupIds
-    };
-}
-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;