@jotforminc/dnd-builder 3.0.0-alpha.2 → 3.0.0

package/lib/esm/components/Builder/PageActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageActions.js","sources":["../../../../src/components/Builder/PageActions.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { moveItemInArrayFromIndexToIndex, scrollToTarget } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst PageActions = ({\n  disableInteraction,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  order,\n  pageCount,\n  pageID,\n  pages,\n  setEditedElement,\n  setIsRightPanelOpen,\n}) => {\n  const pageSettings = () => {\n    setEditedElement(`p_${pageID}`);\n    setIsRightPanelOpen(true);\n  };\n\n  const onPageAddClick = () => {\n    const newPageIndex = order + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n    onAnEventTrigger('addNewPage', newPageIndex);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(pageID);\n    onAnEventTrigger('removePage', pageID);\n  };\n\n  const changeOrder = direction => {\n    return () => {\n      const pageIndex = pages.findIndex(page => page.id === pageID);\n      const editedPages = moveItemInArrayFromIndexToIndex(\n        pages,\n        pageIndex,\n        pageIndex + direction,\n      );\n      const pageOrders = editedPages.reduce((acc, page, index) => {\n        const newOrder = index + 1;\n        acc[page.id] = {\n          order: newOrder,\n        };\n        return acc;\n      }, {});\n      onPageOrdersChange(pageOrders);\n      scrollToTarget(`pageActions-id-${order + direction}`);\n      onAnEventTrigger('changePageOrder', direction);\n    };\n  };\n\n  const onPageDuplicateClick = () => {\n    const foundPage = pages.find(page => page.id === pageID);\n    onPageDuplicate(foundPage);\n    scrollToTarget(`pageActions-id-${order + 1}`, 350);\n    onAnEventTrigger('duplicatePage', order + 1);\n  };\n\n  const {\n    ADD_NEW_PAGE, DUPLICATE_PAGE, MOVE_PAGE_DOWNWARDS,\n    MOVE_PAGE_UPWARDS, PAGE_SETTINGS, REMOVE_PAGE,\n  } = useTranslatedTexts();\n  return (\n    <div\n      className=\"jfReport-pageInfo d-flex j-center\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"pageCounter p-relative d-flex\">\n        {`${order}`}\n      </div>\n      <div className=\"floatingController forPageAction\">\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Slide Settings\"\n            className=\"controllerItem pageSettingSideBtn js-pageSetting\"\n            onClick={pageSettings}\n            title={PAGE_SETTINGS}\n            type=\"button\"\n          >\n            <icons.pageSettings className=\"jfReportSVG icon-pageSettings\" />\n          </button>\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem js-duplicatePage\"\n            disabled={disableInteraction.indexOf('duplicate') > -1}\n            onClick={onPageDuplicateClick}\n            title={DUPLICATE_PAGE}\n            type=\"button\"\n          >\n            <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n          </button>\n          <button\n            key=\"Remove Slide\"\n            className=\"controllerItem isDanger js-removePage\"\n            disabled={disableInteraction.indexOf('remove') > -1}\n            onClick={onPageRemoveClick}\n            title={REMOVE_PAGE}\n            type=\"button\"\n          >\n            <icons.trash className=\"jfReportSVG icon-trashLine\" />\n          </button>\n        </div>\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Move Page Upwards\"\n            className={`js-changeOrderUp controllerItem${order === 1 ? ' disabled' : ''}`}\n            onClick={changeOrder(-1)}\n            title={MOVE_PAGE_UPWARDS}\n            type=\"button\"\n          >\n            <icons.arrowUp className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n          <button\n            key=\"Move Page Downwards\"\n            className={`js-changeOrderDown controllerItem${order === pageCount ? ' disabled' : ''}`}\n            onClick={changeOrder(1)}\n            title={MOVE_PAGE_DOWNWARDS}\n            type=\"button\"\n          >\n            <icons.arrowDown className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n        </div>\n        <div className=\"floatingController-container\">\n          <button\n            key=\"Add Slide\"\n            className=\"js-addNewPage controllerItem\"\n            disabled={disableInteraction.indexOf('add') > -1}\n            onClick={onPageAddClick}\n            title={ADD_NEW_PAGE}\n            type=\"button\"\n          >\n            <icons.plus className=\"jfReportSVG icon-plus\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPageActions.propTypes = {\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageOrdersChange: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  pageCount: PropTypes.number,\n  pageID: PropTypes.string,\n  pages: PropTypes.arrayOf(PropTypes.shape({})),\n  setEditedElement: PropTypes.func,\n  setIsRightPanelOpen: PropTypes.func,\n};\n\nPageActions.defaultProps = {\n  disableInteraction: [],\n  onAnEventTrigger: () => {},\n  onPageAdd: () => {},\n  onPageDuplicate: () => {},\n  onPageOrdersChange: () => {},\n  onPageRemove: () => {},\n  order: 0,\n  pageCount: 1,\n  pageID: '',\n  pages: [],\n  setEditedElement: () => {},\n  setIsRightPanelOpen: () => {},\n};\n\nexport default PageActions;\n"],"names":["PageActions","disableInteraction","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","order","pageCount","pageID","pages","setEditedElement","setIsRightPanelOpen","pageSettings","onPageAddClick","newPageIndex","scrollToTarget","onPageRemoveClick","changeOrder","direction","pageIndex","findIndex","page","id","editedPages","moveItemInArrayFromIndexToIndex","pageOrders","reduce","acc","index","newOrder","onPageDuplicateClick","foundPage","find","useTranslatedTexts","ADD_NEW_PAGE","DUPLICATE_PAGE","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","PAGE_SETTINGS","REMOVE_PAGE","_jsxs","_jsx","icons.pageSettings","indexOf","icons.duplicate","icons.trash","icons.arrowUp","icons.arrowDown","icons.plus","propTypes","PropTypes","arrayOf","string","func","number","shape","defaultProps"],"mappings":"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"}
+{"version":3,"file":"PageActions.js","sources":["../../../../src/components/Builder/PageActions.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { moveItemInArrayFromIndexToIndex, scrollToTarget } from '../../utils/functions';\nimport { useTranslatedTexts } from '../../utils/hooks';\nimport { useBuilderStore } from '../../contexts/BuilderContext';\nimport { usePropStore } from '../../contexts/PropContext';\n\nconst PageActions = ({\n  order = 0,\n  pageID = '',\n}) => {\n  const pages = usePropStore(state => state.pages);\n  const pageCount = pages.length;\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const onPageAdd = usePropStore(state => state.onPageAdd);\n  const onPageDuplicate = usePropStore(state => state.onPageDuplicate);\n  const onPageOrdersChange = usePropStore(state => state.onPageOrdersChange);\n  const onPageRemove = usePropStore(state => state.onPageRemove);\n  const disableInteraction = usePropStore(state => state.disableInteraction);\n\n  const setIsRightPanelOpen = useBuilderStore(state => state.setIsRightPanelOpen);\n  const setEditedElement = useBuilderStore(state => state.setEditedElement);\n\n  const pageSettings = () => {\n    setEditedElement(`p_${pageID}`);\n    setIsRightPanelOpen(true);\n  };\n\n  const onPageAddClick = () => {\n    const newPageIndex = order + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n    onAnEventTrigger('addNewPage', newPageIndex);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(pageID);\n    onAnEventTrigger('removePage', pageID);\n  };\n\n  const changeOrder = direction => {\n    return () => {\n      const pageIndex = pages.findIndex(page => page.id === pageID);\n      const editedPages = moveItemInArrayFromIndexToIndex(\n        pages,\n        pageIndex,\n        pageIndex + direction,\n      );\n      const pageOrders = editedPages.reduce((acc, page, index) => {\n        const newOrder = index + 1;\n        acc[page.id] = {\n          order: newOrder,\n        };\n        return acc;\n      }, {});\n      onPageOrdersChange(pageOrders);\n      scrollToTarget(`pageActions-id-${order + direction}`);\n      onAnEventTrigger('changePageOrder', direction);\n    };\n  };\n\n  const onPageDuplicateClick = () => {\n    const foundPage = pages.find(page => page.id === pageID);\n    onPageDuplicate(foundPage);\n    scrollToTarget(`pageActions-id-${order + 1}`, 350);\n    onAnEventTrigger('duplicatePage', order + 1);\n  };\n\n  const {\n    ADD_NEW_PAGE, DUPLICATE_PAGE, MOVE_PAGE_DOWNWARDS,\n    MOVE_PAGE_UPWARDS, PAGE_SETTINGS, REMOVE_PAGE,\n  } = useTranslatedTexts();\n  return (\n    <div\n      className=\"jfReport-pageInfo d-flex j-center\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"pageCounter p-relative d-flex\">\n        {`${order}`}\n      </div>\n      <div className=\"floatingController forPageAction\">\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Slide Settings\"\n            className=\"controllerItem pageSettingSideBtn js-pageSetting\"\n            onClick={pageSettings}\n            title={PAGE_SETTINGS}\n            type=\"button\"\n          >\n            <icons.pageSettings className=\"jfReportSVG icon-pageSettings\" />\n          </button>\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem js-duplicatePage\"\n            disabled={disableInteraction.indexOf('duplicate') > -1}\n            onClick={onPageDuplicateClick}\n            title={DUPLICATE_PAGE}\n            type=\"button\"\n          >\n            <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n          </button>\n          <button\n            key=\"Remove Slide\"\n            className=\"controllerItem isDanger js-removePage\"\n            disabled={disableInteraction.indexOf('remove') > -1}\n            onClick={onPageRemoveClick}\n            title={REMOVE_PAGE}\n            type=\"button\"\n          >\n            <icons.trash className=\"jfReportSVG icon-trashLine\" />\n          </button>\n        </div>\n        <div className=\"floatingController-container hasGroup\">\n          <button\n            key=\"Move Page Upwards\"\n            className={`js-changeOrderUp controllerItem${order === 1 ? ' disabled' : ''}`}\n            onClick={changeOrder(-1)}\n            title={MOVE_PAGE_UPWARDS}\n            type=\"button\"\n          >\n            <icons.arrowUp className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n          <button\n            key=\"Move Page Downwards\"\n            className={`js-changeOrderDown controllerItem${order === pageCount ? ' disabled' : ''}`}\n            onClick={changeOrder(1)}\n            title={MOVE_PAGE_DOWNWARDS}\n            type=\"button\"\n          >\n            <icons.arrowDown className=\"jfReportSVG icon-arrow isTick\" />\n          </button>\n        </div>\n        <div className=\"floatingController-container\">\n          <button\n            key=\"Add Slide\"\n            className=\"js-addNewPage controllerItem\"\n            disabled={disableInteraction.indexOf('add') > -1}\n            onClick={onPageAddClick}\n            title={ADD_NEW_PAGE}\n            type=\"button\"\n          >\n            <icons.plus className=\"jfReportSVG icon-plus\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPageActions.propTypes = {\n  order: PropTypes.number,\n  pageID: PropTypes.string,\n};\n\nexport default PageActions;\n"],"names":["PageActions","order","pageID","pages","usePropStore","state","pageCount","length","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","disableInteraction","setIsRightPanelOpen","useBuilderStore","setEditedElement","pageSettings","onPageAddClick","newPageIndex","scrollToTarget","onPageRemoveClick","changeOrder","direction","pageIndex","findIndex","page","id","editedPages","moveItemInArrayFromIndexToIndex","pageOrders","reduce","acc","index","newOrder","onPageDuplicateClick","foundPage","find","useTranslatedTexts","ADD_NEW_PAGE","DUPLICATE_PAGE","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","PAGE_SETTINGS","REMOVE_PAGE","_jsxs","_jsx","icons.pageSettings","indexOf","icons.duplicate","icons.trash","icons.arrowUp","icons.arrowDown","icons.plus","propTypes","PropTypes","number","string"],"mappings":"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"}

package/lib/esm/components/Builder/PageAdder.js

@@ -1,14 +1,20 @@
-import { string, func, number } from 'prop-types';
+import { string } from 'prop-types';
 import classNames from 'classnames';
 import { scrollToTarget } from '../../utils/functions.js';
 import { useTranslatedTexts } from '../../utils/hooks.js';
+import { usePropStore } from '../../contexts/PropContext.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import SvgPlus from '../../assets/svg/plus.svg.js';
 
 var PageAdder = function PageAdder(_ref) {
-  var additionalClass = _ref.additionalClass,
-      onPageAdd = _ref.onPageAdd,
-      pageCount = _ref.pageCount;
+  var _ref$additionalClass = _ref.additionalClass,
+      additionalClass = _ref$additionalClass === void 0 ? '' : _ref$additionalClass;
+  var pageCount = usePropStore(function (state) {
+    return state.pages.length;
+  });
+  var onPageAdd = usePropStore(function (state) {
+    return state.onPageAdd;
+  });
 
   var onPageAddClick = function onPageAddClick() {
     var newPageIndex = pageCount + 1;
@@ -32,14 +38,7 @@ var PageAdder = function PageAdder(_ref) {
 };
 
 PageAdder.propTypes = {
-  additionalClass: string,
-  onPageAdd: func,
-  pageCount: number
-};
-PageAdder.defaultProps = {
-  additionalClass: '',
-  onPageAdd: function onPageAdd() {},
-  pageCount: 1
+  additionalClass: string
 };
 
 export default PageAdder;

package/lib/esm/components/Builder/PageAdder.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageAdder.js","sources":["../../../../src/components/Builder/PageAdder.js"],"sourcesContent":["import { func, number, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { scrollToTarget } from '../../utils/functions';\nimport * as icons from '../../utils/icons';\nimport { useTranslatedTexts } from '../../utils/hooks';\n\nconst PageAdder = ({\n  additionalClass,\n  onPageAdd,\n  pageCount,\n}) => {\n  const onPageAddClick = () => {\n    const newPageIndex = pageCount + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n  };\n\n  const { ADD_NEW_PAGE } = useTranslatedTexts();\n  return (\n    <button\n      className={classNames('pageAdder', additionalClass)}\n      onClick={onPageAddClick}\n      type=\"button\"\n    >\n      <icons.plus className=\"jfReportSVG icon-plus\" />\n      <span>{ADD_NEW_PAGE}</span>\n    </button>\n  );\n};\n\nPageAdder.propTypes = {\n  additionalClass: string,\n  onPageAdd: func,\n  pageCount: number,\n};\n\nPageAdder.defaultProps = {\n  additionalClass: '',\n  onPageAdd: () => {},\n  pageCount: 1,\n};\n\nexport default PageAdder;\n"],"names":["PageAdder","additionalClass","onPageAdd","pageCount","onPageAddClick","newPageIndex","scrollToTarget","useTranslatedTexts","ADD_NEW_PAGE","_jsxs","classNames","_jsx","icons.plus","propTypes","string","func","number","defaultProps"],"mappings":";;;;;;;IAMMA,SAAS,GAAG,SAAZA,SAAY,OAIZ;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,SACI,QADJA,SACI;;AACJ,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGF,SAAS,GAAG,CAAjC;AACAD,IAAAA,SAAS,CAACG,YAAD,CAAT;AACAC,IAAAA,cAAc,0BAAmBD,YAAnB,GAAmC,GAAnC,CAAd;AACD,GAJD;;AAMA,4BAAyBE,kBAAkB,EAA3C;AAAA,MAAQC,YAAR,uBAAQA,YAAR;;AACA,sBACEC;AACE,IAAA,SAAS,EAAEC,UAAU,CAAC,WAAD,EAAcT,eAAd,CADvB;AAEE,IAAA,OAAO,EAAEG,cAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,4BAKEO,IAACC,OAAD;AAAY,MAAA,SAAS,EAAC;AAAtB,MALF,eAMED;AAAA,gBAAOH;AAAP,MANF;AAAA,IADF;AAUD;;AAEDR,SAAS,CAACa,SAAV,GAAsB;AACpBZ,EAAAA,eAAe,EAAEa,MADG;AAEpBZ,EAAAA,SAAS,EAAEa,IAFS;AAGpBZ,EAAAA,SAAS,EAAEa;AAHS,CAAtB;AAMAhB,SAAS,CAACiB,YAAV,GAAyB;AACvBhB,EAAAA,eAAe,EAAE,EADM;AAEvBC,EAAAA,SAAS,EAAE,qBAAM,EAFM;AAGvBC,EAAAA,SAAS,EAAE;AAHY,CAAzB;;;;"}
+{"version":3,"file":"PageAdder.js","sources":["../../../../src/components/Builder/PageAdder.js"],"sourcesContent":["import { string } from 'prop-types';\nimport classNames from 'classnames';\nimport { scrollToTarget } from '../../utils/functions';\nimport * as icons from '../../utils/icons';\nimport { useTranslatedTexts } from '../../utils/hooks';\nimport { usePropStore } from '../../contexts/PropContext';\n\nconst PageAdder = ({\n  additionalClass = '',\n}) => {\n  const pageCount = usePropStore(state => state.pages.length);\n  const onPageAdd = usePropStore(state => state.onPageAdd);\n  const onPageAddClick = () => {\n    const newPageIndex = pageCount + 1;\n    onPageAdd(newPageIndex);\n    scrollToTarget(`pageActions-id-${newPageIndex}`, 350);\n  };\n\n  const { ADD_NEW_PAGE } = useTranslatedTexts();\n  return (\n    <button\n      className={classNames('pageAdder', additionalClass)}\n      onClick={onPageAddClick}\n      type=\"button\"\n    >\n      <icons.plus className=\"jfReportSVG icon-plus\" />\n      <span>{ADD_NEW_PAGE}</span>\n    </button>\n  );\n};\n\nPageAdder.propTypes = {\n  additionalClass: string,\n};\n\nexport default PageAdder;\n"],"names":["PageAdder","additionalClass","pageCount","usePropStore","state","pages","length","onPageAdd","onPageAddClick","newPageIndex","scrollToTarget","useTranslatedTexts","ADD_NEW_PAGE","_jsxs","classNames","_jsx","icons.plus","propTypes","string"],"mappings":";;;;;;;;IAOMA,SAAS,GAAG,SAAZA,SAAY,OAEZ;AAAA,kCADJC,eACI;AAAA,MADJA,eACI,qCADc,EACd;AACJ,MAAMC,SAAS,GAAGC,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,KAAN,CAAYC,MAAhB;AAAA,GAAN,CAA9B;AACA,MAAMC,SAAS,GAAGJ,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACG,SAAV;AAAA,GAAN,CAA9B;;AACA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGP,SAAS,GAAG,CAAjC;AACAK,IAAAA,SAAS,CAACE,YAAD,CAAT;AACAC,IAAAA,cAAc,0BAAmBD,YAAnB,GAAmC,GAAnC,CAAd;AACD,GAJD;;AAMA,4BAAyBE,kBAAkB,EAA3C;AAAA,MAAQC,YAAR,uBAAQA,YAAR;;AACA,sBACEC;AACE,IAAA,SAAS,EAAEC,UAAU,CAAC,WAAD,EAAcb,eAAd,CADvB;AAEE,IAAA,OAAO,EAAEO,cAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,4BAKEO,IAACC,OAAD;AAAY,MAAA,SAAS,EAAC;AAAtB,MALF,eAMED;AAAA,gBAAOH;AAAP,MANF;AAAA,IADF;AAUD;;AAEDZ,SAAS,CAACiB,SAAV,GAAsB;AACpBhB,EAAAA,eAAe,EAAEiB;AADG,CAAtB;;;;"}

package/lib/esm/components/Builder/Panel.js

@@ -9,10 +9,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; }
 
 var Panel = function Panel(_ref) {
-  var additionalClassName = _ref.additionalClassName,
-      children = _ref.children,
-      innerRef = _ref.innerRef,
-      onAnimationEnd = _ref.onAnimationEnd;
+  var _ref$additionalClassN = _ref.additionalClassName,
+      additionalClassName = _ref$additionalClassN === void 0 ? '' : _ref$additionalClassN,
+      _ref$children = _ref.children,
+      children = _ref$children === void 0 ? null : _ref$children,
+      _ref$innerRef = _ref.innerRef,
+      innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
+      _ref$onAnimationEnd = _ref.onAnimationEnd,
+      onAnimationEnd = _ref$onAnimationEnd === void 0 ? function () {} : _ref$onAnimationEnd;
   return /*#__PURE__*/jsx("aside", {
     ref: innerRef,
     className: "jfReport-col jfReport-pane ".concat(additionalClassName),
@@ -29,12 +33,6 @@ Panel.propTypes = {
   })]),
   onAnimationEnd: PropTypes.func
 };
-Panel.defaultProps = {
-  additionalClassName: '',
-  children: null,
-  innerRef: null,
-  onAnimationEnd: function onAnimationEnd() {}
-};
 var MemoizedPanel = /*#__PURE__*/memo(Panel);
 var Panel$1 = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/jsx(MemoizedPanel, _objectSpread({

package/lib/esm/components/Builder/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sources":["../../../../src/components/Builder/Panel.js"],"sourcesContent":["/* global Element */\nimport { forwardRef, memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Panel = ({\n  additionalClassName, children, innerRef, onAnimationEnd,\n}) => {\n  return (\n    <aside\n      ref={innerRef}\n      className={`jfReport-col jfReport-pane ${additionalClassName}`}\n      onAnimationEnd={onAnimationEnd}\n    >\n      {children}\n    </aside>\n  );\n};\n\nPanel.propTypes = {\n  additionalClassName: PropTypes.string,\n  children: PropTypes.any,\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.instanceOf(Element) }),\n  ]),\n  onAnimationEnd: PropTypes.func,\n};\n\nPanel.defaultProps = {\n  additionalClassName: '',\n  children: null,\n  innerRef: null,\n  onAnimationEnd: () => {},\n};\n\nconst MemoizedPanel = memo(Panel);\n\nexport default forwardRef((props, ref) => (\n  <MemoizedPanel\n    innerRef={ref}\n    {...props}\n  />\n));\n"],"names":["Panel","additionalClassName","children","innerRef","onAnimationEnd","_jsx","propTypes","PropTypes","string","any","oneOfType","func","shape","current","instanceOf","Element","defaultProps","MemoizedPanel","memo","forwardRef","props","ref"],"mappings":";;;;;;;;;;AAIA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAER;AAAA,MADJC,mBACI,QADJA,mBACI;AAAA,MADiBC,QACjB,QADiBA,QACjB;AAAA,MAD2BC,QAC3B,QAD2BA,QAC3B;AAAA,MADqCC,cACrC,QADqCA,cACrC;AACJ,sBACEC;AACE,IAAA,GAAG,EAAEF,QADP;AAEE,IAAA,SAAS,uCAAgCF,mBAAhC,CAFX;AAGE,IAAA,cAAc,EAAEG,cAHlB;AAAA,cAKGF;AALH,IADF;AASD,CAZD;;AAcAF,KAAK,CAACM,SAAN,GAAkB;AAChBL,EAAAA,mBAAmB,EAAEM,SAAS,CAACC,MADf;AAEhBN,EAAAA,QAAQ,EAAEK,SAAS,CAACE,GAFJ;AAGhBN,EAAAA,QAAQ,EAAEI,SAAS,CAACG,SAAV,CAAoB,CAC5BH,SAAS,CAACI,IADkB,EAE5BJ,SAAS,CAACK,KAAV,CAAgB;AAAEC,IAAAA,OAAO,EAAEN,SAAS,CAACO,UAAV,CAAqBC,OAArB;AAAX,GAAhB,CAF4B,CAApB,CAHM;AAOhBX,EAAAA,cAAc,EAAEG,SAAS,CAACI;AAPV,CAAlB;AAUAX,KAAK,CAACgB,YAAN,GAAqB;AACnBf,EAAAA,mBAAmB,EAAE,EADF;AAEnBC,EAAAA,QAAQ,EAAE,IAFS;AAGnBC,EAAAA,QAAQ,EAAE,IAHS;AAInBC,EAAAA,cAAc,EAAE,0BAAM;AAJH,CAArB;AAOA,IAAMa,aAAa,gBAAGC,IAAI,CAAClB,KAAD,CAA1B;AAEA,2BAAemB,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR;AAAA,sBACxBhB,IAAC,aAAD;AACE,IAAA,QAAQ,EAAEgB;AADZ,KAEMD,KAFN,EADwB;AAAA,CAAD,CAAzB;;;;"}
+{"version":3,"file":"Panel.js","sources":["../../../../src/components/Builder/Panel.js"],"sourcesContent":["/* global Element */\nimport { forwardRef, memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Panel = ({\n  additionalClassName = '',\n  children = null,\n  innerRef = null,\n  onAnimationEnd = () => {},\n}) => {\n  return (\n    <aside\n      ref={innerRef}\n      className={`jfReport-col jfReport-pane ${additionalClassName}`}\n      onAnimationEnd={onAnimationEnd}\n    >\n      {children}\n    </aside>\n  );\n};\n\nPanel.propTypes = {\n  additionalClassName: PropTypes.string,\n  children: PropTypes.any,\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.instanceOf(Element) }),\n  ]),\n  onAnimationEnd: PropTypes.func,\n};\n\nconst MemoizedPanel = memo(Panel);\n\nexport default forwardRef((props, ref) => (\n  <MemoizedPanel\n    innerRef={ref}\n    {...props}\n  />\n));\n"],"names":["Panel","additionalClassName","children","innerRef","onAnimationEnd","_jsx","propTypes","PropTypes","string","any","oneOfType","func","shape","current","instanceOf","Element","MemoizedPanel","memo","forwardRef","props","ref"],"mappings":";;;;;;;;;;AAIA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAKR;AAAA,mCAJJC,mBAII;AAAA,MAJJA,mBAII,sCAJkB,EAIlB;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,IAGP;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,IAEP;AAAA,iCADJC,cACI;AAAA,MADJA,cACI,oCADa,YAAM,EACnB;AACJ,sBACEC;AACE,IAAA,GAAG,EAAEF,QADP;AAEE,IAAA,SAAS,uCAAgCF,mBAAhC,CAFX;AAGE,IAAA,cAAc,EAAEG,cAHlB;AAAA,cAKGF;AALH,IADF;AASD,CAfD;;AAiBAF,KAAK,CAACM,SAAN,GAAkB;AAChBL,EAAAA,mBAAmB,EAAEM,SAAS,CAACC,MADf;AAEhBN,EAAAA,QAAQ,EAAEK,SAAS,CAACE,GAFJ;AAGhBN,EAAAA,QAAQ,EAAEI,SAAS,CAACG,SAAV,CAAoB,CAC5BH,SAAS,CAACI,IADkB,EAE5BJ,SAAS,CAACK,KAAV,CAAgB;AAAEC,IAAAA,OAAO,EAAEN,SAAS,CAACO,UAAV,CAAqBC,OAArB;AAAX,GAAhB,CAF4B,CAApB,CAHM;AAOhBX,EAAAA,cAAc,EAAEG,SAAS,CAACI;AAPV,CAAlB;AAUA,IAAMK,aAAa,gBAAGC,IAAI,CAACjB,KAAD,CAA1B;AAEA,2BAAekB,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR;AAAA,sBACxBf,IAAC,aAAD;AACE,IAAA,QAAQ,EAAEe;AADZ,KAEMD,KAFN,EADwB;AAAA,CAAD,CAAzB;;;;"}

package/lib/esm/components/Builder/ReportItemRenderer.js

@@ -1,5 +1,6 @@
 import { memo } from 'react';
-import { usePropContext } from '../../utils/propContext.js';
+import { usePropStore } from '../../contexts/PropContext.js';
+import getMergedItem from '../../utils/getMergedItem.js';
 
 var getItemComponent = function getItemComponent(elementName, Elements) {
   return Elements[elementName] && Elements[elementName].Component ? Elements[elementName].Component : Elements.text.Component;
@@ -8,11 +9,11 @@ var getItemComponent = function getItemComponent(elementName, Elements) {
 var ReportItemRenderer = function ReportItemRenderer(_ref) {
   var children = _ref.children,
       item = _ref.item;
-
-  var _usePropContext = usePropContext(),
-      acceptedItems = _usePropContext.acceptedItems;
-
-  return children(getItemComponent(item.itemType, acceptedItems), item);
+  var acceptedItems = usePropStore(function (state) {
+    return state.acceptedItems;
+  });
+  var mergedItem = getMergedItem(item, acceptedItems);
+  return children(getItemComponent(item.itemType, acceptedItems), mergedItem);
 };
 
 var ReportItemRenderer$1 = /*#__PURE__*/memo(ReportItemRenderer);

package/lib/esm/components/Builder/ReportItemRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportItemRenderer.js","sources":["../../../../src/components/Builder/ReportItemRenderer.js"],"sourcesContent":["import { memo } from 'react';\nimport { usePropContext } from '../../utils/propContext';\n\nconst getItemComponent = (elementName, Elements) => {\n  return Elements[elementName] && Elements[elementName].Component\n    ? Elements[elementName].Component\n    : Elements.text.Component;\n};\n\nconst ReportItemRenderer = ({\n  children,\n  item,\n}) => {\n  const { acceptedItems } = usePropContext();\n  return children(getItemComponent(item.itemType, acceptedItems), item);\n};\n\nexport default memo(ReportItemRenderer);\n"],"names":["getItemComponent","elementName","Elements","Component","text","ReportItemRenderer","children","item","usePropContext","acceptedItems","itemType","memo"],"mappings":";;;AAGA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,WAAD,EAAcC,QAAd,EAA2B;AAClD,SAAOA,QAAQ,CAACD,WAAD,CAAR,IAAyBC,QAAQ,CAACD,WAAD,CAAR,CAAsBE,SAA/C,GACHD,QAAQ,CAACD,WAAD,CAAR,CAAsBE,SADnB,GAEHD,QAAQ,CAACE,IAAT,CAAcD,SAFlB;AAGD,CAJD;;AAMA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,OAGrB;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,IACI,QADJA,IACI;;AACJ,wBAA0BC,cAAc,EAAxC;AAAA,MAAQC,aAAR,mBAAQA,aAAR;;AACA,SAAOH,QAAQ,CAACN,gBAAgB,CAACO,IAAI,CAACG,QAAN,EAAgBD,aAAhB,CAAjB,EAAiDF,IAAjD,CAAf;AACD,CAND;;AAQA,wCAAeI,IAAI,CAACN,kBAAD,CAAnB;;;;"}
+{"version":3,"file":"ReportItemRenderer.js","sources":["../../../../src/components/Builder/ReportItemRenderer.js"],"sourcesContent":["import { memo } from 'react';\nimport { usePropStore } from '../../contexts/PropContext';\nimport getMergedItem from '../../utils/getMergedItem';\n\nconst getItemComponent = (elementName, Elements) => {\n  return Elements[elementName] && Elements[elementName].Component\n    ? Elements[elementName].Component\n    : Elements.text.Component;\n};\n\nconst ReportItemRenderer = ({\n  children,\n  item,\n}) => {\n  const acceptedItems = usePropStore(state => state.acceptedItems);\n  const mergedItem = getMergedItem(item, acceptedItems);\n  return children(getItemComponent(item.itemType, acceptedItems), mergedItem);\n};\n\nexport default memo(ReportItemRenderer);\n"],"names":["getItemComponent","elementName","Elements","Component","text","ReportItemRenderer","children","item","acceptedItems","usePropStore","state","mergedItem","getMergedItem","itemType","memo"],"mappings":";;;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,WAAD,EAAcC,QAAd,EAA2B;AAClD,SAAOA,QAAQ,CAACD,WAAD,CAAR,IAAyBC,QAAQ,CAACD,WAAD,CAAR,CAAsBE,SAA/C,GACHD,QAAQ,CAACD,WAAD,CAAR,CAAsBE,SADnB,GAEHD,QAAQ,CAACE,IAAT,CAAcD,SAFlB;AAGD,CAJD;;AAMA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,OAGrB;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,IACI,QADJA,IACI;AACJ,MAAMC,aAAa,GAAGC,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,aAAV;AAAA,GAAN,CAAlC;AACA,MAAMG,UAAU,GAAGC,aAAa,CAACL,IAAD,EAAOC,aAAP,CAAhC;AACA,SAAOF,QAAQ,CAACN,gBAAgB,CAACO,IAAI,CAACM,QAAN,EAAgBL,aAAhB,CAAjB,EAAiDG,UAAjD,CAAf;AACD,CAPD;;AASA,wCAAeG,IAAI,CAACT,kBAAD,CAAnB;;;;"}

package/lib/esm/components/Builder/Scene.js

@@ -5,36 +5,31 @@ import 'core-js/modules/es.array.map.js';
 import 'core-js/modules/es.number.constructor.js';
 import 'core-js/modules/es.number.is-nan.js';
 import 'core-js/modules/es.number.to-fixed.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
-import { memo, useState, useRef, createRef, useEffect, useCallback, Fragment } from 'react';
-import PropTypes from 'prop-types';
+import { useState, useRef, createRef, useMemo, useEffect, Fragment } from 'react';
 import { mainWrapper, viewport, canvas, page } from '../../constants/classNames.js';
 import ContextMenu from './ContextMenu.js';
 import PageActions from './PageActions.js';
 import PageAdder from './PageAdder.js';
 import ZoomControls from './ZoomControls.js';
-import { useBuilderContext } from '../../utils/builderContext.js';
-import { usePropContext } from '../../utils/propContext.js';
-import { DRAGGABLE_ITEM_TYPE, DROPPABLE_ITEM_TYPE } from '../../constants/itemTypes.js';
+import { useBuilderStore } from '../../contexts/BuilderContext.js';
+import { usePropStore } from '../../contexts/PropContext.js';
 import Page from './Page.js';
-import { calculateGuidePositions, getCorrectDroppedOffsetValue, getCorrectDroppedOffsetValueBySnap, findItemById, getSelectedItems, findItemsOnPage, getMostVisiblePage } from '../../utils/functions.js';
+import { calculateGuidePositions, findItemById, getSelectedItems, findItemsOnPage, getMostVisiblePage } from '../../utils/functions.js';
 import { useEventListener } from '../../utils/hooks.js';
 import DraggableItemLayer from '../DraggableItem/DraggableItemLayer.js';
 import generateId from '../../utils/generateId.js';
+import { EVENT_IGNORED_ROLES } from '../../constants/eventIgnoredRoles.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var _excluded = ["id", "itemType", "type"];
-
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 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."); }
@@ -47,73 +42,75 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var Scene = function Scene(_ref) {
-  var additionalPageItems = _ref.additionalPageItems,
-      hashCode = _ref.hashCode,
-      itemAccessor = _ref.itemAccessor,
-      lastScrollPosition = _ref.lastScrollPosition,
-      onItemAdd = _ref.onItemAdd,
-      onItemChange = _ref.onItemChange,
-      onItemMove = _ref.onItemMove,
-      onItemRemove = _ref.onItemRemove,
-      onItemResize = _ref.onItemResize,
-      onItemsMove = _ref.onItemsMove,
-      onPageAdd = _ref.onPageAdd,
-      onPageChange = _ref.onPageChange,
-      onPageDuplicate = _ref.onPageDuplicate,
-      onPageOrdersChange = _ref.onPageOrdersChange,
-      onPageRemove = _ref.onPageRemove,
-      pages = _ref.pages;
-  var pageCount = pages.length;
-  /* Builder Context */
-
-  var _useBuilderContext = useBuilderContext(),
-      activeElement = _useBuilderContext.activeElement,
-      contextMenuProps = _useBuilderContext.contextMenuProps,
-      isRightPanelOpen = _useBuilderContext.isRightPanelOpen,
-      setActiveElement = _useBuilderContext.setActiveElement,
-      setContextMenuProps = _useBuilderContext.setContextMenuProps,
-      setEditedElement = _useBuilderContext.setEditedElement,
-      setIsRightPanelOpen = _useBuilderContext.setIsRightPanelOpen,
-      zoom = _useBuilderContext.zoom;
-
-  var _usePropContext = usePropContext(),
-      acceptedItems = _usePropContext.acceptedItems,
-      disableInteraction = _usePropContext.disableInteraction,
-      onAnEventTrigger = _usePropContext.onAnEventTrigger,
-      settings = _usePropContext.settings;
+var Scene = function Scene() {
+  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 onAnEventTrigger = usePropStore(function (state) {
+    return state.onAnEventTrigger;
+  });
+  var settings = usePropStore(function (state) {
+    return state.settings;
+  });
+  var onItemChange = usePropStore(function (state) {
+    return state.onItemChange;
+  });
+  var activeElement = useBuilderStore(function (state) {
+    return state.activeElement;
+  });
+  var contextMenuProps = useBuilderStore(function (state) {
+    return state.contextMenuProps;
+  });
+  var isRightPanelOpen = useBuilderStore(function (state) {
+    return state.isRightPanelOpen;
+  });
+  var setActiveElement = useBuilderStore(function (state) {
+    return state.setActiveElement;
+  });
+  var setContextMenuProps = useBuilderStore(function (state) {
+    return state.setContextMenuProps;
+  });
+  var setIsRightPanelOpen = useBuilderStore(function (state) {
+    return state.setIsRightPanelOpen;
+  });
+  var zoom = useBuilderStore(function (state) {
+    return state.zoom;
+  });
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
       itemToPaste = _useState2[0],
       setItemToPaste = _useState2[1];
 
+  var lastScrollPosition = useBuilderStore(function (state) {
+    return state.lastScrollPosition;
+  });
   var isHeaderHidden = useRef(false);
   var pageStyles = useRef({});
   var pageContainerStyles = useRef({});
   var viewPortRef = useRef({});
   /* Page Refs */
 
-  var refs = pages.reduce(function (acc, curr) {
+  var refs = useRef(pages.reduce(function (acc, curr) {
     acc[curr.id] = /*#__PURE__*/createRef(null);
     return acc;
-  }, {});
+  }, {}));
   var isMultipleItemSelected = activeElement !== null && activeElement.length > 1;
   /* Calculate snap guides */
 
-  var _useState3 = useState({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      guides = _useState4[0],
-      setGuides = _useState4[1];
-
   var keyDownCount = useRef(null);
-  useEffect(function () {
-    var _guides = pages.reduce(function (acc, page) {
+  var guides = useMemo(function () {
+    return pages.reduce(function (acc, page) {
       var _pageGuides = {};
+      var pageRef = refs.current[page.id];
 
-      if (refs[page.id]) {
-        var pageRef = refs[page.id];
-
+      if (pageRef && pageRef.current) {
         var _pageRef$current$getB = pageRef.current.getBoundingClientRect(),
             _height = _pageRef$current$getB.height,
             left = _pageRef$current$getB.left,
@@ -145,75 +142,12 @@ var Scene = function Scene(_ref) {
       acc[page.id] = _pageGuides;
       return acc;
     }, {});
-
-    setGuides(_guides);
   }, [pages, zoom]);
-  /* When an item dropped */
-
-  var dropped = useCallback(function (pageID, _ref2, monitor, ref) {
-    var id = _ref2.id,
-        itemType = _ref2.itemType,
-        type = _ref2.type,
-        additionalData = _objectWithoutProperties(_ref2, _excluded);
-
-    var pageClient = ref.current.getBoundingClientRect();
-    var coords = getCorrectDroppedOffsetValue(monitor, pageClient, zoom);
-
-    switch (type) {
-      case DROPPABLE_ITEM_TYPE:
-        {
-          var itemID = generateId();
-          onItemAdd(_objectSpread(_objectSpread(_objectSpread({}, acceptedItems[itemType].details), {}, {
-            id: itemID,
-            pageID: pageID
-          }, coords), additionalData));
-          onAnEventTrigger('reportItemAdd', itemType);
-          setActiveElement(itemID);
-          setIsRightPanelOpen(true);
-          break;
-        }
-
-      case DRAGGABLE_ITEM_TYPE:
-        {
-          var dragCoords = getCorrectDroppedOffsetValueBySnap(coords, guides, id, pages, zoom);
-
-          if (isMultipleItemSelected) {
-            var leftDifference = additionalData.left - dragCoords.left;
-            var topDifference = additionalData.top - dragCoords.top;
-            var items = activeElement.reduce(function (acc, curr) {
-              var tempItem = findItemById(curr, pages);
-              acc[curr] = {
-                id: curr,
-                left: tempItem.left - leftDifference,
-                pageID: pageID,
-                top: tempItem.top - topDifference
-              };
-              return acc;
-            }, {});
-            onItemsMove({
-              items: items
-            });
-          } else {
-            onItemMove(_objectSpread({
-              id: id,
-              pageID: pageID
-            }, dragCoords));
-          }
-
-          break;
-        }
-
-      default:
-        {
-          throw new Error('You have to be specify item type');
-        }
-    }
-  }, [pages, guides, zoom, activeElement]);
   useEffect(function () {
     if (viewPortRef.current) {
       viewPortRef.current.scrollTop = lastScrollPosition;
     }
-  }, []); // set last scroll position after changing mode
+  }, [lastScrollPosition]); // set last scroll position after changing mode
 
   useEffect(function () {
     if (document.body.classList.contains('hideHeader') && isHeaderHidden) {
@@ -396,9 +330,19 @@ var Scene = function Scene(_ref) {
     }
   };
 
+  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 (activeElement && !shouldPaste) {
       var arrowKeyCodes = ['ArrowLeft', 'ArrowUp', 'ArrowDown', 'ArrowBottom'];
       if (arrowKeyCodes.includes(e.key)) e.preventDefault();
@@ -437,8 +381,7 @@ var Scene = function Scene(_ref) {
     className: mainWrapper,
     children: [/*#__PURE__*/jsx(DraggableItemLayer, {
       guides: guides,
-      itemAccessor: itemAccessor,
-      pageRefs: refs,
+      pageRefs: refs.current,
       pages: pages
     }), /*#__PURE__*/jsx("div", {
       ref: viewPortRef,
@@ -453,110 +396,41 @@ var Scene = function Scene(_ref) {
             // TODO: This part can be moved into a different component
             jsxs(Fragment, {
               children: [/*#__PURE__*/jsx(PageActions, {
-                disableInteraction: disableInteraction,
-                onAnEventTrigger: onAnEventTrigger,
-                onPageAdd: onPageAdd,
-                onPageDuplicate: onPageDuplicate,
-                onPageOrdersChange: onPageOrdersChange,
-                onPageRemove: onPageRemove,
                 order: page$1.order,
-                pageCount: pageCount,
-                pageID: page$1.id,
-                pages: pages,
-                setEditedElement: setEditedElement,
-                setIsRightPanelOpen: setIsRightPanelOpen
+                pageID: page$1.id
               }), /*#__PURE__*/jsx("div", {
-                ref: refs[page$1.id],
+                ref: refs.current[page$1.id],
                 className: page,
                 "data-id": page$1.id,
                 "data-order": page$1.order,
+                id: "presentation-page-".concat(page$1.id.toString()),
                 style: pageStyles.current,
                 children: /*#__PURE__*/jsx(Page, {
-                  activeElement: activeElement,
-                  additionalPageItems: additionalPageItems,
-                  guides: guides[page$1.id],
-                  hashCode: hashCode,
-                  itemAccessor: itemAccessor,
-                  items: page$1.items // TODO: dont use inline functions
-                  ,
-                  onDrop: function onDrop(item, monitor) {
-                    return dropped(page$1.id, item, monitor, refs[page$1.id]);
-                  },
-                  onItemAdd: onItemAdd,
-                  onItemChange: onItemChange,
-                  onItemRemove: onItemRemove,
-                  onItemResize: onItemResize,
+                  guides: guides,
+                  items: page$1.items,
                   page: page$1,
                   pageIndex: index,
-                  pageRef: refs[page$1.id],
+                  pageRef: refs.current[page$1.id],
                   style: pageContainerStyles.current
                 })
               }, "page_".concat(page$1.id))]
             }, page$1.id)
           );
-        }), /*#__PURE__*/jsx(PageAdder, {
-          onPageAdd: onPageAdd,
-          pageCount: pageCount
-        })]
+        }), /*#__PURE__*/jsx(PageAdder, {})]
       })
-    }), /*#__PURE__*/jsx(ZoomControls, {
-      mode: "customize",
-      pages: pages
-    }), contextMenuProps && /*#__PURE__*/jsx(ContextMenu, {
+    }), /*#__PURE__*/jsx(ZoomControls, {}), contextMenuProps && /*#__PURE__*/jsx(ContextMenu, {
       exceptionalClasses: ['contextMenu-button'],
       height: height,
       item: findItemById(contextMenuProps.id, pages),
       items: findItemsOnPage(contextMenuProps.pageID, pages),
-      onAnEventTrigger: onAnEventTrigger,
       onClickOutside: function onClickOutside() {
         return setContextMenuProps(null);
       },
-      onItemChange: onItemChange,
-      onItemRemove: onItemRemove,
-      onPageChange: onPageChange,
       position: contextMenuProps.position,
       width: width
     })]
   });
 };
 
-Scene.propTypes = {
-  additionalPageItems: PropTypes.arrayOf(PropTypes.node),
-  hashCode: PropTypes.string,
-  itemAccessor: PropTypes.func,
-  lastScrollPosition: PropTypes.number,
-  onItemAdd: PropTypes.func,
-  onItemChange: PropTypes.func,
-  onItemMove: PropTypes.func,
-  onItemRemove: PropTypes.func,
-  onItemResize: PropTypes.func,
-  onItemsMove: PropTypes.func,
-  onPageAdd: PropTypes.func,
-  onPageChange: PropTypes.func,
-  onPageDuplicate: PropTypes.func,
-  onPageOrdersChange: PropTypes.func,
-  onPageRemove: PropTypes.func,
-  pages: PropTypes.arrayOf(PropTypes.shape({}))
-};
-Scene.defaultProps = {
-  additionalPageItems: [],
-  hashCode: '',
-  itemAccessor: function itemAccessor() {},
-  lastScrollPosition: 0,
-  onItemAdd: function onItemAdd() {},
-  onItemChange: function onItemChange() {},
-  onItemMove: function onItemMove() {},
-  onItemRemove: function onItemRemove() {},
-  onItemResize: function onItemResize() {},
-  onItemsMove: function onItemsMove() {},
-  onPageAdd: function onPageAdd() {},
-  onPageChange: function onPageChange() {},
-  onPageDuplicate: function onPageDuplicate() {},
-  onPageOrdersChange: function onPageOrdersChange() {},
-  onPageRemove: function onPageRemove() {},
-  pages: []
-};
-var Scene$1 = /*#__PURE__*/memo(Scene);
-
-export default Scene$1;
+export default Scene;
 //# sourceMappingURL=Scene.js.map