pds-dev-kit-web-test 2.5.29 → 2.5.31

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

@@ -79,13 +79,6 @@ type ActionHandlerPayload = {
     '@CUSTOMSECTION/ESCAPE_ONE_FROM_GROUP': {
         id: string;
     };
-    '@CUSTOMSECTION/ON_DROP_FROM_OUTSIDE': {
-        layout: Layout;
-        layoutItem: LayoutItem;
-    };
-    '@CUSTOMSECTION/ON_DROP_DRAG_OVER': {
-        e: any;
-    };
 };
 type ActionMap<M extends {
     [index: string]: any;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ISection } from '../../types';
-import type { Layout } from 'publ-echo-test/dist/lib/GridLayoutEditor/types';
+import type { Layout } from 'publ-echo/dist/lib/GridLayoutEditor/types';
 export type LayoutsType = {
     sm: Layout;
     lg: Layout;

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

@@ -53,7 +53,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.S_gleStyles = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var publ_echo_test_1 = require("publ-echo-test");
-var ReactGridLayout_1 = __importDefault(require("publ-echo-test/dist/lib/GridLayoutEditor/ReactGridLayout"));
+var ReactGridLayout_1 = __importDefault(require("publ-echo/dist/lib/GridLayoutEditor/ReactGridLayout"));
 var react_1 = __importStar(require("react"));
 var ErrorBoundary_1 = require("../../../DynamicLayout/components/Section/ErrorBoundary");
 var dynamicLayoutContext_1 = require("../../../DynamicLayout/dynamicLayoutContext");
@@ -445,48 +445,18 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
         }
         return false;
     })();
-    var _j = (0, react_1.useState)(), droppingItem = _j[0], setDroppingItem = _j[1];
-    var onDrop = function (layout, layoutItem, _event) {
-        // const data = _event.dataTransfer.getData('text/plain');
-        // setDroppingItem(data);
-        // alert(`Dropped element props:\n${JSON.stringify(layoutItem, ['x', 'y', 'w', 'h'], 2)}`);
-        if (!isEditMode) {
-            return;
-        }
-        sectionActionHandler &&
-            sectionActionHandler({
-                type: '@CUSTOMSECTION/ON_DROP_FROM_OUTSIDE',
-                payload: {
-                    layout: layout,
-                    layoutItem: layoutItem
-                }
-            });
-    };
-    var onDropDragOver = function (e) {
-        if (!sectionActionHandler) {
-            return null;
-        }
-        // return sectionActionHandler({
-        //   type: '@CUSTOMSECTION/ON_DROP_FROM_OUTSIDE',
-        //   payload: {
-        //     e
-        //   }
-        // });
-        return null;
-    };
     return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsxs)(exports.S_gleStyles, { children: [showSectionHiddenCover && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
                             minHeight: customSectionStyles.minHeight,
                             paddingTop: padding.top,
                             paddingBottom: padding.bottom,
                             paddingRight: padding.right,
                             paddingLeft: padding.left
-                        } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ innerRef: innerRef, allowOverlap: true, isDroppable: true, layouts: layouts, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: 24, sm: 8 }, rowHeight: rowHeight, margin: [10, 10], style: {
+                        } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ innerRef: innerRef, allowOverlap: true, layouts: layouts, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: 24, sm: 8 }, rowHeight: rowHeight, margin: [10, 10], style: {
                                 width: customSectionStyles.width,
                                 maxWidth: customSectionStyles.maxWidth,
                                 minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
                                 fontSize: "".concat(baseFontSize, "px")
-                            }, onLayoutChange: onLayoutChange, onDragStart: onDragStart, onDragStop: onDragStop, onDrop: onDrop, onResizeStop: onResizeStop, onDropDragOver: onDropDragOver, 
-                            // droppingItem={droppingItem}
+                            }, onLayoutChange: onLayoutChange, onDragStart: onDragStart, onDragStop: onDragStop, onResizeStop: onResizeStop, 
                             // onFitToContent={onAutoFitContent}
                             onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode }, { children: keepSimilarOrderToPreventRerender(layouts[layoutByDevice]).map(function (each, index) {
                                 var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.5.29",
+  "version": "2.5.31",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -23,7 +23,7 @@
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
     "publ-echo": "^0.0.45",
-    "publ-echo-test": "^0.0.38",
+    "publ-echo-test": "^0.0.39",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",