pds-dev-kit-web-test 0.3.16 → 0.3.17

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { DynamicLayoutProps } from './types';
-declare function DynamicLayout({ device, mode, isPreview, sections, scrollDownTargetSectionId, editingSectionId, navigationHandler, sectionActionHandler, onClickEditSection, programmedSectionComponents }: DynamicLayoutProps): JSX.Element;
+declare function DynamicLayout({ device, mode, isPreview, sections, scrollDownTargetSectionId, editingSectionId, navigationHandler, sectionActionHandler, onClickEditSection, programmedSectionComponents, activeBulkSelectMode }: DynamicLayoutProps): JSX.Element;
 export default DynamicLayout;

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

@@ -25,7 +25,7 @@ var EditModeSectionMatcher_1 = require("./components/EditModeSectionMatcher");
 var SectionMatcher_1 = require("./components/SectionMatcher");
 var dynamicLayoutContext_1 = require("./dynamicLayoutContext");
 function DynamicLayout(_a) {
-    var device = _a.device, _b = _a.mode, mode = _b === void 0 ? 'NORMAL' : _b, isPreview = _a.isPreview, sections = _a.sections, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, navigationHandler = _a.navigationHandler, sectionActionHandler = _a.sectionActionHandler, onClickEditSection = _a.onClickEditSection, programmedSectionComponents = _a.programmedSectionComponents;
+    var device = _a.device, _b = _a.mode, mode = _b === void 0 ? 'NORMAL' : _b, isPreview = _a.isPreview, sections = _a.sections, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, navigationHandler = _a.navigationHandler, sectionActionHandler = _a.sectionActionHandler, onClickEditSection = _a.onClickEditSection, programmedSectionComponents = _a.programmedSectionComponents, activeBulkSelectMode = _a.activeBulkSelectMode;
     var filteredSortedSection = __spreadArray([], sections, true).filter(function (section) { return section.display; })
         .sort(function (a, b) { return a.order - b.order; });
     var iframeSection = filteredSortedSection.find(function (section) { return section.manifest.schema === 'EXP_IFRAME' && section.display; });
@@ -36,7 +36,8 @@ function DynamicLayout(_a) {
             navigationHandler: navigationHandler,
             sectionActionHandler: sectionActionHandler,
             editingSectionId: editingSectionId,
-            programmedSectionComponents: programmedSectionComponents
+            programmedSectionComponents: programmedSectionComponents,
+            activeBulkSelectMode: activeBulkSelectMode
         } }, { children: [mode === 'EDIT' && onClickEditSection && ((0, jsx_runtime_1.jsx)(EditModeSectionMatcher_1.EditModeSectionMatcher, { editingSectionId: editingSectionId, scrollDownTargetSectionId: scrollDownTargetSectionId, filteredSortedSection: filteredSortedSection, onClickEditSection: onClickEditSection })), mode !== 'EDIT' &&
                 (iframeSection ? ((0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, iframeSection), iframeSection.id)) : (filteredSortedSection.map(function (section) { return (0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, section), section.id); })))] })));
 }

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

@@ -62,7 +62,7 @@ var MOBILE_GRID_COLS = 8;
 var GLE_MIN_WIDTH_DESKTOP_PX = "".concat(GRID_CELL_MIN * DESKTOP_GRID_COLS, "px");
 var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
 function CustomSection(props) {
-    var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, editingSectionId = _a.editingSectionId, mode = _a.mode, sectionActionHandler = _a.sectionActionHandler;
+    var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, editingSectionId = _a.editingSectionId, mode = _a.mode, sectionActionHandler = _a.sectionActionHandler, activeBulkSelectMode = _a.activeBulkSelectMode;
     var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
     var _b = jsonProperties, CB_PLACEMENT_PROP_SECTION = _b.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _b.CB_LAYOUT_PROP_PADDING, CB_CONTENT_PROP_SECTION = _b.CB_CONTENT_PROP_SECTION;
     var _c = (0, react_1.useState)(null), selectedCB = _c[0], setSelectedCB = _c[1];
@@ -91,7 +91,7 @@ function CustomSection(props) {
     var _g = (0, useGroupDrag_1.useGroupDrag)({
         setLayouts: setLayouts,
         device: device
-    }), isShiftOn = _g.isShiftOn, setGroupCB = _g.setGroupCB, breakGroupCB = _g.breakGroupCB;
+    }), setGroupCB = _g.setGroupCB, breakGroupCB = _g.breakGroupCB;
     var _h = (0, util_1.parseCustomSectionPlacement)({
         isMobile: isMobile,
         customSectionProps: CB_PLACEMENT_PROP_SECTION
@@ -106,7 +106,7 @@ function CustomSection(props) {
         if (!isEditMode) {
             return;
         }
-        if (selectedCB && isShiftOn) {
+        if (selectedCB && activeBulkSelectMode) {
             setGroupCB(selectedCB, id);
             sectionActionHandler &&
                 sectionActionHandler({

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

@@ -8,7 +8,6 @@ type Props = {
     setLayouts: React.Dispatch<React.SetStateAction<LayoutsType>>;
 };
 declare function useGroupDrag({ device, setLayouts }: Props): {
-    isShiftOn: boolean;
     setGroupCB: (selectedId: number | 'group', newId: number) => void;
     breakGroupCB: () => void;
     getGroupCB: (layout: Layout) => LayoutItemWithGroupType | null;

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

@@ -11,28 +11,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
 var utils_1 = require("./utils");
 function useGroupDrag(_a) {
     var device = _a.device, setLayouts = _a.setLayouts;
-    var _b = (0, react_1.useState)(false), isShiftOn = _b[0], setIsShiftOn = _b[1];
     var layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
-    (0, react_1.useEffect)(function () {
-        function onKeyDown(e) {
-            if (e.key === 'Shift') {
-                setIsShiftOn(true);
-            }
-        }
-        function onKeyUp() {
-            setIsShiftOn(false);
-        }
-        document.addEventListener('keydown', onKeyDown);
-        document.addEventListener('keyup', onKeyUp);
-        return function () {
-            document.removeEventListener('keydown', onKeyDown);
-            document.removeEventListener('keyup', onKeyUp);
-        };
-    }, []);
     function setGroupCB(selectedId, newId) {
         setLayouts(function (prev) {
             var currentLayout = prev[layoutByDevice];
@@ -71,6 +53,6 @@ function useGroupDrag(_a) {
         var groupItem = layout[groupIdx];
         return groupItem;
     }
-    return { isShiftOn: isShiftOn, setGroupCB: setGroupCB, breakGroupCB: breakGroupCB, getGroupCB: getGroupCB };
+    return { setGroupCB: setGroupCB, breakGroupCB: breakGroupCB, getGroupCB: getGroupCB };
 }
 exports.default = useGroupDrag;

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

@@ -224,6 +224,7 @@ export type DynamicLayoutProps = {
     sectionActionHandler?: (action: TypeOfSectionAction) => void;
     programmedSectionComponents?: IProgrammedSectionComponents;
     width?: number;
+    activeBulkSelectMode?: boolean;
 };
 export type NavHandlerAction = {
     openNewTab: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "0.3.16",
+  "version": "0.3.17",
   "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.27",
+    "publ-echo": "^0.0.28",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",

package/release-note.md

@@ -1,7 +1,7 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v0.3.16]
+## [v0.3.17]
 ## 기준 pds-dev-kit-web 버전 @2.2.41
 ### sub
     * DynamicLayout
-      * CustomSection의 group 이동 기능 추가
-        * group화/group drag/ group drag stop시 outerBasedPositions payload
+        * fix: shiftKey(벌크선택모드) on/off 코드를 제거
+        * echo 업데이트