pds-dev-kit-web-test 0.3.44 → 2.2.48

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,21 +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;
-};
-export declare function getGroupCB(layout: Layout): LayoutItemWithGroupType | null;
-export declare const filterItemsById: (layout: Layout, idsToRemove: string[]) => LayoutItem[];
-export default useGroupDrag;

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

@@ -1,225 +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);
-                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);
-            return __assign(__assign({}, prev), (_b = {}, _b[layoutByDevice] = [group], _b));
-        });
-        sectionActionHandler &&
-            sectionActionHandler({
-                type: '@CUSTOMSECTION/GROUP_CREATED',
-                payload: {
-                    message: 'group generated'
-                }
-            });
-    }
-    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);
-            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);
-            return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = currentLayoutCopy, _a));
-        });
-        sectionActionHandler &&
-            sectionActionHandler({
-                type: '@CUSTOMSECTION/GROUP_CREATED',
-                payload: {
-                    message: 'group generated'
-                }
-            });
-    }
-    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'
-                        }
-                    });
-                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'
-                        }
-                    });
-                return __assign(__assign({}, prev), (_b = {}, _b[layoutByDevice] = __spreadArray([newGroup_1], filtered, true), _b));
-            }
-            return prev;
-        });
-    }
-    return { setGroupCB: setGroupCB, breakGroupCB: breakGroupCB, makeAllInOneGroup: makeAllInOneGroup, escapeFromGroup: escapeFromGroup, makeCollisionGroup: makeCollisionGroup };
-}
-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/hooks/useGroupDrag/utils.d.ts

@@ -1,12 +0,0 @@
-import type { ComponentBlock } from '../../types';
-import type { LayoutItem } from 'publ-echo/dist/lib';
-export interface LayoutItemWithGroupType extends LayoutItem {
-    childrenIds: string[];
-}
-export declare function getGroupData(elem1: LayoutItemWithGroupType, elem2: LayoutItemWithGroupType): LayoutItemWithGroupType;
-export declare function recalculatedGroup(group: LayoutItemWithGroupType): LayoutItemWithGroupType;
-export declare function getGroupForMultiple(elems: LayoutItem[]): LayoutItemWithGroupType;
-export declare function splitComponentBlocksByGroup(componentBlocks: ComponentBlock[], groupIds: string[]): {
-    inGroup: ComponentBlock[];
-    notInGroup: ComponentBlock[];
-};

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

@@ -1,127 +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));
-};
-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/utils/deepCopy.d.ts

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

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

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