pds-dev-kit-web-test 2.5.28 → 2.5.30

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

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

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

@@ -445,18 +445,37 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
         }
         return false;
     })();
-    var onDrop = function (layout, layoutItem, _event) {
-        alert("Dropped element props:\n".concat(JSON.stringify(layoutItem, ['x', 'y', 'w', 'h'], 2)));
+    var _j = (0, react_1.useState)(), droppingItem = _j[0], setDroppingItem = _j[1];
+    var onDrop = function (layout, layoutItem, e) {
+        var data = e.dataTransfer.getData('text/plain');
+        console.log(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,
+                    data: data
+                }
+            });
     };
     var onDropDragOver = function (e) {
-        return { w: 10, h: 10 };
+        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)("div", __assign({ className: "droppable-element", draggable: true, unselectable: "on", 
-                    // this is a hack for firefox
-                    // Firefox requires some kind of initialization
-                    // which we can do by adding this attribute
-                    // @see https://bugzilla.mozilla.org/show_bug.cgi?id=568313
-                    onDragStart: function (e) { return e.dataTransfer.setData('text/plain', ''); } }, { children: "Droppable Element (Drag me!)" })), (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: {
+    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,
@@ -468,6 +487,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                                 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}
                             // 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.28",
+  "version": "2.5.30",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",