publ-echo-test 0.0.87 → 0.0.89

package/dist/lib/Draggable/DraggableCore.js

@@ -30,12 +30,13 @@ var DraggableCore = function (_a) {
     var _c = _a.allowAnyClick, allowAnyClick = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.enableUserSelectHack, enableUserSelectHack = _e === void 0 ? true : _e, _f = _a.onStart, onStart = _f === void 0 ? function () { } : _f, _g = _a.onDrag, onDrag = _g === void 0 ? function () { } : _g, _h = _a.onStop, onStop = _h === void 0 ? function () { } : _h, _j = _a.onMouseDown, onMouseDown = _j === void 0 ? function () { } : _j, _k = _a.scale, scale = _k === void 0 ? 1 : _k, children = _a.children, props = __rest(_a, ["allowAnyClick", "disabled", "enableUserSelectHack", "onStart", "onDrag", "onStop", "onMouseDown", "scale", "children"]);
     var draggableCoreRef = useRef(null);
     var isMounted = useRef(false);
-    var _l = useState({
+    var _l = useState(false), pointerEventsNone = _l[0], setPointerEventsNone = _l[1];
+    var _m = useState({
         dragging: false,
         lastX: NaN,
         lastY: NaN,
         touchIdentifier: null,
-    }), draggableCoreState = _l[0], setDraggableCoreState = _l[1];
+    }), draggableCoreState = _m[0], setDraggableCoreState = _m[1];
     /**
      * @when DraggableCore가 랜더링 했을 때
      * @expected 해당 DOMNode에서 Drag가 동작할 수 있도록 event를 추가합니다.
@@ -240,10 +241,12 @@ var DraggableCore = function (_a) {
         }
     }
     var handleMouseDown = function (e) {
+        setPointerEventsNone(true);
         dragEventFor = EVENTS.MOUSE;
         return handleDragStart(e);
     };
     var handleMouseUp = function (e) {
+        setPointerEventsNone(false);
         dragEventFor = EVENTS.MOUSE;
         return handleDragStop(e);
     };
@@ -261,6 +264,7 @@ var DraggableCore = function (_a) {
         onMouseUp: handleMouseUp,
         onTouchEnd: handleTouchEnd,
         ref: (_b = props.nodeRef) !== null && _b !== void 0 ? _b : draggableCoreRef,
+        className: pointerEventsNone ? 'pointer-events-none' : props.className,
     });
 };
 export default DraggableCore;

package/dist/lib/GridItem/GridItem.js

@@ -172,15 +172,7 @@ var GridItem = function (_a) {
      * @return {Element}          Child wrapped in Draggable.
      */
     var mixinDraggable = function (child, isDraggable) {
-        function onMouseDownDraggable() {
-            var _a;
-            if (!isDraggable) {
-                if ((_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.classList) {
-                    setPointerEventsNone(true);
-                }
-            }
-        }
-        return (_jsx(DraggableCore, { disabled: !isDraggable, onMouseDown: onMouseDownDraggable, onStart: onDragStart, onDrag: onDrag, onStop: onDragStop, handle: handle, cancel: ".react-resizable-handle" + (cancel ? "," + cancel : ""), scale: transformScale, nodeRef: elementRef, children: child }));
+        return (_jsx(DraggableCore, { disabled: !isDraggable, onStart: onDragStart, onDrag: onDrag, onStop: onDragStop, handle: handle, cancel: ".react-resizable-handle" + (cancel ? "," + cancel : ""), scale: transformScale, nodeRef: elementRef, children: child }));
     };
     /**
      * Mix a Resizable instance into a child.
@@ -407,6 +399,7 @@ var GridItem = function (_a) {
             "react-draggable-dragging": Boolean(dragging),
             // dropping: Boolean(droppingPosition),
             cssTransforms: useCSSTransforms,
+            'pointer-events-none': !isDraggable,
         }),
         style: __assign(__assign(__assign({}, props.style), child.props.style), createStyle(pos)),
     });

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -469,7 +469,7 @@ var ReactGridLayout = function (_a) {
         if (!item) {
             return null;
         }
-        return (_jsx(GridItem, { w: activeDrag.w, h: activeDrag.h, x: activeDrag.x, y: activeDrag.y, z: activeDrag.z || 0, i: activeDrag.i, className: classNames('placeholder', { 'bulk-placeholder': isInBulk }), containerWidth: width, cols: cols, margin: margin, containerPadding: containerPadding || margin, maxRows: maxRows, rowHeight: rowHeight, isDraggable: false, isResizable: false, isBounded: false, useCSSTransforms: useCSSTransforms, transformScale: transformScale, autoResize: !!l.autoResize, children: item && item }));
+        return (_jsx(GridItem, { w: activeDrag.w, h: activeDrag.h, x: activeDrag.x, y: activeDrag.y, z: activeDrag.z || 0, i: activeDrag.i, className: 'placeholder', containerWidth: width, cols: cols, margin: margin, containerPadding: containerPadding || margin, maxRows: maxRows, rowHeight: rowHeight, isDraggable: false, isResizable: false, isBounded: false, useCSSTransforms: useCSSTransforms, transformScale: transformScale, autoResize: !!l.autoResize, children: item && item }));
     };
     /**
      * Given a grid item, set its style attributes & surround in a <Draggable>.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "publ-echo-test",
-  "version": "0.0.87",
+  "version": "0.0.89",
   "private": false,
   "main": "dist/lib/index.js",
   "types": "dist/lib/index.d.js",