npm - @jotforminc/dnd-builder - Versions diffs - 2.9.18 → 2.9.19 - Mend

@jotforminc/dnd-builder 2.9.18 → 2.9.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (360) hide show

package/lib/cjs/components/DraggableItem/DraggableItem.js CHANGED Viewed

@@ -50,33 +50,68 @@ var reportItemStyle = {
 };
 var DraggableItem = function DraggableItem(_ref) {
-  var children = _ref.children,
-      guides = _ref.guides,
-      isMultipleItemSelected = _ref.isMultipleItemSelected,
-      isResize = _ref.isResize,
-      isRightPanelOpen = _ref.isRightPanelOpen,
-      isSelected = _ref.isSelected,
-      isTextEditorOpen = _ref.isTextEditorOpen,
-      item = _ref.item,
-      matches = _ref.matches,
-      onAnEventTrigger = _ref.onAnEventTrigger,
-      onItemAdd = _ref.onItemAdd,
-      onItemChange = _ref.onItemChange,
-      onItemRemove = _ref.onItemRemove,
-      onItemResize = _ref.onItemResize,
-      setActiveElement = _ref.setActiveElement,
-      setContextMenuProps = _ref.setContextMenuProps,
-      setIsResize = _ref.setIsResize,
-      setIsRightPanelOpen = _ref.setIsRightPanelOpen,
-      setMatches = _ref.setMatches,
-      zoom = _ref.zoom;
-  var height = item.height,
-      id = item.id,
-      isLocked = item.isLocked,
-      left = item.left,
-      pageID = item.pageID,
-      top = item.top,
-      width = item.width;
+  var _ref$children = _ref.children,
+      children = _ref$children === void 0 ? null : _ref$children,
+      _ref$guides = _ref.guides,
+      guides = _ref$guides === void 0 ? {} : _ref$guides,
+      _ref$isMultipleItemSe = _ref.isMultipleItemSelected,
+      isMultipleItemSelected = _ref$isMultipleItemSe === void 0 ? false : _ref$isMultipleItemSe,
+      _ref$isResize = _ref.isResize,
+      isResize = _ref$isResize === void 0 ? false : _ref$isResize,
+      _ref$isRightPanelOpen = _ref.isRightPanelOpen,
+      isRightPanelOpen = _ref$isRightPanelOpen === void 0 ? false : _ref$isRightPanelOpen,
+      _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$isTextEditorOpen = _ref.isTextEditorOpen,
+      isTextEditorOpen = _ref$isTextEditorOpen === void 0 ? false : _ref$isTextEditorOpen,
+      _ref$item = _ref.item,
+      _item2 = _ref$item === void 0 ? {} : _ref$item,
+      _ref$matches = _ref.matches,
+      matches = _ref$matches === void 0 ? {} : _ref$matches,
+      _ref$onAnEventTrigger = _ref.onAnEventTrigger,
+      onAnEventTrigger = _ref$onAnEventTrigger === void 0 ? function () {} : _ref$onAnEventTrigger,
+      _ref$onItemAdd = _ref.onItemAdd,
+      onItemAdd = _ref$onItemAdd === void 0 ? function () {} : _ref$onItemAdd,
+      _ref$onItemChange = _ref.onItemChange,
+      onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange,
+      _ref$onItemRemove = _ref.onItemRemove,
+      onItemRemove = _ref$onItemRemove === void 0 ? function () {} : _ref$onItemRemove,
+      _ref$onItemResize = _ref.onItemResize,
+      onItemResize = _ref$onItemResize === void 0 ? function () {} : _ref$onItemResize,
+      _ref$setActiveElement = _ref.setActiveElement,
+      setActiveElement = _ref$setActiveElement === void 0 ? function () {} : _ref$setActiveElement,
+      _ref$setContextMenuPr = _ref.setContextMenuProps,
+      setContextMenuProps = _ref$setContextMenuPr === void 0 ? function () {} : _ref$setContextMenuPr,
+      _ref$setIsResize = _ref.setIsResize,
+      setIsResize = _ref$setIsResize === void 0 ? function () {} : _ref$setIsResize,
+      _ref$setIsRightPanelO = _ref.setIsRightPanelOpen,
+      setIsRightPanelOpen = _ref$setIsRightPanelO === void 0 ? function () {} : _ref$setIsRightPanelO,
+      _ref$setMatches = _ref.setMatches,
+      setMatches = _ref$setMatches === void 0 ? function () {} : _ref$setMatches,
+      _ref$zoom = _ref.zoom,
+      zoom = _ref$zoom === void 0 ? 1 : _ref$zoom;
+  var height = _item2.height,
+      id = _item2.id,
+      isLocked = _item2.isLocked,
+      left = _item2.left,
+      pageID = _item2.pageID,
+      top = _item2.top,
+      width = _item2.width;
+  var _useState = React.useState({
+    height: height,
+    left: left,
+    top: top,
+    width: width
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      _useState2$ = _useState2[0],
+      stateHeight = _useState2$.height,
+      stateLeft = _useState2$.left,
+      stateTop = _useState2$.top,
+      stateWidth = _useState2$.width,
+      setResizeSize = _useState2[1];
   var select = function select(event) {
     if (!isSelected) {
@@ -93,7 +128,7 @@ var DraggableItem = function DraggableItem(_ref) {
     }
   };
-  var _canDrag = !item.isLocked && !isTextEditorOpen;
+  var _canDrag = !_item2.isLocked && !isTextEditorOpen;
   var _useDrag = reactDnd.useDrag(function () {
     return {
@@ -105,71 +140,69 @@ var DraggableItem = function DraggableItem(_ref) {
           isDragging: monitor.isDragging()
         };
       },
-      end: function end() {
+      end: function end(_item, monitor) {
+        var dropResult = monitor.getDropResult();
+        if (dropResult && dropResult[id]) {
+          var _dropResult$id = dropResult[id],
+              dropLeft = _dropResult$id.left,
+              dropTop = _dropResult$id.top;
+          setResizeSize(function (prev) {
+            return {
+              height: prev.height,
+              left: dropLeft,
+              top: dropTop,
+              width: prev.width
+            };
+          });
+        }
         scrollZoneFunctions.removeEventListenerForSidebar();
       },
       isDragging: function isDragging() {
         return isMultipleItemSelected && isSelected || !isMultipleItemSelected && isSelected;
       },
       item: function item() {
-        return {
-          height: height,
-          id: id,
-          left: left,
-          top: top,
-          width: width
-        };
+        select();
+        scrollZoneFunctions.addEventListenerForSidebar();
+        return _item2;
       },
       type: itemTypes.DRAGGABLE_ITEM_TYPE
     };
-  }, [_canDrag, height, id, left, top, width, isMultipleItemSelected, isSelected]),
+  }, [_item2, _canDrag, id, isMultipleItemSelected, isSelected]),
       _useDrag2 = _slicedToArray(_useDrag, 3),
       isDragging = _useDrag2[0].isDragging,
       drag = _useDrag2[1],
       preview = _useDrag2[2];
-  var _useState = React.useState({
-    height: height,
-    left: left,
-    top: top,
-    width: width
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      _useState2$ = _useState2[0],
-      stateHeight = _useState2$.height,
-      stateLeft = _useState2$.left,
-      stateTop = _useState2$.top,
-      stateWidth = _useState2$.width,
-      setResizeSize = _useState2[1];
-  React.useEffect(function () {
-    if (!isDragging) return;
-    if (!isSelected) select();
-    scrollZoneFunctions.addEventListenerForSidebar();
-    return function () {
-      scrollZoneFunctions.removeEventListenerForSidebar();
-    };
-  }, [isDragging, isSelected, select]);
   React.useEffect(function () {
-    preview(reactDndHtml5Backend.getEmptyImage(), {
-      captureDraggingState: true
-    });
+    if (preview) {
+      preview(reactDndHtml5Backend.getEmptyImage(), {
+        captureDraggingState: true
+      });
+    }
   }, [preview]);
   React.useEffect(function () {
-    if (width !== stateWidth || height !== stateHeight || left !== stateLeft || top !== stateTop) {
-      setResizeSize({
-        height: height,
-        left: left,
-        top: top,
-        width: width
+    if (!isResize) {
+      setResizeSize(function (prev) {
+        if (prev.left !== left || prev.top !== top || prev.width !== width || prev.height !== height) {
+          return _objectSpread(_objectSpread({}, prev), {}, {
+            height: height,
+            left: left,
+            top: top,
+            width: width
+          });
+        }
+        return prev;
       });
     }
-  }, [width, height, left, top, stateWidth, stateHeight, stateLeft, stateTop]);
+  }, [left, top, width, height, isResize]);
   var onResizeStop = function onResizeStop(deltaWidth, deltaHeight, direction) {
-    var activeItem = _objectSpread(_objectSpread({}, item), {}, {
-      height: item.height + deltaHeight,
-      width: item.width + deltaWidth
+    var activeItem = _objectSpread(_objectSpread({}, _item2), {}, {
+      height: _item2.height + deltaHeight,
+      width: _item2.width + deltaWidth
     });
     if (/left/i.test(direction)) activeItem.left = activeItem.left - deltaWidth;
@@ -219,7 +252,7 @@ var DraggableItem = function DraggableItem(_ref) {
     }
     setIsResize(false);
-    onItemResize(item, newResizeSize);
+    onItemResize(_item2, newResizeSize);
   };
   var onResize = function onResize(deltaWidth, deltaHeight, direction) {
@@ -227,20 +260,20 @@ var DraggableItem = function DraggableItem(_ref) {
       setIsResize(true);
     }
-    var activeItem = _objectSpread(_objectSpread({}, item), {}, {
-      height: item.height + deltaHeight,
-      width: item.width + deltaWidth
+    var activeItem = _objectSpread(_objectSpread({}, _item2), {}, {
+      height: _item2.height + deltaHeight,
+      width: _item2.width + deltaWidth
     });
     if (/left/i.test(direction)) activeItem.left = activeItem.left - deltaWidth;
     if (/top/i.test(direction)) activeItem.top = activeItem.top - deltaHeight;
-    var _guides = _objectSpread(_objectSpread({}, guides), {}, _defineProperty({}, item.id, _objectSpread(_objectSpread({}, guides[item.id]), {}, {
+    var _guides = _objectSpread(_objectSpread({}, guides), {}, _defineProperty({}, _item2.id, _objectSpread(_objectSpread({}, guides[_item2.id]), {}, {
       x: functions.calculateGuidePositions(activeItem, 'x', zoom),
       y: functions.calculateGuidePositions(activeItem, 'y', zoom)
     })));
-    setMatches(functions.proximityListener(item.id, _guides));
+    setMatches(functions.proximityListener(_item2.id, _guides));
     setResizeSize({
       height: activeItem.height,
       left: activeItem.left,
@@ -252,18 +285,18 @@ var DraggableItem = function DraggableItem(_ref) {
   var deleteItem = function deleteItem() {
     setIsRightPanelOpen(false);
     setActiveElement(null);
-    onItemRemove(item);
-    onAnEventTrigger('removeItem', item.itemType);
+    onItemRemove(_item2);
+    onAnEventTrigger('removeItem', _item2.itemType);
   };
   var duplicateItem = function duplicateItem() {
     var itemID = generateId();
-    onItemAdd(_objectSpread(_objectSpread({}, item), {}, {
+    onItemAdd(_objectSpread(_objectSpread({}, _item2), {}, {
       id: itemID,
-      left: item.left + 50,
-      top: item.top + 50
+      left: _item2.left + 50,
+      top: _item2.top + 50
     }));
-    onAnEventTrigger('duplicateItem', item.itemType);
+    onAnEventTrigger('duplicateItem', _item2.itemType);
     setActiveElement(itemID);
     if (!isRightPanelOpen) {
@@ -295,7 +328,7 @@ var DraggableItem = function DraggableItem(_ref) {
     }
     e.preventDefault();
-    onAnEventTrigger('openContextMenu', item.itemType);
+    onAnEventTrigger('openContextMenu', _item2.itemType);
     setContextMenuProps({
       id: id,
       pageID: pageID,
@@ -315,7 +348,7 @@ var DraggableItem = function DraggableItem(_ref) {
   var duplicateWithAltKey = function duplicateWithAltKey(e) {
     if (e.altKey) {
       var itemID = generateId();
-      var itemToAdd = item;
+      var itemToAdd = _item2;
       setTimeout(function () {
         onItemAdd(_objectSpread(_objectSpread({}, itemToAdd), {}, {
           id: itemID,
@@ -328,15 +361,15 @@ var DraggableItem = function DraggableItem(_ref) {
   };
   var changeLockStatus = function changeLockStatus() {
-    onAnEventTrigger(item.isLocked ? 'unlockReportItem' : 'lockReportItem', item.itemType);
+    onAnEventTrigger(_item2.isLocked ? 'unlockReportItem' : 'lockReportItem', _item2.itemType);
     onItemChange({
-      id: item.id
+      id: _item2.id
     }, {
-      isLocked: item.isLocked ? false : true
+      isLocked: _item2.isLocked ? false : true
     });
-    if (!item.isLocked) {
-      setActiveElement(item.id, false);
+    if (!_item2.isLocked) {
+      setActiveElement(_item2.id, false);
       setIsRightPanelOpen(false);
     }
   };
@@ -353,11 +386,10 @@ var DraggableItem = function DraggableItem(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         ref: drag,
         className: "".concat(classNames.reportItem).concat(isLocked ? ' isLocked' : ''),
-        onClick: select,
         onContextMenu: onContextMenuClick,
         onDoubleClick: onDoubleClick,
         onDragStart: duplicateWithAltKey,
-        onKeyDown: function onKeyDown() {},
+        onMouseDown: select,
         style: reportItemStyle,
         children: children
       })
@@ -370,7 +402,7 @@ var DraggableItem = function DraggableItem(_ref) {
       isRightPanelOpen: isRightPanelOpen,
       isSelectedElement: isSelected,
       isTextEditorOpen: isTextEditorOpen,
-      item: item,
+      item: _item2,
       onClickOutside: onClickOutside,
       onResize: onResize,
       onResizeStop: onResizeStop,
@@ -416,28 +448,6 @@ DraggableItem.propTypes = {
   setIsRightPanelOpen: PropTypes__default['default'].func,
   setMatches: PropTypes__default['default'].func,
   zoom: PropTypes__default['default'].number
-};
-DraggableItem.defaultProps = {
-  children: null,
-  guides: {},
-  isMultipleItemSelected: false,
-  isResize: false,
-  isRightPanelOpen: false,
-  isSelected: false,
-  isTextEditorOpen: false,
-  item: {},
-  matches: {},
-  onAnEventTrigger: function onAnEventTrigger() {},
-  onItemAdd: function onItemAdd() {},
-  onItemChange: function onItemChange() {},
-  onItemRemove: function onItemRemove() {},
-  onItemResize: function onItemResize() {},
-  setActiveElement: function setActiveElement() {},
-  setContextMenuProps: function setContextMenuProps() {},
-  setIsResize: function setIsResize() {},
-  setIsRightPanelOpen: function setIsRightPanelOpen() {},
-  setMatches: function setMatches() {},
-  zoom: 1
 }; // avoid unnecessary renders while resizing
 var areEqual = function areEqual(prevProps, nextProps) {

package/lib/cjs/components/DraggableItem/DraggableItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DraggableItem.js","sources":["../../../../src/components/DraggableItem/DraggableItem.js"],"sourcesContent":["import { useEffect, useState, memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDrag } from 'react-dnd';\nimport { getEmptyImage } from 'react-dnd-html5-backend';\nimport isEqual from 'lodash.isequal';\nimport ItemPositioner from '../ItemPositioner';\nimport { DRAGGABLE_ITEM_TYPE } from '../../constants/itemTypes';\nimport {\n getStyles,\n getPosition, calculateGuidePositions, proximityListener,\n} from '../../utils/functions';\nimport PageItemResizer from '../PageItemResizer';\nimport ErrorBoundary from '../ErrorBoundary';\nimport * as classNames from '../../constants/classNames';\nimport generateId from '../../utils/generateId';\nimport {\n addEventListenerForSidebar,\n removeEventListenerForSidebar,\n} from '../../utils/scrollZoneFunctions';\n\nconst exceptionalClassesForClickOutside = ['contextMenu-itemLabel', 'contextMenu-item'];\nconst reportItemStyle = {\n height: '100%',\n width: '100%',\n};\n\nconst DraggableItem = ({\n children,\n guides,\n isMultipleItemSelected,\n isResize,\n isRightPanelOpen,\n isSelected,\n isTextEditorOpen,\n item,\n matches,\n onAnEventTrigger,\n onItemAdd,\n onItemChange,\n onItemRemove,\n onItemResize,\n setActiveElement,\n setContextMenuProps,\n setIsResize,\n setIsRightPanelOpen,\n setMatches,\n zoom,\n}) => {\n const {\n height,\n id,\n isLocked,\n left,\n pageID,\n top,\n width,\n } = item;\n\n const select = event => {\n if (!isSelected) {\n if (!event \|\| !event.metaKey) {\n if (isLocked) {\n setActiveElement(id, false);\n setIsRightPanelOpen(false);\n } else {\n setActiveElement(id);\n }\n } else {\n setActiveElement(id, undefined, true);\n }\n }\n };\n\n const canDrag = !item.isLocked && !isTextEditorOpen;\n\n const [{ isDragging }, drag, preview] = useDrag(() => ({\n canDrag: () => canDrag,\n\n collect: monitor => ({\n isDragging: monitor.isDragging(),\n }),\n\n end: () => {\n removeEventListenerForSidebar();\n },\n\n isDragging: () => (isMultipleItemSelected && isSelected)\n \|\| (!isMultipleItemSelected && isSelected),\n\n item: () => ({\n height,\n id,\n left,\n top,\n width,\n }),\n\n type: DRAGGABLE_ITEM_TYPE,\n }), [\n canDrag,\n height, id, left, top, width,\n isMultipleItemSelected, isSelected,\n ]);\n\n const [\n {\n height: stateHeight,\n left: stateLeft,\n top: stateTop,\n width: stateWidth,\n },\n setResizeSize,\n ] = useState({\n height,\n left,\n top,\n width,\n });\n\n useEffect(() => {\n if (!isDragging) return;\n if (!isSelected) select();\n addEventListenerForSidebar();\n return () => {\n removeEventListenerForSidebar();\n };\n }, [isDragging, isSelected, select]);\n\n useEffect(() => {\n preview(getEmptyImage(), { captureDraggingState: true });\n }, [preview]);\n\n useEffect(() => {\n if (width !== stateWidth \|\| height !== stateHeight \|\| left !== stateLeft \|\| top !== stateTop) {\n setResizeSize({\n height,\n left,\n top,\n width,\n });\n }\n }, [width, height, left, top, stateWidth, stateHeight, stateLeft, stateTop]);\n\n const onResizeStop = (deltaWidth, deltaHeight, direction) => {\n const activeItem = {\n ...item,\n height: item.height + deltaHeight,\n width: item.width + deltaWidth,\n };\n if (/left/i.test(direction)) activeItem.left = activeItem.left - deltaWidth;\n if (/top/i.test(direction)) activeItem.top = activeItem.top - deltaHeight;\n let newActiveBoxLeft = activeItem.left;\n let newActiveBoxTop = activeItem.top;\n Object.keys(matches).forEach(axis => {\n const { activeBoxGuides, matchedArray, proximity } = matches[axis];\n const activeBoxProximityIndex = proximity.activeBoxIndex;\n const matchedBoxProximityIndex = proximity.matchedBoxIndex;\n if (axis === 'x') {\n if (activeBoxGuides[activeBoxProximityIndex] > matchedArray[matchedBoxProximityIndex]) {\n newActiveBoxLeft = activeItem.left - proximity.value;\n } else {\n newActiveBoxLeft = activeItem.left + proximity.value;\n }\n } else if (activeBoxGuides[activeBoxProximityIndex]\n > matchedArray[matchedBoxProximityIndex]) {\n newActiveBoxTop = activeItem.top - proximity.value;\n } else {\n newActiveBoxTop = activeItem.top + proximity.value;\n }\n });\n\n let newResizeSize = {\n height: activeItem.height,\n left: activeItem.left,\n top: activeItem.top,\n width: activeItem.width,\n };\n\n if (!(/top/i.test(direction) && /left/i.test(direction))) {\n newResizeSize = {\n ...newResizeSize,\n height: newResizeSize.height + (newActiveBoxTop - activeItem.top),\n width: newResizeSize.width + (newActiveBoxLeft - activeItem.left),\n };\n }\n if (/top/i.test(direction) && newActiveBoxTop !== newResizeSize.top) {\n newResizeSize.top = newActiveBoxTop;\n }\n if (/left/i.test(direction) && newActiveBoxLeft !== newResizeSize.left) {\n newResizeSize.left = newActiveBoxLeft;\n }\n setIsResize(false);\n onItemResize(item, newResizeSize);\n };\n\n const onResize = (deltaWidth, deltaHeight, direction) => {\n if (!isResize) { setIsResize(true); }\n const activeItem = {\n ...item,\n height: item.height + deltaHeight,\n width: item.width + deltaWidth,\n };\n if (/left/i.test(direction)) activeItem.left = activeItem.left - deltaWidth;\n if (/top/i.test(direction)) activeItem.top = activeItem.top - deltaHeight;\n const _guides = {\n ...guides,\n [item.id]: {\n ...guides[item.id],\n x: calculateGuidePositions(activeItem, 'x', zoom),\n y: calculateGuidePositions(activeItem, 'y', zoom),\n },\n };\n setMatches(proximityListener(item.id, _guides));\n setResizeSize({\n height: activeItem.height,\n left: activeItem.left,\n top: activeItem.top,\n width: activeItem.width,\n });\n };\n\n const deleteItem = () => {\n setIsRightPanelOpen(false);\n setActiveElement(null);\n onItemRemove(item);\n onAnEventTrigger('removeItem', item.itemType);\n };\n\n const duplicateItem = () => {\n const itemID = generateId();\n onItemAdd({\n ...item,\n id: itemID,\n left: item.left + 50,\n top: item.top + 50,\n });\n onAnEventTrigger('duplicateItem', item.itemType);\n setActiveElement(itemID);\n if (!isRightPanelOpen) {\n setIsRightPanelOpen(true);\n }\n };\n\n const onClickOutside = event => {\n // clickoutside should not work for scrollbar\n const viewPort = document.querySelector('.jfReport-viewport');\n const { clientHeight, offsetHeight } = viewPort;\n const headerHeight = window.innerHeight - offsetHeight;\n if (event.clientY - headerHeight >= clientHeight\n \|\| Array.from(event.target.classList)\n .some(xClass => exceptionalClassesForClickOutside.includes(xClass))) {\n return;\n }\n setIsRightPanelOpen(false);\n setActiveElement(null);\n };\n\n const onContextMenuClick = e => {\n if (\n e.target.contentEditable === 'true'\n \|\| isTextEditorOpen\n ) {\n // Dont override behaviour on text edits.\n return;\n }\n\n e.preventDefault();\n onAnEventTrigger('openContextMenu', item.itemType);\n setContextMenuProps({\n id,\n pageID,\n position: getPosition(e),\n });\n };\n\n const onDoubleClick = e => {\n if (\n e.target.contentEditable === 'true'\n \|\| isTextEditorOpen\n ) {\n // Dont override behaviour on text edits.\n return;\n }\n\n setIsRightPanelOpen(true);\n };\n\n const duplicateWithAltKey = e => {\n if (e.altKey) {\n const itemID = generateId();\n const itemToAdd = item;\n setTimeout(() => {\n onItemAdd({\n ...itemToAdd,\n id: itemID,\n left: itemToAdd.left,\n top: itemToAdd.top,\n });\n onAnEventTrigger('duplicateItem', itemToAdd.itemType);\n });\n }\n };\n\n const changeLockStatus = () => {\n onAnEventTrigger(item.isLocked ? 'unlockReportItem' : 'lockReportItem', item.itemType);\n onItemChange({ id: item.id }, { isLocked: item.isLocked ? false : true });\n if (!item.isLocked) {\n setActiveElement(item.id, false);\n setIsRightPanelOpen(false);\n }\n };\n\n return (\n <ErrorBoundary>\n <ItemPositioner\n classNames={`reportItemWrapper${isSelected ? ' isSelected' : ''}`}\n style={{\n ...getStyles(left, top, isDragging),\n height: stateHeight,\n left: stateLeft,\n top: stateTop,\n width: stateWidth,\n }}\n >\n <div\n ref={drag}\n className={`${classNames.reportItem}${isLocked ? ' isLocked' : ''}`}\n onClick={select}\n onContextMenu={onContextMenuClick}\n onDoubleClick={onDoubleClick}\n onDragStart={duplicateWithAltKey}\n onKeyDown={() => {}}\n style={reportItemStyle}\n >\n {children}\n </div>\n </ItemPositioner>\n <PageItemResizer\n changeLockStatus={changeLockStatus}\n deleteItem={deleteItem}\n duplicateItem={duplicateItem}\n isDragging={isDragging}\n isMultipleItemSelected={isMultipleItemSelected}\n isRightPanelOpen={isRightPanelOpen}\n isSelectedElement={isSelected}\n isTextEditorOpen={isTextEditorOpen}\n item={item}\n onClickOutside={onClickOutside}\n onResize={onResize}\n onResizeStop={onResizeStop}\n pageID={pageID}\n setActiveElement={setActiveElement}\n setIsRightPanelOpen={setIsRightPanelOpen}\n stateHeight={stateHeight}\n stateLeft={stateLeft}\n stateTop={stateTop}\n stateWidth={stateWidth}\n zoom={zoom}\n />\n </ErrorBoundary>\n );\n};\n\nDraggableItem.propTypes = {\n children: PropTypes.any,\n guides: PropTypes.shape({}),\n isMultipleItemSelected: PropTypes.bool,\n isResize: PropTypes.bool,\n isRightPanelOpen: PropTypes.bool,\n isSelected: PropTypes.bool,\n isTextEditorOpen: PropTypes.bool,\n item: PropTypes.shape({\n height: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n id: PropTypes.string,\n isLocked: PropTypes.bool,\n itemType: PropTypes.string,\n left: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n pageID: PropTypes.string,\n top: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n width: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n }),\n matches: PropTypes.shape({}),\n onAnEventTrigger: PropTypes.func,\n onItemAdd: PropTypes.func,\n onItemChange: PropTypes.func,\n onItemRemove: PropTypes.func,\n onItemResize: PropTypes.func,\n setActiveElement: PropTypes.func,\n setContextMenuProps: PropTypes.func,\n setIsResize: PropTypes.func,\n setIsRightPanelOpen: PropTypes.func,\n setMatches: PropTypes.func,\n zoom: PropTypes.number,\n};\n\nDraggableItem.defaultProps = {\n children: null,\n guides: {},\n isMultipleItemSelected: false,\n isResize: false,\n isRightPanelOpen: false,\n isSelected: false,\n isTextEditorOpen: false,\n item: {},\n matches: {},\n onAnEventTrigger: () => {},\n onItemAdd: () => {},\n onItemChange: () => {},\n onItemRemove: () => {},\n onItemResize: () => {},\n setActiveElement: () => {},\n setContextMenuProps: () => {},\n setIsResize: () => {},\n setIsRightPanelOpen: () => {},\n setMatches: () => {},\n zoom: 1,\n};\n\n// avoid unnecessary renders while resizing\nconst areEqual = (prevProps, nextProps) => {\n if (prevProps.hashCode !== nextProps.hashCode) return false;\n if (!isEqual(prevProps.item, nextProps.item)) return false;\n if (prevProps.matches !== nextProps.matches) return false;\n if (prevProps.isTextEditorOpen !== nextProps.isTextEditorOpen) return false;\n if ((prevProps.isSelected && nextProps.isSelected) \|\| prevProps.isResize !== nextProps.isResize) {\n return false;\n }\n if (prevProps.isSelected !== nextProps.isSelected) return false;\n return true;\n};\n\nexport default memo(DraggableItem, areEqual);\n"],"names":["exceptionalClassesForClickOutside","reportItemStyle","height","width","DraggableItem","children","guides","isMultipleItemSelected","isResize","isRightPanelOpen","isSelected","isTextEditorOpen","item","matches","onAnEventTrigger","onItemAdd","onItemChange","onItemRemove","onItemResize","setActiveElement","setContextMenuProps","setIsResize","setIsRightPanelOpen","setMatches","zoom","id","isLocked","left","pageID","top","select","event","metaKey","undefined","canDrag","useDrag","collect","monitor","isDragging","end","removeEventListenerForSidebar","type","DRAGGABLE_ITEM_TYPE","drag","preview","useState","stateHeight","stateLeft","stateTop","stateWidth","setResizeSize","useEffect","addEventListenerForSidebar","getEmptyImage","captureDraggingState","onResizeStop","deltaWidth","deltaHeight","direction","activeItem","test","newActiveBoxLeft","newActiveBoxTop","Object","keys","forEach","axis","activeBoxGuides","matchedArray","proximity","activeBoxProximityIndex","activeBoxIndex","matchedBoxProximityIndex","matchedBoxIndex","value","newResizeSize","onResize","_guides","x","calculateGuidePositions","y","proximityListener","deleteItem","itemType","duplicateItem","itemID","generateId","onClickOutside","viewPort","document","querySelector","clientHeight","offsetHeight","headerHeight","window","innerHeight","clientY","Array","from","target","classList","some","xClass","includes","onContextMenuClick","e","contentEditable","preventDefault","position","getPosition","onDoubleClick","duplicateWithAltKey","altKey","itemToAdd","setTimeout","changeLockStatus","_jsxs","_jsx","getStyles","classNames","propTypes","PropTypes","any","shape","bool","oneOfType","number","string","func","defaultProps","areEqual","prevProps","nextProps","hashCode","isEqual","memo"],"mappings":"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"}
1	+ {"version":3,"file":"DraggableItem.js","sources":["../../../../src/components/DraggableItem/DraggableItem.js"],"sourcesContent":["import { useEffect, useState, memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDrag } from 'react-dnd';\nimport { getEmptyImage } from 'react-dnd-html5-backend';\nimport isEqual from 'lodash.isequal';\nimport ItemPositioner from '../ItemPositioner';\nimport { DRAGGABLE_ITEM_TYPE } from '../../constants/itemTypes';\nimport {\n getStyles,\n getPosition, calculateGuidePositions, proximityListener,\n} from '../../utils/functions';\nimport PageItemResizer from '../PageItemResizer';\nimport ErrorBoundary from '../ErrorBoundary';\nimport * as classNames from '../../constants/classNames';\nimport generateId from '../../utils/generateId';\nimport {\n addEventListenerForSidebar,\n removeEventListenerForSidebar,\n} from '../../utils/scrollZoneFunctions';\n\nconst exceptionalClassesForClickOutside = ['contextMenu-itemLabel', 'contextMenu-item'];\nconst reportItemStyle = {\n height: '100%',\n width: '100%',\n};\n\nconst DraggableItem = ({\n children = null,\n guides = {},\n isMultipleItemSelected = false,\n isResize = false,\n isRightPanelOpen = false,\n isSelected = false,\n isTextEditorOpen = false,\n item = {},\n matches = {},\n onAnEventTrigger = () => {},\n onItemAdd = () => {},\n onItemChange = () => {},\n onItemRemove = () => {},\n onItemResize = () => {},\n setActiveElement = () => {},\n setContextMenuProps = () => {},\n setIsResize = () => {},\n setIsRightPanelOpen = () => {},\n setMatches = () => {},\n zoom = 1,\n}) => {\n const {\n height,\n id,\n isLocked,\n left,\n pageID,\n top,\n width,\n } = item;\n\n const [\n {\n height: stateHeight,\n left: stateLeft,\n top: stateTop,\n width: stateWidth,\n },\n setResizeSize,\n ] = useState({\n height,\n left,\n top,\n width,\n });\n\n const select = event => {\n if (!isSelected) {\n if (!event \|\| !event.metaKey) {\n if (isLocked) {\n setActiveElement(id, false);\n setIsRightPanelOpen(false);\n } else {\n setActiveElement(id);\n }\n } else {\n setActiveElement(id, undefined, true);\n }\n }\n };\n\n const canDrag = !item.isLocked && !isTextEditorOpen;\n\n const [{ isDragging }, drag, preview] = useDrag(() => ({\n canDrag: () => canDrag,\n collect: monitor => ({\n isDragging: monitor.isDragging(),\n }),\n end: (_item, monitor) => {\n const dropResult = monitor.getDropResult();\n if (dropResult && dropResult[id]) {\n const { left: dropLeft, top: dropTop } = dropResult[id];\n setResizeSize(prev => {\n return {\n height: prev.height,\n left: dropLeft,\n top: dropTop,\n width: prev.width,\n };\n });\n }\n removeEventListenerForSidebar();\n },\n isDragging: () => (isMultipleItemSelected && isSelected) \|\| (!isMultipleItemSelected && isSelected),\n item: () => {\n select();\n addEventListenerForSidebar();\n return item;\n },\n type: DRAGGABLE_ITEM_TYPE,\n }), [\n item,\n canDrag,\n id,\n isMultipleItemSelected,\n isSelected,\n ]);\n\n useEffect(() => {\n if (preview) {\n preview(getEmptyImage(), { captureDraggingState: true });\n }\n }, [preview]);\n\n useEffect(() => {\n if (!isResize) {\n setResizeSize(prev => {\n if (prev.left !== left \|\| prev.top !== top \|\| prev.width !== width \|\| prev.height !== height) {\n return {\n ...prev,\n height,\n left,\n top,\n width,\n };\n }\n\n return prev;\n });\n }\n }, [left, top, width, height, isResize]);\n\n const onResizeStop = (deltaWidth, deltaHeight, direction) => {\n const activeItem = {\n ...item,\n height: item.height + deltaHeight,\n width: item.width + deltaWidth,\n };\n if (/left/i.test(direction)) activeItem.left = activeItem.left - deltaWidth;\n if (/top/i.test(direction)) activeItem.top = activeItem.top - deltaHeight;\n let newActiveBoxLeft = activeItem.left;\n let newActiveBoxTop = activeItem.top;\n Object.keys(matches).forEach(axis => {\n const { activeBoxGuides, matchedArray, proximity } = matches[axis];\n const activeBoxProximityIndex = proximity.activeBoxIndex;\n const matchedBoxProximityIndex = proximity.matchedBoxIndex;\n if (axis === 'x') {\n if (activeBoxGuides[activeBoxProximityIndex] > matchedArray[matchedBoxProximityIndex]) {\n newActiveBoxLeft = activeItem.left - proximity.value;\n } else {\n newActiveBoxLeft = activeItem.left + proximity.value;\n }\n } else if (activeBoxGuides[activeBoxProximityIndex]\n > matchedArray[matchedBoxProximityIndex]) {\n newActiveBoxTop = activeItem.top - proximity.value;\n } else {\n newActiveBoxTop = activeItem.top + proximity.value;\n }\n });\n\n let newResizeSize = {\n height: activeItem.height,\n left: activeItem.left,\n top: activeItem.top,\n width: activeItem.width,\n };\n\n if (!(/top/i.test(direction) && /left/i.test(direction))) {\n newResizeSize = {\n ...newResizeSize,\n height: newResizeSize.height + (newActiveBoxTop - activeItem.top),\n width: newResizeSize.width + (newActiveBoxLeft - activeItem.left),\n };\n }\n if (/top/i.test(direction) && newActiveBoxTop !== newResizeSize.top) {\n newResizeSize.top = newActiveBoxTop;\n }\n if (/left/i.test(direction) && newActiveBoxLeft !== newResizeSize.left) {\n newResizeSize.left = newActiveBoxLeft;\n }\n setIsResize(false);\n onItemResize(item, newResizeSize);\n };\n\n const onResize = (deltaWidth, deltaHeight, direction) => {\n if (!isResize) { setIsResize(true); }\n const activeItem = {\n ...item,\n height: item.height + deltaHeight,\n width: item.width + deltaWidth,\n };\n if (/left/i.test(direction)) activeItem.left = activeItem.left - deltaWidth;\n if (/top/i.test(direction)) activeItem.top = activeItem.top - deltaHeight;\n const _guides = {\n ...guides,\n [item.id]: {\n ...guides[item.id],\n x: calculateGuidePositions(activeItem, 'x', zoom),\n y: calculateGuidePositions(activeItem, 'y', zoom),\n },\n };\n setMatches(proximityListener(item.id, _guides));\n setResizeSize({\n height: activeItem.height,\n left: activeItem.left,\n top: activeItem.top,\n width: activeItem.width,\n });\n };\n\n const deleteItem = () => {\n setIsRightPanelOpen(false);\n setActiveElement(null);\n onItemRemove(item);\n onAnEventTrigger('removeItem', item.itemType);\n };\n\n const duplicateItem = () => {\n const itemID = generateId();\n onItemAdd({\n ...item,\n id: itemID,\n left: item.left + 50,\n top: item.top + 50,\n });\n onAnEventTrigger('duplicateItem', item.itemType);\n setActiveElement(itemID);\n if (!isRightPanelOpen) {\n setIsRightPanelOpen(true);\n }\n };\n\n const onClickOutside = event => {\n // clickoutside should not work for scrollbar\n const viewPort = document.querySelector('.jfReport-viewport');\n const { clientHeight, offsetHeight } = viewPort;\n const headerHeight = window.innerHeight - offsetHeight;\n if (event.clientY - headerHeight >= clientHeight\n \|\| Array.from(event.target.classList)\n .some(xClass => exceptionalClassesForClickOutside.includes(xClass))) {\n return;\n }\n setIsRightPanelOpen(false);\n setActiveElement(null);\n };\n\n const onContextMenuClick = e => {\n if (\n e.target.contentEditable === 'true'\n \|\| isTextEditorOpen\n ) {\n // Dont override behaviour on text edits.\n return;\n }\n\n e.preventDefault();\n onAnEventTrigger('openContextMenu', item.itemType);\n setContextMenuProps({\n id,\n pageID,\n position: getPosition(e),\n });\n };\n\n const onDoubleClick = e => {\n if (\n e.target.contentEditable === 'true'\n \|\| isTextEditorOpen\n ) {\n // Dont override behaviour on text edits.\n return;\n }\n\n setIsRightPanelOpen(true);\n };\n\n const duplicateWithAltKey = e => {\n if (e.altKey) {\n const itemID = generateId();\n const itemToAdd = item;\n setTimeout(() => {\n onItemAdd({\n ...itemToAdd,\n id: itemID,\n left: itemToAdd.left,\n top: itemToAdd.top,\n });\n onAnEventTrigger('duplicateItem', itemToAdd.itemType);\n });\n }\n };\n\n const changeLockStatus = () => {\n onAnEventTrigger(item.isLocked ? 'unlockReportItem' : 'lockReportItem', item.itemType);\n onItemChange({ id: item.id }, { isLocked: item.isLocked ? false : true });\n if (!item.isLocked) {\n setActiveElement(item.id, false);\n setIsRightPanelOpen(false);\n }\n };\n\n return (\n <ErrorBoundary>\n <ItemPositioner\n classNames={`reportItemWrapper${isSelected ? ' isSelected' : ''}`}\n style={{\n ...getStyles(left, top, isDragging),\n height: stateHeight,\n left: stateLeft,\n top: stateTop,\n width: stateWidth,\n }}\n >\n <div\n ref={drag}\n className={`${classNames.reportItem}${isLocked ? ' isLocked' : ''}`}\n onContextMenu={onContextMenuClick}\n onDoubleClick={onDoubleClick}\n onDragStart={duplicateWithAltKey}\n onMouseDown={select}\n style={reportItemStyle}\n >\n {children}\n </div>\n </ItemPositioner>\n <PageItemResizer\n changeLockStatus={changeLockStatus}\n deleteItem={deleteItem}\n duplicateItem={duplicateItem}\n isDragging={isDragging}\n isMultipleItemSelected={isMultipleItemSelected}\n isRightPanelOpen={isRightPanelOpen}\n isSelectedElement={isSelected}\n isTextEditorOpen={isTextEditorOpen}\n item={item}\n onClickOutside={onClickOutside}\n onResize={onResize}\n onResizeStop={onResizeStop}\n pageID={pageID}\n setActiveElement={setActiveElement}\n setIsRightPanelOpen={setIsRightPanelOpen}\n stateHeight={stateHeight}\n stateLeft={stateLeft}\n stateTop={stateTop}\n stateWidth={stateWidth}\n zoom={zoom}\n />\n </ErrorBoundary>\n );\n};\n\nDraggableItem.propTypes = {\n children: PropTypes.any,\n guides: PropTypes.shape({}),\n isMultipleItemSelected: PropTypes.bool,\n isResize: PropTypes.bool,\n isRightPanelOpen: PropTypes.bool,\n isSelected: PropTypes.bool,\n isTextEditorOpen: PropTypes.bool,\n item: PropTypes.shape({\n height: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n id: PropTypes.string,\n isLocked: PropTypes.bool,\n itemType: PropTypes.string,\n left: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n pageID: PropTypes.string,\n top: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n width: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n }),\n matches: PropTypes.shape({}),\n onAnEventTrigger: PropTypes.func,\n onItemAdd: PropTypes.func,\n onItemChange: PropTypes.func,\n onItemRemove: PropTypes.func,\n onItemResize: PropTypes.func,\n setActiveElement: PropTypes.func,\n setContextMenuProps: PropTypes.func,\n setIsResize: PropTypes.func,\n setIsRightPanelOpen: PropTypes.func,\n setMatches: PropTypes.func,\n zoom: PropTypes.number,\n};\n\n// avoid unnecessary renders while resizing\nconst areEqual = (prevProps, nextProps) => {\n if (prevProps.hashCode !== nextProps.hashCode) return false;\n if (!isEqual(prevProps.item, nextProps.item)) return false;\n if (prevProps.matches !== nextProps.matches) return false;\n if (prevProps.isTextEditorOpen !== nextProps.isTextEditorOpen) return false;\n if ((prevProps.isSelected && nextProps.isSelected) \|\| prevProps.isResize !== nextProps.isResize) {\n return false;\n }\n if (prevProps.isSelected !== nextProps.isSelected) return false;\n return true;\n};\n\nexport default memo(DraggableItem, areEqual);\n"],"names":["exceptionalClassesForClickOutside","reportItemStyle","height","width","DraggableItem","children","guides","isMultipleItemSelected","isResize","isRightPanelOpen","isSelected","isTextEditorOpen","item","matches","onAnEventTrigger","onItemAdd","onItemChange","onItemRemove","onItemResize","setActiveElement","setContextMenuProps","setIsResize","setIsRightPanelOpen","setMatches","zoom","id","isLocked","left","pageID","top","useState","stateHeight","stateLeft","stateTop","stateWidth","setResizeSize","select","event","metaKey","undefined","canDrag","useDrag","collect","monitor","isDragging","end","_item","dropResult","getDropResult","dropLeft","dropTop","prev","removeEventListenerForSidebar","addEventListenerForSidebar","type","DRAGGABLE_ITEM_TYPE","drag","preview","useEffect","getEmptyImage","captureDraggingState","onResizeStop","deltaWidth","deltaHeight","direction","activeItem","test","newActiveBoxLeft","newActiveBoxTop","Object","keys","forEach","axis","activeBoxGuides","matchedArray","proximity","activeBoxProximityIndex","activeBoxIndex","matchedBoxProximityIndex","matchedBoxIndex","value","newResizeSize","onResize","_guides","x","calculateGuidePositions","y","proximityListener","deleteItem","itemType","duplicateItem","itemID","generateId","onClickOutside","viewPort","document","querySelector","clientHeight","offsetHeight","headerHeight","window","innerHeight","clientY","Array","from","target","classList","some","xClass","includes","onContextMenuClick","e","contentEditable","preventDefault","position","getPosition","onDoubleClick","duplicateWithAltKey","altKey","itemToAdd","setTimeout","changeLockStatus","_jsxs","_jsx","getStyles","classNames","propTypes","PropTypes","any","shape","bool","oneOfType","number","string","func","areEqual","prevProps","nextProps","hashCode","isEqual","memo"],"mappings":"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"}

package/lib/cjs/components/DraggableItem/DraggableItemActions.js CHANGED Viewed

@@ -15,12 +15,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var DraggableItemActions = function DraggableItemActions(_ref) {
-  var changeLockStatus = _ref.changeLockStatus,
-      deleteItem = _ref.deleteItem,
-      duplicateItem = _ref.duplicateItem,
-      isLocked = _ref.isLocked,
-      isMultipleItemSelected = _ref.isMultipleItemSelected,
-      openSettings = _ref.openSettings;
+  var _ref$changeLockStatus = _ref.changeLockStatus,
+      changeLockStatus = _ref$changeLockStatus === void 0 ? function () {} : _ref$changeLockStatus,
+      _ref$deleteItem = _ref.deleteItem,
+      deleteItem = _ref$deleteItem === void 0 ? function () {} : _ref$deleteItem,
+      _ref$duplicateItem = _ref.duplicateItem,
+      duplicateItem = _ref$duplicateItem === void 0 ? function () {} : _ref$duplicateItem,
+      _ref$isLocked = _ref.isLocked,
+      isLocked = _ref$isLocked === void 0 ? false : _ref$isLocked,
+      _ref$isMultipleItemSe = _ref.isMultipleItemSelected,
+      isMultipleItemSelected = _ref$isMultipleItemSe === void 0 ? false : _ref$isMultipleItemSe,
+      _ref$openSettings = _ref.openSettings,
+      openSettings = _ref$openSettings === void 0 ? function () {} : _ref$openSettings;
   var _useTranslatedTexts = hooks.useTranslatedTexts(),
       DELETE_ITEM = _useTranslatedTexts.DELETE_ITEM,
@@ -90,14 +96,6 @@ DraggableItemActions.propTypes = {
   isMultipleItemSelected: PropTypes__default['default'].bool,
   openSettings: PropTypes__default['default'].func
 };
-DraggableItemActions.defaultProps = {
-  changeLockStatus: function changeLockStatus() {},
-  deleteItem: function deleteItem() {},
-  duplicateItem: function duplicateItem() {},
-  isLocked: false,
-  isMultipleItemSelected: false,
-  openSettings: function openSettings() {}
-};
 var DraggableItemActions$1 = /*#__PURE__*/React.memo(DraggableItemActions);
 module.exports = DraggableItemActions$1;

package/lib/cjs/components/DraggableItem/DraggableItemActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DraggableItemActions.js","sources":["../../../../src/components/DraggableItem/DraggableItemActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst DraggableItemActions = ({\n changeLockStatus,\n deleteItem,\n duplicateItem,\n isLocked,\n isMultipleItemSelected,\n openSettings,\n}) => {\n const {\n DELETE_ITEM,\n DUPLICATE_ITEM,\n ITEM_SETTINGS,\n LOCK_ITEM,\n } = useTranslatedTexts();\n\n if (isMultipleItemSelected) return null;\n\n if (isLocked) {\n return (\n <div className=\"reportItemMenu d-flex dir-col a-center forLocked\">\n <button\n className=\"reportItemMenu-item js-locked\"\n onClick={changeLockStatus}\n type=\"button\"\n >\n <icons.lock\n className=\"jfReportSVG icon-lock isWhite\"\n />\n </button>\n </div>\n );\n }\n return (\n <div className=\"reportItemMenu d-flex dir-col a-center\">\n <button\n className=\"reportItemMenu-item js-itemSettings\"\n onClick={openSettings}\n title={ITEM_SETTINGS}\n type=\"button\"\n >\n <icons.settings className=\"jfReportSVG icon-settings isWhite\" />\n </button>\n <button\n className=\"reportItemMenu-item js-duplicateItem\"\n onClick={duplicateItem}\n title={DUPLICATE_ITEM}\n type=\"button\"\n >\n <icons.duplicate className=\"jfReportSVG icon-duplicate isWhite\" />\n </button>\n <button\n className=\"reportItemMenu-item js-lockItem\"\n onClick={changeLockStatus}\n title={LOCK_ITEM}\n type=\"button\"\n >\n <icons.unlock\n className=\"jfReportSVG icon-lock isWhite\"\n />\n </button>\n <button\n className=\"reportItemMenu-item js-deleteItem\"\n onClick={deleteItem}\n title={DELETE_ITEM}\n type=\"button\"\n >\n <icons.trash className=\"jfReportSVG icon-trash isWhite\" />\n </button>\n </div>\n );\n};\n\nDraggableItemActions.propTypes = {\n changeLockStatus: PropTypes.func,\n deleteItem: PropTypes.func,\n duplicateItem: PropTypes.func,\n isLocked: PropTypes.bool,\n isMultipleItemSelected: PropTypes.bool,\n openSettings: PropTypes.func,\n};\n\nDraggableItemActions.defaultProps = {\n changeLockStatus: () => {},\n deleteItem: () => {},\n duplicateItem: () => {},\n isLocked: false,\n isMultipleItemSelected: false,\n openSettings: () => {},\n};\n\nexport default memo(DraggableItemActions);\n"],"names":["DraggableItemActions","changeLockStatus","deleteItem","duplicateItem","isLocked","isMultipleItemSelected","openSettings","useTranslatedTexts","DELETE_ITEM","DUPLICATE_ITEM","ITEM_SETTINGS","LOCK_ITEM","_jsx","icons.lock","_jsxs","icons.settings","icons.duplicate","icons.unlock","icons.trash","propTypes","PropTypes","func","bool","~~defaultProps","~~memo"],"mappings":";;;;;;;;;;;;;;;;AAKA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAOvB;AAAA,~~MANJC~~,gBAMI,~~QANJA~~,gBAMI;AAAA,~~MALJC~~,UAKI,~~QALJA~~,UAKI;AAAA,~~MAJJC~~,aAII,~~QAJJA~~,aAII;AAAA,~~MAHJC~~,QAGI,~~QAHJA~~,QAGI;AAAA,~~MAFJC~~,sBAEI,~~QAFJA~~,sBAEI;AAAA,~~MADJC~~,YACI,~~QADJA~~,~~YACI~~;;AACJ,4BAKIC,wBAAkB,EALtB;AAAA,MACEC,WADF,uBACEA,WADF;AAAA,MAEEC,cAFF,uBAEEA,cAFF;AAAA,MAGEC,aAHF,uBAGEA,aAHF;AAAA,MAIEC,SAJF,uBAIEA,SAJF;;AAOA,MAAIN,sBAAJ,EAA4B,OAAO,IAAP;;AAE5B,MAAID,QAAJ,EAAc;AACZ,wBACEQ;AAAK,MAAA,SAAS,EAAC,kDAAf;AAAA,6BACEA;AACE,QAAA,SAAS,EAAC,+BADZ;AAEE,QAAA,OAAO,EAAEX,gBAFX;AAGE,QAAA,IAAI,EAAC,QAHP;AAAA,+BAKEW,eAACC,IAAD;AACE,UAAA,SAAS,EAAC;AADZ;AALF;AADF,MADF;AAaD;;AACD,sBACEC;AAAK,IAAA,SAAS,EAAC,wCAAf;AAAA,4BACEF;AACE,MAAA,SAAS,EAAC,qCADZ;AAEE,MAAA,OAAO,EAAEN,YAFX;AAGE,MAAA,KAAK,EAAEI,aAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEE,eAACG,QAAD;AAAgB,QAAA,SAAS,EAAC;AAA1B;AANF,MADF,eASEH;AACE,MAAA,SAAS,EAAC,sCADZ;AAEE,MAAA,OAAO,EAAET,aAFX;AAGE,MAAA,KAAK,EAAEM,cAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEG,eAACI,SAAD;AAAiB,QAAA,SAAS,EAAC;AAA3B;AANF,MATF,eAiBEJ;AACE,MAAA,SAAS,EAAC,iCADZ;AAEE,MAAA,OAAO,EAAEX,gBAFX;AAGE,MAAA,KAAK,EAAEU,SAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEC,eAACK,MAAD;AACE,QAAA,SAAS,EAAC;AADZ;AANF,MAjBF,eA2BEL;AACE,MAAA,SAAS,EAAC,mCADZ;AAEE,MAAA,OAAO,EAAEV,UAFX;AAGE,MAAA,KAAK,EAAEM,WAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEI,eAACM,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AANF,MA3BF;AAAA,IADF;AAsCD,CAtED;;AAwEAlB,oBAAoB,CAACmB,SAArB,GAAiC;AAC/BlB,EAAAA,gBAAgB,EAAEmB,6BAAS,CAACC,IADG;AAE/BnB,EAAAA,UAAU,EAAEkB,6BAAS,CAACC,IAFS;AAG/BlB,EAAAA,aAAa,EAAEiB,6BAAS,CAACC,IAHM;AAI/BjB,EAAAA,QAAQ,EAAEgB,6BAAS,CAACE,IAJW;AAK/BjB,EAAAA,sBAAsB,EAAEe,6BAAS,CAACE,IALH;AAM/BhB,EAAAA,YAAY,EAAEc,6BAAS,CAACC;AANO,CAAjC;AASArB,oBAAoB,CAACuB,YAArB,GAAoC;AAClCtB,EAAAA,gBAAgB,EAAE,4BAAM,EADU;AAElCC,EAAAA,UAAU,EAAE,sBAAM,EAFgB;AAGlCC,EAAAA,aAAa,EAAE,yBAAM,EAHa;AAIlCC,EAAAA,QAAQ,EAAE,KAJwB;AAKlCC,EAAAA,sBAAsB,EAAE,KALU;AAMlCC,EAAAA,YAAY,EAAE,wBAAM;AANc,CAApC;AASA,~~0CAAekB~~,UAAI,~~CAACxB~~,oBAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"DraggableItemActions.js","sources":["../../../../src/components/DraggableItem/DraggableItemActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst DraggableItemActions = ({\n changeLockStatus = () => {},\n deleteItem = () => {},\n duplicateItem = () => {},\n isLocked = false,\n isMultipleItemSelected = false,\n openSettings = () => {},\n}) => {\n const {\n DELETE_ITEM,\n DUPLICATE_ITEM,\n ITEM_SETTINGS,\n LOCK_ITEM,\n } = useTranslatedTexts();\n\n if (isMultipleItemSelected) return null;\n\n if (isLocked) {\n return (\n <div className=\"reportItemMenu d-flex dir-col a-center forLocked\">\n <button\n className=\"reportItemMenu-item js-locked\"\n onClick={changeLockStatus}\n type=\"button\"\n >\n <icons.lock\n className=\"jfReportSVG icon-lock isWhite\"\n />\n </button>\n </div>\n );\n }\n return (\n <div className=\"reportItemMenu d-flex dir-col a-center\">\n <button\n className=\"reportItemMenu-item js-itemSettings\"\n onClick={openSettings}\n title={ITEM_SETTINGS}\n type=\"button\"\n >\n <icons.settings className=\"jfReportSVG icon-settings isWhite\" />\n </button>\n <button\n className=\"reportItemMenu-item js-duplicateItem\"\n onClick={duplicateItem}\n title={DUPLICATE_ITEM}\n type=\"button\"\n >\n <icons.duplicate className=\"jfReportSVG icon-duplicate isWhite\" />\n </button>\n <button\n className=\"reportItemMenu-item js-lockItem\"\n onClick={changeLockStatus}\n title={LOCK_ITEM}\n type=\"button\"\n >\n <icons.unlock\n className=\"jfReportSVG icon-lock isWhite\"\n />\n </button>\n <button\n className=\"reportItemMenu-item js-deleteItem\"\n onClick={deleteItem}\n title={DELETE_ITEM}\n type=\"button\"\n >\n <icons.trash className=\"jfReportSVG icon-trash isWhite\" />\n </button>\n </div>\n );\n};\n\nDraggableItemActions.propTypes = {\n changeLockStatus: PropTypes.func,\n deleteItem: PropTypes.func,\n duplicateItem: PropTypes.func,\n isLocked: PropTypes.bool,\n isMultipleItemSelected: PropTypes.bool,\n openSettings: PropTypes.func,\n};\n\nexport default memo(DraggableItemActions);\n"],"names":["DraggableItemActions","changeLockStatus","deleteItem","duplicateItem","isLocked","isMultipleItemSelected","openSettings","useTranslatedTexts","DELETE_ITEM","DUPLICATE_ITEM","ITEM_SETTINGS","LOCK_ITEM","_jsx","icons.lock","_jsxs","icons.settings","icons.duplicate","icons.unlock","icons.trash","propTypes","PropTypes","func","bool","memo"],"mappings":";;;;;;;;;;;;;;;;AAKA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAOvB;AAAA,mCANJC,gBAMI;AAAA,MANJA,gBAMI,sCANe,YAAM,EAMrB;AAAA,6BALJC,UAKI;AAAA,MALJA,UAKI,gCALS,YAAM,EAKf;AAAA,gCAJJC,aAII;AAAA,MAJJA,aAII,mCAJY,YAAM,EAIlB;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,KAGP;AAAA,mCAFJC,sBAEI;AAAA,MAFJA,sBAEI,sCAFqB,KAErB;AAAA,+BADJC,YACI;AAAA,MADJA,YACI,kCADW,YAAM,EACjB;;AACJ,4BAKIC,wBAAkB,EALtB;AAAA,MACEC,WADF,uBACEA,WADF;AAAA,MAEEC,cAFF,uBAEEA,cAFF;AAAA,MAGEC,aAHF,uBAGEA,aAHF;AAAA,MAIEC,SAJF,uBAIEA,SAJF;;AAOA,MAAIN,sBAAJ,EAA4B,OAAO,IAAP;;AAE5B,MAAID,QAAJ,EAAc;AACZ,wBACEQ;AAAK,MAAA,SAAS,EAAC,kDAAf;AAAA,6BACEA;AACE,QAAA,SAAS,EAAC,+BADZ;AAEE,QAAA,OAAO,EAAEX,gBAFX;AAGE,QAAA,IAAI,EAAC,QAHP;AAAA,+BAKEW,eAACC,IAAD;AACE,UAAA,SAAS,EAAC;AADZ;AALF;AADF,MADF;AAaD;;AACD,sBACEC;AAAK,IAAA,SAAS,EAAC,wCAAf;AAAA,4BACEF;AACE,MAAA,SAAS,EAAC,qCADZ;AAEE,MAAA,OAAO,EAAEN,YAFX;AAGE,MAAA,KAAK,EAAEI,aAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEE,eAACG,QAAD;AAAgB,QAAA,SAAS,EAAC;AAA1B;AANF,MADF,eASEH;AACE,MAAA,SAAS,EAAC,sCADZ;AAEE,MAAA,OAAO,EAAET,aAFX;AAGE,MAAA,KAAK,EAAEM,cAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEG,eAACI,SAAD;AAAiB,QAAA,SAAS,EAAC;AAA3B;AANF,MATF,eAiBEJ;AACE,MAAA,SAAS,EAAC,iCADZ;AAEE,MAAA,OAAO,EAAEX,gBAFX;AAGE,MAAA,KAAK,EAAEU,SAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEC,eAACK,MAAD;AACE,QAAA,SAAS,EAAC;AADZ;AANF,MAjBF,eA2BEL;AACE,MAAA,SAAS,EAAC,mCADZ;AAEE,MAAA,OAAO,EAAEV,UAFX;AAGE,MAAA,KAAK,EAAEM,WAHT;AAIE,MAAA,IAAI,EAAC,QAJP;AAAA,6BAMEI,eAACM,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AANF,MA3BF;AAAA,IADF;AAsCD,CAtED;;AAwEAlB,oBAAoB,CAACmB,SAArB,GAAiC;AAC/BlB,EAAAA,gBAAgB,EAAEmB,6BAAS,CAACC,IADG;AAE/BnB,EAAAA,UAAU,EAAEkB,6BAAS,CAACC,IAFS;AAG/BlB,EAAAA,aAAa,EAAEiB,6BAAS,CAACC,IAHM;AAI/BjB,EAAAA,QAAQ,EAAEgB,6BAAS,CAACE,IAJW;AAK/BjB,EAAAA,sBAAsB,EAAEe,6BAAS,CAACE,IALH;AAM/BhB,EAAAA,YAAY,EAAEc,6BAAS,CAACC;AANO,CAAjC;AASA,0CAAeE,UAAI,CAACvB,oBAAD,CAAnB;;;;"}

package/lib/cjs/components/DraggableItem/DraggableItemLayer.js CHANGED Viewed

@@ -141,10 +141,14 @@ function getItemStyles(initialOffset, currentOffset, ref, pageGuides, item, zoom
 }
 var DraggableItemLayer = function DraggableItemLayer(_ref3) {
-  var guides = _ref3.guides,
-      itemAccessor = _ref3.itemAccessor,
-      pageRefs = _ref3.pageRefs,
-      pages = _ref3.pages;
+  var _ref3$guides = _ref3.guides,
+      guides = _ref3$guides === void 0 ? {} : _ref3$guides,
+      _ref3$itemAccessor = _ref3.itemAccessor,
+      itemAccessor = _ref3$itemAccessor === void 0 ? function () {} : _ref3$itemAccessor,
+      _ref3$pageRefs = _ref3.pageRefs,
+      pageRefs = _ref3$pageRefs === void 0 ? {} : _ref3$pageRefs,
+      _ref3$pages = _ref3.pages,
+      pages = _ref3$pages === void 0 ? [] : _ref3$pages;
   var _useDragLayer = reactDnd.useDragLayer(function (monitor) {
     return {
@@ -219,6 +223,7 @@ var DraggableItemLayer = function DraggableItemLayer(_ref3) {
     children: [/*#__PURE__*/jsxRuntime.jsx(ItemPositioner, {
       classNames: "reportItem".concat(isDragging ? ' isDraggingLayerElement' : ''),
       style: _objectSpread(_objectSpread({}, layerStyles(itemStyle)), {}, {
+        cursor: isDragging ? 'grabbing' : 'pointer',
         height: draggedItem.height,
         outlineColor: '#4277ff',
         transform: "scale(".concat(zoom, ")"),
@@ -244,6 +249,7 @@ var DraggableItemLayer = function DraggableItemLayer(_ref3) {
       return /*#__PURE__*/jsxRuntime.jsx(ItemPositioner, {
         classNames: "reportItem".concat(isDragging ? ' isDraggingLayerElement' : ''),
         style: _objectSpread(_objectSpread({}, layerStyles(__itemStyle)), {}, {
+          cursor: isDragging ? 'grabbing' : 'pointer',
           height: ii.height,
           outlineColor: '#4277ff',
           transform: "scale(".concat(zoom, ")"),
@@ -272,12 +278,6 @@ DraggableItemLayer.propTypes = {
   pageRefs: PropTypes__default['default'].shape({}),
   pages: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({}))
 };
-DraggableItemLayer.defaultProps = {
-  guides: {},
-  itemAccessor: function itemAccessor() {},
-  pageRefs: {},
-  pages: []
-};
 var DraggableItemLayer$1 = /*#__PURE__*/React.memo(DraggableItemLayer);
 module.exports = DraggableItemLayer$1;