@jotforminc/dnd-builder 3.1.0 → 3.2.0

package/lib/esm/utils/hooks.js

@@ -1,4 +1,5 @@
 import 'core-js/modules/es.array.find.js';
+import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.object.keys.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.object.values.js';
@@ -11,6 +12,12 @@ import { usePropStore } from '../contexts/PropContext.js';
 import { useBuilderStore } from '../contexts/BuilderContext.js';
 import { usePresentationStore } from '../contexts/PresentationContext.js';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -175,6 +182,35 @@ var usePageTransition = function usePageTransition(style, currentPage) {
   }, [style, currentPage]);
   return finalStyle;
 };
+var useSelectedElements = function useSelectedElements() {
+  var pages = usePropStore(function (state) {
+    return state.pages;
+  });
+  var activeElements = useBuilderStore(function (state) {
+    return state.activeElements;
+  });
+  var acceptedItems = usePropStore(function (state) {
+    return state.acceptedItems;
+  });
+  return useMemo(function () {
+    if (activeElements.length === 0) return [];
+    var items = activeElements.map(function (itemID) {
+      var foundItem = [];
+      pages.forEach(function (page) {
+        var item = page.items.find(function (el) {
+          return el.id === itemID;
+        });
+
+        if (item) {
+          foundItem = item;
+        }
+      });
+      var defItem = acceptedItems[foundItem.itemType] && acceptedItems[foundItem.itemType].defaultItem || {};
+      return _objectSpread(_objectSpread({}, defItem), foundItem);
+    });
+    return items;
+  }, [pages, activeElements, acceptedItems]);
+};
 
-export { useClickOutsideListener, useEventListener, useFitZoom, useFullscreenChange, usePageTransition, usePageVisibility, useTranslatedTexts };
+export { useClickOutsideListener, useEventListener, useFitZoom, useFullscreenChange, usePageTransition, usePageVisibility, useSelectedElements, useTranslatedTexts };
 //# sourceMappingURL=hooks.js.map

package/lib/esm/utils/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../src/utils/hooks.js"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  useMemo,\n  useCallback,\n} from 'react';\nimport { getZoomValue } from './functions';\nimport { SharingTextsModule } from '../constants/texts';\nimport { usePropStore } from '../contexts/PropContext';\nimport { useBuilderStore } from '../contexts/BuilderContext';\nimport { usePresentationStore } from '../contexts/PresentationContext';\n\nexport const useStateWithCallback = (initialState, callback) => {\n  const [state, setState] = useState(initialState);\n\n  useEffect(() => callback(state), [state, callback]);\n\n  return [state, setState];\n};\n\nexport const useEventListener = (eventName, handler, element = global) => {\n  const savedHandler = useRef();\n\n  useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(\n    () => {\n      const isSupported = element && element.addEventListener;\n      if (!isSupported) return;\n\n      const eventListener = event => savedHandler.current(event);\n      element.addEventListener(eventName, eventListener);\n      return () => {\n        element.removeEventListener(eventName, eventListener);\n      };\n    },\n    [eventName, element],\n  );\n};\n\nexport const useInterval = (callback, delay) => {\n  const savedCallback = useRef();\n  useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  useEffect(() => {\n    function tick() {\n      savedCallback.current();\n    }\n    if (delay !== null) {\n      const id = setInterval(tick, delay);\n      return () => clearInterval(id);\n    }\n  }, [delay]);\n};\n\nexport const usePrevious = value => {\n  const ref = useRef();\n  useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n};\n\nexport const useFitZoom = () => {\n  const settings = usePropStore(state => state.settings);\n  const setZoom = useBuilderStore(state => state.setZoom);\n\n  useEffect(() => {\n    const newZoom = getZoomValue({\n      limitZoom: true,\n      settings: {\n        reportLayoutHeight: settings.reportLayoutHeight,\n        reportLayoutWidth: settings.reportLayoutWidth,\n      },\n    });\n    setZoom(newZoom, settings.reportLayoutWidth);\n  }, [\n    settings.reportLayoutHeight,\n    settings.reportLayoutWidth,\n    setZoom,\n  ]);\n};\n\nexport const usePageVisibility = (callback, pageCount, selectedPageIndex) => {\n  const ratio = useRef({});\n  const pageRefs = useRef([]);\n  const observer = useMemo(() => new window.IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      const order = entry.target.getAttribute('data-order');\n      if (entry.intersectionRatio !== 0) {\n        ratio.current[order] = entry.intersectionRatio;\n      } else {\n        delete ratio.current[order];\n      }\n    });\n    callback(parseInt(\n      Object.keys(ratio.current)\n        .find(key => ratio.current[key] === Math.max(...Object.values(ratio.current))),\n      10,\n    ));\n  },\n  {\n    delay: 100,\n    root: document.querySelector('.jfReport-viewport'),\n    threshold: [0, 0.5, 1],\n  }), [callback]);\n\n  useEffect(() => {\n    ratio.current = {};\n    pageRefs.current = document.querySelectorAll('.jfReport-page');\n  }, [pageCount]);\n\n  useEffect(() => {\n    if (selectedPageIndex === -1) {\n      pageRefs.current.forEach(page => {\n        observer.observe(page);\n      });\n    }\n\n    return () => {\n      pageRefs.current.forEach(page => {\n        observer.unobserve(page);\n      });\n    };\n  }, [selectedPageIndex, observer]);\n};\n\nexport const useFullscreenChange = (isFullscreen, fitToScreen) => {\n  /**\n   * All this is just to cover if the user exits fullscreen via ESC key :(\n  */\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const setIsFullscreen = usePresentationStore(state => state.setIsFullscreen);\n\n  const onFullscreenChange = useCallback(() => {\n    if (!(\n      document.fullScreen\n      || document.mozFullScreen\n      || document.webkitIsFullScreen\n    )) {\n      onAnEventTrigger('clickedFullscreen');\n      setIsFullscreen(false);\n      fitToScreen(500);\n    } else {\n      setIsFullscreen(true);\n      fitToScreen(600);\n    }\n  }, [fitToScreen, setIsFullscreen, onAnEventTrigger]);\n\n  useEventListener('fullscreenchange', onFullscreenChange);\n  useEventListener('webkitfullscreenchange', onFullscreenChange);\n  useEventListener('mozfullscreenchange', onFullscreenChange);\n  useEventListener('MSFullscreenChange', onFullscreenChange);\n};\n\nexport const useTranslatedTexts = () => {\n  return useMemo(() => SharingTextsModule.Texts, []);\n};\n\nexport const useClickOutsideListener = (classes, conditionValue, onClose) => {\n  const onClickOutsideForPanel = useCallback(({ target: { classList } }) => {\n    const shouldClose = classes.some(c => classList.contains(c));\n    if (shouldClose) {\n      onClose();\n    }\n  }, [classes, onClose]);\n\n  useEffect(() => {\n    if (conditionValue) window.addEventListener('click', onClickOutsideForPanel, false);\n    return () => window.removeEventListener('click', onClickOutsideForPanel, false);\n  }, [conditionValue, onClickOutsideForPanel]);\n};\n\nexport const usePageTransition = (style, currentPage) => {\n  const finalStyle = useMemo(() => {\n    switch (style) {\n    case 'verticalSlide':\n      return { transform: `translateY(-${(currentPage * 100).toString()}%)` };\n    case 'scaleAndFade':\n      return {};\n    case 'rotate':\n      return { '-webkit-perspective': 1000 };\n    case 'scaleAndSlide':\n    case 'horizontalSlide':\n    default:\n      return { transform: `translateX(-${(currentPage * 100).toString()}%)` };\n    }\n  }, [style, currentPage]);\n\n  return finalStyle;\n};\n"],"names":["useEventListener","eventName","handler","element","global","savedHandler","useRef","useEffect","current","isSupported","addEventListener","eventListener","event","removeEventListener","useFitZoom","settings","usePropStore","state","setZoom","useBuilderStore","newZoom","getZoomValue","limitZoom","reportLayoutHeight","reportLayoutWidth","usePageVisibility","callback","pageCount","selectedPageIndex","ratio","pageRefs","observer","useMemo","window","IntersectionObserver","entries","forEach","entry","order","target","getAttribute","intersectionRatio","parseInt","Object","keys","find","key","Math","max","values","delay","root","document","querySelector","threshold","querySelectorAll","page","observe","unobserve","useFullscreenChange","isFullscreen","fitToScreen","onAnEventTrigger","setIsFullscreen","usePresentationStore","onFullscreenChange","useCallback","fullScreen","mozFullScreen","webkitIsFullScreen","useTranslatedTexts","SharingTextsModule","Texts","useClickOutsideListener","classes","conditionValue","onClose","onClickOutsideForPanel","classList","shouldClose","some","c","contains","usePageTransition","style","currentPage","finalStyle","transform","toString"],"mappings":"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"}
+{"version":3,"file":"hooks.js","sources":["../../../src/utils/hooks.js"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  useMemo,\n  useCallback,\n} from 'react';\nimport { getZoomValue } from './functions';\nimport { SharingTextsModule } from '../constants/texts';\nimport { usePropStore } from '../contexts/PropContext';\nimport { useBuilderStore } from '../contexts/BuilderContext';\nimport { usePresentationStore } from '../contexts/PresentationContext';\n\nexport const useStateWithCallback = (initialState, callback) => {\n  const [state, setState] = useState(initialState);\n\n  useEffect(() => callback(state), [state, callback]);\n\n  return [state, setState];\n};\n\nexport const useEventListener = (eventName, handler, element = global) => {\n  const savedHandler = useRef();\n\n  useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(\n    () => {\n      const isSupported = element && element.addEventListener;\n      if (!isSupported) return;\n\n      const eventListener = event => savedHandler.current(event);\n      element.addEventListener(eventName, eventListener);\n      return () => {\n        element.removeEventListener(eventName, eventListener);\n      };\n    },\n    [eventName, element],\n  );\n};\n\nexport const useInterval = (callback, delay) => {\n  const savedCallback = useRef();\n  useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  useEffect(() => {\n    function tick() {\n      savedCallback.current();\n    }\n    if (delay !== null) {\n      const id = setInterval(tick, delay);\n      return () => clearInterval(id);\n    }\n  }, [delay]);\n};\n\nexport const usePrevious = value => {\n  const ref = useRef();\n  useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n};\n\nexport const useFitZoom = () => {\n  const settings = usePropStore(state => state.settings);\n  const setZoom = useBuilderStore(state => state.setZoom);\n\n  useEffect(() => {\n    const newZoom = getZoomValue({\n      limitZoom: true,\n      settings: {\n        reportLayoutHeight: settings.reportLayoutHeight,\n        reportLayoutWidth: settings.reportLayoutWidth,\n      },\n    });\n    setZoom(newZoom, settings.reportLayoutWidth);\n  }, [\n    settings.reportLayoutHeight,\n    settings.reportLayoutWidth,\n    setZoom,\n  ]);\n};\n\nexport const usePageVisibility = (callback, pageCount, selectedPageIndex) => {\n  const ratio = useRef({});\n  const pageRefs = useRef([]);\n  const observer = useMemo(() => new window.IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      const order = entry.target.getAttribute('data-order');\n      if (entry.intersectionRatio !== 0) {\n        ratio.current[order] = entry.intersectionRatio;\n      } else {\n        delete ratio.current[order];\n      }\n    });\n    callback(parseInt(\n      Object.keys(ratio.current)\n        .find(key => ratio.current[key] === Math.max(...Object.values(ratio.current))),\n      10,\n    ));\n  },\n  {\n    delay: 100,\n    root: document.querySelector('.jfReport-viewport'),\n    threshold: [0, 0.5, 1],\n  }), [callback]);\n\n  useEffect(() => {\n    ratio.current = {};\n    pageRefs.current = document.querySelectorAll('.jfReport-page');\n  }, [pageCount]);\n\n  useEffect(() => {\n    if (selectedPageIndex === -1) {\n      pageRefs.current.forEach(page => {\n        observer.observe(page);\n      });\n    }\n\n    return () => {\n      pageRefs.current.forEach(page => {\n        observer.unobserve(page);\n      });\n    };\n  }, [selectedPageIndex, observer]);\n};\n\nexport const useFullscreenChange = (isFullscreen, fitToScreen) => {\n  /**\n   * All this is just to cover if the user exits fullscreen via ESC key :(\n  */\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const setIsFullscreen = usePresentationStore(state => state.setIsFullscreen);\n\n  const onFullscreenChange = useCallback(() => {\n    if (!(\n      document.fullScreen\n      || document.mozFullScreen\n      || document.webkitIsFullScreen\n    )) {\n      onAnEventTrigger('clickedFullscreen');\n      setIsFullscreen(false);\n      fitToScreen(500);\n    } else {\n      setIsFullscreen(true);\n      fitToScreen(600);\n    }\n  }, [fitToScreen, setIsFullscreen, onAnEventTrigger]);\n\n  useEventListener('fullscreenchange', onFullscreenChange);\n  useEventListener('webkitfullscreenchange', onFullscreenChange);\n  useEventListener('mozfullscreenchange', onFullscreenChange);\n  useEventListener('MSFullscreenChange', onFullscreenChange);\n};\n\nexport const useTranslatedTexts = () => {\n  return useMemo(() => SharingTextsModule.Texts, []);\n};\n\nexport const useClickOutsideListener = (classes, conditionValue, onClose) => {\n  const onClickOutsideForPanel = useCallback(({ target: { classList } }) => {\n    const shouldClose = classes.some(c => classList.contains(c));\n    if (shouldClose) {\n      onClose();\n    }\n  }, [classes, onClose]);\n\n  useEffect(() => {\n    if (conditionValue) window.addEventListener('click', onClickOutsideForPanel, false);\n    return () => window.removeEventListener('click', onClickOutsideForPanel, false);\n  }, [conditionValue, onClickOutsideForPanel]);\n};\n\nexport const usePageTransition = (style, currentPage) => {\n  const finalStyle = useMemo(() => {\n    switch (style) {\n    case 'verticalSlide':\n      return { transform: `translateY(-${(currentPage * 100).toString()}%)` };\n    case 'scaleAndFade':\n      return {};\n    case 'rotate':\n      return { '-webkit-perspective': 1000 };\n    case 'scaleAndSlide':\n    case 'horizontalSlide':\n    default:\n      return { transform: `translateX(-${(currentPage * 100).toString()}%)` };\n    }\n  }, [style, currentPage]);\n\n  return finalStyle;\n};\n\nexport const useSelectedElements = () => {\n  const pages = usePropStore(state => state.pages);\n  const activeElements = useBuilderStore(state => state.activeElements);\n  const acceptedItems = usePropStore(state => state.acceptedItems);\n\n  return useMemo(() => {\n    if (activeElements.length === 0) return [];\n    const items = activeElements.map(itemID => {\n      let foundItem = [];\n      pages.forEach(page => {\n        const item = page.items.find(el => el.id === itemID);\n        if (item) {\n          foundItem = item;\n        }\n      });\n      const defItem = (acceptedItems[foundItem.itemType] && acceptedItems[foundItem.itemType].defaultItem) || {};\n      return { ...defItem, ...foundItem };\n    });\n    return items;\n  }, [pages, activeElements, acceptedItems]);\n};\n"],"names":["useEventListener","eventName","handler","element","global","savedHandler","useRef","useEffect","current","isSupported","addEventListener","eventListener","event","removeEventListener","useFitZoom","settings","usePropStore","state","setZoom","useBuilderStore","newZoom","getZoomValue","limitZoom","reportLayoutHeight","reportLayoutWidth","usePageVisibility","callback","pageCount","selectedPageIndex","ratio","pageRefs","observer","useMemo","window","IntersectionObserver","entries","forEach","entry","order","target","getAttribute","intersectionRatio","parseInt","Object","keys","find","key","Math","max","values","delay","root","document","querySelector","threshold","querySelectorAll","page","observe","unobserve","useFullscreenChange","isFullscreen","fitToScreen","onAnEventTrigger","setIsFullscreen","usePresentationStore","onFullscreenChange","useCallback","fullScreen","mozFullScreen","webkitIsFullScreen","useTranslatedTexts","SharingTextsModule","Texts","useClickOutsideListener","classes","conditionValue","onClose","onClickOutsideForPanel","classList","shouldClose","some","c","contains","usePageTransition","style","currentPage","finalStyle","transform","toString","useSelectedElements","pages","activeElements","acceptedItems","length","items","map","itemID","foundItem","item","el","id","defItem","itemType","defaultItem"],"mappings":"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"}

package/lib/esm/utils/useKeyboardActions.js

@@ -0,0 +1,261 @@
+import 'core-js/modules/es.array.find.js';
+import 'core-js/modules/es.array.find-index.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import { useState, useRef } from 'react';
+import { useBuilderStore } from '../contexts/BuilderContext.js';
+import { usePropStore } from '../contexts/PropContext.js';
+import { findItemById, getMostVisiblePage, getDimensions } from './functions.js';
+import { useSelectedElements, useEventListener } from './hooks.js';
+import { EVENT_IGNORED_ROLES } from '../constants/eventIgnoredRoles.js';
+import generateId from './generateId.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var useKeyboardActions = function useKeyboardActions() {
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      itemToPaste = _useState2[0],
+      setItemToPaste = _useState2[1];
+
+  var keyDownCount = useRef(null);
+  var activeElements = useBuilderStore(function (state) {
+    return state.activeElements;
+  });
+  var isRightPanelOpen = useBuilderStore(function (state) {
+    return state.isRightPanelOpen;
+  });
+  var setActiveElements = useBuilderStore(function (state) {
+    return state.setActiveElements;
+  });
+  var setIsRightPanelOpen = useBuilderStore(function (state) {
+    return state.setIsRightPanelOpen;
+  });
+  var resetActiveElements = useBuilderStore(function (state) {
+    return state.resetActiveElements;
+  });
+  var pages = usePropStore(function (state) {
+    return state.pages;
+  });
+  var onItemAdd = usePropStore(function (state) {
+    return state.onItemAdd;
+  });
+  var onItemRemove = usePropStore(function (state) {
+    return state.onItemRemove;
+  });
+  var onItemChange = usePropStore(function (state) {
+    return state.onItemChange;
+  });
+  var onAnEventTrigger = usePropStore(function (state) {
+    return state.onAnEventTrigger;
+  });
+  var isMultipleItemSelected = activeElements.length > 1;
+  var foundItem = findItemById(activeElements.length ? activeElements[0] : null, pages);
+  var selectedItems = useSelectedElements();
+
+  var moveItemWithKeyboard = function moveItemWithKeyboard(event, direction, value) {
+    event.preventDefault();
+    selectedItems.forEach(function (item) {
+      var _objectSpread2;
+
+      if (item.isLocked) {
+        return false;
+      }
+
+      onItemChange({
+        id: item.id
+      }, _objectSpread(_objectSpread({}, getDimensions(item)), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, direction, item[direction] + value), _defineProperty(_objectSpread2, "pageID", item.pageID), _objectSpread2)));
+    });
+  };
+
+  var selectNextOrPrevElement = function selectNextOrPrevElement(event, deletedItem) {
+    if (event.preventDefault) event.preventDefault();
+    var referenceItem = deletedItem ? deletedItem : foundItem;
+    var page = pages.find(function (_page) {
+      return _page.id === referenceItem.pageID;
+    });
+    if (!page || page && !page.items.length) return resetActiveElements();
+    var items = page.items;
+    var currentIndex = items.findIndex(function (item) {
+      return item.id === referenceItem.id;
+    }); // Pages are not updated in time so here is an unnecessary check
+
+    if (items.length === 1 && deletedItem) {
+      return resetActiveElements();
+    }
+
+    if (event.shiftKey) {
+      if (items[currentIndex - 1]) setActiveElements(items[currentIndex - 1].id);else setActiveElements(items[items.length - 1].id);
+    } else if (items[currentIndex + 1]) {
+      setActiveElements(items[currentIndex + 1].id);
+    } else setActiveElements(items[0].id);
+  };
+
+  var onItemRemoveFromPage = function onItemRemoveFromPage(e) {
+    // Firefox updates browser history on backspace
+    e.preventDefault();
+    if (isMultipleItemSelected) return;
+
+    if (foundItem.isLocked) {
+      return false;
+    }
+
+    resetActiveElements();
+    onItemRemove(foundItem);
+    selectNextOrPrevElement({
+      shiftKey: false
+    }, foundItem);
+    onAnEventTrigger('removeItem', foundItem.itemType);
+  };
+
+  var handlePaste = function handlePaste() {
+    if (isMultipleItemSelected) return;
+    var itemID = generateId();
+    var pageID = getMostVisiblePage(true);
+    var offset = itemToPaste.pageID === pageID ? 50 : 0;
+
+    var item = _objectSpread(_objectSpread({}, itemToPaste), {}, {
+      id: itemID,
+      left: itemToPaste.left + offset,
+      pageID: pageID,
+      top: itemToPaste.top + offset
+    });
+
+    onItemAdd(item);
+    onAnEventTrigger('pasteItem', itemToPaste.itemType);
+    setActiveElements(itemID); // set as last reference to paste
+
+    setItemToPaste(item);
+  };
+
+  var keyboardActions = function keyboardActions(event) {
+    var key = event.key,
+        metaKey = event.metaKey,
+        shiftKey = event.shiftKey;
+
+    if (metaKey) {
+      if (key === 'l') {
+        // Lock
+        if (isMultipleItemSelected) return;
+        event.preventDefault(); // Dont focus to URL bar
+
+        onAnEventTrigger(foundItem.isLocked ? 'unlockReportItem' : 'lockReportItem', foundItem.itemType);
+        onItemChange({
+          id: foundItem.id
+        }, {
+          isLocked: foundItem.isLocked ? false : true
+        });
+        return;
+      }
+
+      if (key === 'c' || key === 'x') {
+        if (isMultipleItemSelected) return; // Copy or Cut
+
+        if (key === 'x') {
+          onItemRemoveFromPage(event);
+          onAnEventTrigger('cutItem', foundItem.itemType);
+        } else {
+          onAnEventTrigger('copyItem', foundItem.itemType);
+        }
+
+        setItemToPaste(foundItem);
+        return;
+      }
+
+      if (foundItem && key === 'd') {
+        if (isMultipleItemSelected) return; // Duplicate
+
+        event.preventDefault();
+        var itemID = generateId();
+        onItemAdd(_objectSpread(_objectSpread({}, foundItem), {}, {
+          id: itemID,
+          left: foundItem.left + 50,
+          top: foundItem.top + 50
+        }));
+        onAnEventTrigger('duplicateItem', foundItem.itemType);
+        setActiveElements(itemID);
+
+        if (!isRightPanelOpen) {
+          setIsRightPanelOpen(true);
+        }
+
+        return;
+      }
+    }
+
+    keyDownCount.current++;
+    var movementValue = shiftKey ? 10 : 1 + keyDownCount.current; // Others
+
+    switch (key) {
+      case 'Backspace':
+        return onItemRemoveFromPage(event);
+
+      case 'Delete':
+        return onItemRemoveFromPage(event);
+
+      case 'Escape':
+        return resetActiveElements();
+
+      case 'ArrowLeft':
+        return moveItemWithKeyboard(event, 'left', -movementValue);
+
+      case 'ArrowUp':
+        return moveItemWithKeyboard(event, 'top', -movementValue);
+
+      case 'ArrowRight':
+        return moveItemWithKeyboard(event, 'left', movementValue);
+
+      case 'ArrowDown':
+        return moveItemWithKeyboard(event, 'top', movementValue);
+
+      case 'Tab':
+        return selectNextOrPrevElement(event);
+    }
+  };
+
+  var shouldSuppressKeyboardEvent = function shouldSuppressKeyboardEvent(e) {
+    return EVENT_IGNORED_ROLES.some(function (role) {
+      return e.target.closest("[role=".concat(role, "]"));
+    });
+  };
+
+  var handleKeyboardEvent = function handleKeyboardEvent(e) {
+    var shouldPaste = itemToPaste && e.key === 'v' && e.metaKey;
+
+    if (shouldSuppressKeyboardEvent(e)) {
+      return;
+    }
+
+    if (activeElements.length && !shouldPaste) {
+      var arrowKeyCodes = ['ArrowLeft', 'ArrowUp', 'ArrowDown', 'ArrowBottom'];
+      if (arrowKeyCodes.includes(e.key)) e.preventDefault();
+      keyboardActions(e);
+    } else if (shouldPaste) {
+      handlePaste();
+    }
+  };
+
+  useEventListener('keydown', handleKeyboardEvent);
+  useEventListener('keyup', function () {
+    keyDownCount.current = 0;
+  });
+};
+
+export default useKeyboardActions;
+//# sourceMappingURL=useKeyboardActions.js.map

package/lib/esm/utils/useKeyboardActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardActions.js","sources":["../../../src/utils/useKeyboardActions.js"],"sourcesContent":["/* eslint-disable complexity */\nimport { useRef, useState } from 'react';\nimport { useBuilderStore } from '../contexts/BuilderContext';\nimport { usePropStore } from '../contexts/PropContext';\nimport { findItemById, getDimensions, getMostVisiblePage } from './functions';\nimport { useEventListener, useSelectedElements } from './hooks';\nimport { EVENT_IGNORED_ROLES } from '../constants/eventIgnoredRoles';\nimport generateId from './generateId';\n\nconst useKeyboardActions = () => {\n  const [itemToPaste, setItemToPaste] = useState(null);\n  const keyDownCount = useRef(null);\n\n  const activeElements = useBuilderStore(state => state.activeElements);\n  const isRightPanelOpen = useBuilderStore(state => state.isRightPanelOpen);\n  const setActiveElements = useBuilderStore(state => state.setActiveElements);\n  const setIsRightPanelOpen = useBuilderStore(state => state.setIsRightPanelOpen);\n  const resetActiveElements = useBuilderStore(state => state.resetActiveElements);\n\n  const pages = usePropStore(state => state.pages);\n  const onItemAdd = usePropStore(state => state.onItemAdd);\n  const onItemRemove = usePropStore(state => state.onItemRemove);\n  const onItemChange = usePropStore(state => state.onItemChange);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n\n  const isMultipleItemSelected = activeElements.length > 1;\n\n  const foundItem = findItemById(activeElements.length ? activeElements[0] : null, pages);\n\n  const selectedItems = useSelectedElements();\n  const moveItemWithKeyboard = (event, direction, value) => {\n    event.preventDefault();\n    selectedItems.forEach(item => {\n      if (item.isLocked) {\n        return false;\n      }\n      onItemChange(\n        { id: item.id },\n        {\n          ...getDimensions(item),\n          [direction]: item[direction] + value,\n          pageID: item.pageID,\n        },\n      );\n    });\n  };\n\n  const selectNextOrPrevElement = (event, deletedItem) => {\n    if (event.preventDefault) event.preventDefault();\n    const referenceItem = deletedItem ? deletedItem : foundItem;\n\n    const page = pages.find(_page => _page.id === referenceItem.pageID);\n    if (!page || (page && !page.items.length)) return resetActiveElements();\n    const { items } = page;\n\n    const currentIndex = items.findIndex(item => item.id === referenceItem.id);\n\n    // Pages are not updated in time so here is an unnecessary check\n    if (items.length === 1 && deletedItem) {\n      return resetActiveElements();\n    }\n\n    if (event.shiftKey) {\n      if (items[currentIndex - 1]) setActiveElements(items[currentIndex - 1].id);\n      else setActiveElements(items[items.length - 1].id);\n    } else if (items[currentIndex + 1]) {\n      setActiveElements(items[currentIndex + 1].id);\n    } else setActiveElements(items[0].id);\n  };\n\n  const onItemRemoveFromPage = e => {\n    // Firefox updates browser history on backspace\n    e.preventDefault();\n    if (isMultipleItemSelected) return;\n    if (foundItem.isLocked) {\n      return false;\n    }\n    resetActiveElements();\n    onItemRemove(foundItem);\n    selectNextOrPrevElement({ shiftKey: false }, foundItem);\n    onAnEventTrigger('removeItem', foundItem.itemType);\n  };\n\n  const handlePaste = () => {\n    if (isMultipleItemSelected) return;\n    const itemID = generateId();\n    const pageID = getMostVisiblePage(true);\n    const offset = itemToPaste.pageID === pageID ? 50 : 0;\n\n    const item = {\n      ...itemToPaste,\n      id: itemID,\n      left: itemToPaste.left + offset,\n      pageID,\n      top: itemToPaste.top + offset,\n    };\n\n    onItemAdd(item);\n\n    onAnEventTrigger('pasteItem', itemToPaste.itemType);\n    setActiveElements(itemID);\n    // set as last reference to paste\n    setItemToPaste(item);\n  };\n\n  const keyboardActions = event => {\n    const {\n      key,\n      metaKey,\n      shiftKey,\n    } = event;\n\n    if (metaKey) {\n      if (key === 'l') {\n        // Lock\n        if (isMultipleItemSelected) return;\n        event.preventDefault(); // Dont focus to URL bar\n        onAnEventTrigger(\n          foundItem.isLocked ? 'unlockReportItem' : 'lockReportItem',\n          foundItem.itemType,\n        );\n        onItemChange(\n          { id: foundItem.id },\n          { isLocked: foundItem.isLocked ? false : true },\n        );\n        return;\n      }\n\n      if (key === 'c' || key === 'x') {\n        if (isMultipleItemSelected) return;\n        // Copy or Cut\n        if (key === 'x') {\n          onItemRemoveFromPage(event);\n          onAnEventTrigger('cutItem', foundItem.itemType);\n        } else {\n          onAnEventTrigger('copyItem', foundItem.itemType);\n        }\n\n        setItemToPaste(foundItem);\n        return;\n      }\n\n      if (foundItem && key === 'd') {\n        if (isMultipleItemSelected) return;\n        // Duplicate\n        event.preventDefault();\n        const itemID = generateId();\n        onItemAdd({\n          ...foundItem,\n          id: itemID,\n          left: foundItem.left + 50,\n          top: foundItem.top + 50,\n        });\n        onAnEventTrigger('duplicateItem', foundItem.itemType);\n        setActiveElements(itemID);\n        if (!isRightPanelOpen) {\n          setIsRightPanelOpen(true);\n        }\n        return;\n      }\n    }\n\n    keyDownCount.current++;\n    const movementValue = shiftKey ? 10 : 1 + keyDownCount.current;\n\n    // Others\n    switch (key) {\n    case 'Backspace': return onItemRemoveFromPage(event);\n    case 'Delete': return onItemRemoveFromPage(event);\n    case 'Escape': return resetActiveElements();\n    case 'ArrowLeft': return moveItemWithKeyboard(event, 'left', -movementValue);\n    case 'ArrowUp': return moveItemWithKeyboard(event, 'top', -movementValue);\n    case 'ArrowRight': return moveItemWithKeyboard(event, 'left', movementValue);\n    case 'ArrowDown': return moveItemWithKeyboard(event, 'top', movementValue);\n    case 'Tab': return selectNextOrPrevElement(event);\n    default:\n    }\n  };\n\n  const shouldSuppressKeyboardEvent = e => (\n    EVENT_IGNORED_ROLES.some(role => e.target.closest(`[role=${role}]`))\n  );\n\n  const handleKeyboardEvent = e => {\n    const shouldPaste = itemToPaste && e.key === 'v' && e.metaKey;\n\n    if (shouldSuppressKeyboardEvent(e)) {\n      return;\n    }\n\n    if (activeElements.length && !shouldPaste) {\n      const arrowKeyCodes = ['ArrowLeft', 'ArrowUp', 'ArrowDown', 'ArrowBottom'];\n      if (arrowKeyCodes.includes(e.key)) e.preventDefault();\n      keyboardActions(e);\n    } else if (shouldPaste) {\n      handlePaste();\n    }\n  };\n\n  useEventListener('keydown', handleKeyboardEvent);\n  useEventListener('keyup', () => { keyDownCount.current = 0; });\n};\n\nexport default useKeyboardActions;\n"],"names":["useKeyboardActions","useState","itemToPaste","setItemToPaste","keyDownCount","useRef","activeElements","useBuilderStore","state","isRightPanelOpen","setActiveElements","setIsRightPanelOpen","resetActiveElements","pages","usePropStore","onItemAdd","onItemRemove","onItemChange","onAnEventTrigger","isMultipleItemSelected","length","foundItem","findItemById","selectedItems","useSelectedElements","moveItemWithKeyboard","event","direction","value","preventDefault","forEach","item","isLocked","id","getDimensions","pageID","selectNextOrPrevElement","deletedItem","referenceItem","page","find","_page","items","currentIndex","findIndex","shiftKey","onItemRemoveFromPage","e","itemType","handlePaste","itemID","generateId","getMostVisiblePage","offset","left","top","keyboardActions","key","metaKey","current","movementValue","shouldSuppressKeyboardEvent","EVENT_IGNORED_ROLES","some","role","target","closest","handleKeyboardEvent","shouldPaste","arrowKeyCodes","includes","useEventListener"],"mappings":"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"}

package/lib/esm/utils/useMarqueeSelection.js

@@ -0,0 +1,154 @@
+import 'core-js/modules/es.array.find.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { useBuilderStore } from '../contexts/BuilderContext.js';
+import { usePropStore } from '../contexts/PropContext.js';
+import { getItemsInSelectionBox } from './functions.js';
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var EXCLUDED_SELECTORS = ['.reportItem', '.reportItemWrapper', '.pageActions', '.jfReport-addSlide', '[role="button"]', 'button', '.contextMenu', '.reportItemResizer-wrapper'];
+
+var useMarqueeSelection = function useMarqueeSelection(canvasRef) {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isSelecting = _useState2[0],
+      setIsSelecting = _useState2[1];
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selectionBox = _useState4[0],
+      setSelectionBox = _useState4[1];
+
+  var _useState5 = useState(null),
+      _useState6 = _slicedToArray(_useState5, 2),
+      selectionPageId = _useState6[0],
+      setSelectionPageId = _useState6[1];
+
+  var selectionStartRef = useRef(null);
+  var pages = usePropStore(function (state) {
+    return state.pages;
+  });
+  var zoom = useBuilderStore(function (state) {
+    return state.zoom;
+  });
+  var resetActiveElements = useBuilderStore(function (state) {
+    return state.resetActiveElements;
+  });
+  var setActiveElementsSelection = useBuilderStore(function (state) {
+    return state.setActiveElementsSelection;
+  });
+  var handleMouseDown = useCallback(function (e) {
+    if (e.button !== 0) return;
+    var target = e.target; // Don't start selection if clicking on an interactive element
+
+    if (EXCLUDED_SELECTORS.some(function (selector) {
+      return target.closest(selector);
+    })) {
+      return;
+    } // Find the page element from the click target
+
+
+    var pageElement = target.closest('.jfReport-page') || target.closest('[id*="presentation-page-"]');
+    if (!pageElement) return;
+    var pageId = pageElement.getAttribute('data-id') || pageElement.getAttribute('id').replace('presentation-page-', '');
+    if (!pageId) return;
+    e.preventDefault();
+    var pageRect = pageElement.getBoundingClientRect();
+    var startX = e.clientX - pageRect.left;
+    var startY = e.clientY - pageRect.top;
+    selectionStartRef.current = {
+      pageRect: pageRect,
+      startX: startX,
+      startY: startY
+    };
+    setSelectionPageId(pageId);
+    setSelectionBox({
+      endX: startX,
+      endY: startY,
+      startX: startX,
+      startY: startY
+    });
+    setIsSelecting(true);
+    resetActiveElements();
+  }, [resetActiveElements]);
+  var handleMouseMove = useCallback(function (e) {
+    if (!isSelecting || !selectionStartRef.current) return;
+    var _selectionStartRef$cu = selectionStartRef.current,
+        pageRect = _selectionStartRef$cu.pageRect,
+        startX = _selectionStartRef$cu.startX,
+        startY = _selectionStartRef$cu.startY;
+    var endX = Math.max(0, Math.min(e.clientX - pageRect.left, pageRect.width));
+    var endY = Math.max(0, Math.min(e.clientY - pageRect.top, pageRect.height));
+    setSelectionBox({
+      endX: endX,
+      endY: endY,
+      startX: startX,
+      startY: startY
+    });
+  }, [isSelecting]);
+  var handleMouseUp = useCallback(function () {
+    if (!isSelecting || !selectionBox || !selectionPageId) {
+      setIsSelecting(false);
+      setSelectionBox(null);
+      selectionStartRef.current = null;
+      return;
+    }
+
+    var page = pages.find(function (p) {
+      return p.id === selectionPageId;
+    });
+
+    if (page !== null && page !== void 0 && page.items) {
+      var selectedItemIds = getItemsInSelectionBox(selectionBox, page.items, zoom);
+
+      if (selectedItemIds.length > 0) {
+        setActiveElementsSelection(selectedItemIds);
+      }
+    }
+
+    setIsSelecting(false);
+    setSelectionBox(null);
+    setSelectionPageId(null);
+    selectionStartRef.current = null;
+  }, [isSelecting, selectionBox, selectionPageId, pages, zoom, setActiveElementsSelection]); // Canvas mouse down listener
+
+  useEffect(function () {
+    var canvas = canvasRef === null || canvasRef === void 0 ? void 0 : canvasRef.current;
+    if (!canvas) return;
+    canvas.addEventListener('mousedown', handleMouseDown);
+    return function () {
+      return canvas.removeEventListener('mousedown', handleMouseDown);
+    };
+  }, [canvasRef, handleMouseDown]); // Global mouse event listeners for drag
+
+  useEffect(function () {
+    if (!isSelecting) return;
+    document.body.style.cursor = 'crosshair';
+    document.addEventListener('mousemove', handleMouseMove);
+    document.addEventListener('mouseup', handleMouseUp);
+    return function () {
+      document.body.style.cursor = '';
+      document.removeEventListener('mousemove', handleMouseMove);
+      document.removeEventListener('mouseup', handleMouseUp);
+    };
+  }, [isSelecting, handleMouseMove, handleMouseUp]);
+  return {
+    isSelecting: isSelecting,
+    selectionBox: selectionBox,
+    selectionPageId: selectionPageId
+  };
+};
+
+export default useMarqueeSelection;
+//# sourceMappingURL=useMarqueeSelection.js.map

package/lib/esm/utils/useMarqueeSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarqueeSelection.js","sources":["../../../src/utils/useMarqueeSelection.js"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useBuilderStore } from '../contexts/BuilderContext';\nimport { usePropStore } from '../contexts/PropContext';\nimport { getItemsInSelectionBox } from './functions';\n\nconst EXCLUDED_SELECTORS = [\n  '.reportItem',\n  '.reportItemWrapper',\n  '.pageActions',\n  '.jfReport-addSlide',\n  '[role=\"button\"]',\n  'button',\n  '.contextMenu',\n  '.reportItemResizer-wrapper',\n];\n\nconst useMarqueeSelection = canvasRef => {\n  const [isSelecting, setIsSelecting] = useState(false);\n  const [selectionBox, setSelectionBox] = useState(null);\n  const [selectionPageId, setSelectionPageId] = useState(null);\n  const selectionStartRef = useRef(null);\n\n  const pages = usePropStore(state => state.pages);\n  const zoom = useBuilderStore(state => state.zoom);\n  const resetActiveElements = useBuilderStore(state => state.resetActiveElements);\n  const setActiveElementsSelection = useBuilderStore(state => state.setActiveElementsSelection);\n\n  const handleMouseDown = useCallback(e => {\n    if (e.button !== 0) return;\n\n    const { target } = e;\n\n    // Don't start selection if clicking on an interactive element\n    if (EXCLUDED_SELECTORS.some(selector => target.closest(selector))) {\n      return;\n    }\n\n    // Find the page element from the click target\n    const pageElement = target.closest('.jfReport-page')\n      || target.closest('[id*=\"presentation-page-\"]');\n    if (!pageElement) return;\n\n    const pageId = pageElement.getAttribute('data-id')\n      || pageElement.getAttribute('id').replace('presentation-page-', '');\n    if (!pageId) return;\n\n    e.preventDefault();\n\n    const pageRect = pageElement.getBoundingClientRect();\n    const startX = e.clientX - pageRect.left;\n    const startY = e.clientY - pageRect.top;\n\n    selectionStartRef.current = { pageRect, startX, startY };\n    setSelectionPageId(pageId);\n    setSelectionBox({\n      endX: startX,\n      endY: startY,\n      startX,\n      startY,\n    });\n    setIsSelecting(true);\n    resetActiveElements();\n  }, [resetActiveElements]);\n\n  const handleMouseMove = useCallback(e => {\n    if (!isSelecting || !selectionStartRef.current) return;\n\n    const { pageRect, startX, startY } = selectionStartRef.current;\n    const endX = Math.max(0, Math.min(e.clientX - pageRect.left, pageRect.width));\n    const endY = Math.max(0, Math.min(e.clientY - pageRect.top, pageRect.height));\n\n    setSelectionBox({\n      endX,\n      endY,\n      startX,\n      startY,\n    });\n  }, [isSelecting]);\n\n  const handleMouseUp = useCallback(() => {\n    if (!isSelecting || !selectionBox || !selectionPageId) {\n      setIsSelecting(false);\n      setSelectionBox(null);\n      selectionStartRef.current = null;\n      return;\n    }\n\n    const page = pages.find(p => p.id === selectionPageId);\n\n    if (page?.items) {\n      const selectedItemIds = getItemsInSelectionBox(selectionBox, page.items, zoom);\n      if (selectedItemIds.length > 0) {\n        setActiveElementsSelection(selectedItemIds);\n      }\n    }\n\n    setIsSelecting(false);\n    setSelectionBox(null);\n    setSelectionPageId(null);\n    selectionStartRef.current = null;\n  }, [isSelecting, selectionBox, selectionPageId, pages, zoom, setActiveElementsSelection]);\n\n  // Canvas mouse down listener\n  useEffect(() => {\n    const canvas = canvasRef?.current;\n    if (!canvas) return;\n\n    canvas.addEventListener('mousedown', handleMouseDown);\n    return () => canvas.removeEventListener('mousedown', handleMouseDown);\n  }, [canvasRef, handleMouseDown]);\n\n  // Global mouse event listeners for drag\n  useEffect(() => {\n    if (!isSelecting) return;\n\n    document.body.style.cursor = 'crosshair';\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n\n    return () => {\n      document.body.style.cursor = '';\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n    };\n  }, [isSelecting, handleMouseMove, handleMouseUp]);\n\n  return {\n    isSelecting,\n    selectionBox,\n    selectionPageId,\n  };\n};\n\nexport default useMarqueeSelection;\n"],"names":["EXCLUDED_SELECTORS","useMarqueeSelection","canvasRef","useState","isSelecting","setIsSelecting","selectionBox","setSelectionBox","selectionPageId","setSelectionPageId","selectionStartRef","useRef","pages","usePropStore","state","zoom","useBuilderStore","resetActiveElements","setActiveElementsSelection","handleMouseDown","useCallback","e","button","target","some","selector","closest","pageElement","pageId","getAttribute","replace","preventDefault","pageRect","getBoundingClientRect","startX","clientX","left","startY","clientY","top","current","endX","endY","handleMouseMove","Math","max","min","width","height","handleMouseUp","page","find","p","id","items","selectedItemIds","getItemsInSelectionBox","length","useEffect","canvas","addEventListener","removeEventListener","document","body","style","cursor"],"mappings":"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"}