@jotforminc/dnd-builder 2.5.1 → 2.5.3

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [2.5.3](https://github.com/jotform/dnd-builder/compare/v2.5.2...v2.5.3) (2023-03-02)
+
+### [2.5.2](https://github.com/jotform/dnd-builder/compare/v2.5.1...v2.5.2) (2023-03-02)
+
+
+### Bug Fixes
+
+* **static-scene:** use hoc for pan pinch zoom ([708a3a9](https://github.com/jotform/dnd-builder/commit/708a3a9abc28cafed950a917a9cf2f3a87a3563d))
+* **withZoomPanPinchHOC:** renaming & test fix ([f70566e](https://github.com/jotform/dnd-builder/commit/f70566ec1bfce45330914dca725281d22b08fa4f))
+
 ### [2.5.1](https://github.com/jotform/dnd-builder/compare/v2.5.0...v2.5.1) (2023-03-01)
 
 

package/lib/cjs/components/Panels/AllSlidesPanel/PageItem.js

@@ -43,7 +43,7 @@ var PageItem = reactSortableHoc.SortableElement(function (_ref) {
       children: order
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "thumbnailFrame o-hidden",
-      children: /*#__PURE__*/jsxRuntime.jsx(StaticPage, {
+      children: /*#__PURE__*/jsxRuntime.jsx(StaticPage['default'], {
         acceptedItems: acceptedItems,
         additionalPageItems: additionalPageItems,
         hashCode: hashCode,

package/lib/cjs/components/Panels/AllSlidesPanel/PageItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageItem.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageItem.js"],"sourcesContent":["import { memo } from 'react';\nimport { SortableElement } from 'react-sortable-hoc';\nimport classNames from 'classnames';\nimport StaticPage from '../../Preview/StaticPage';\nimport PageThumbnailActions from './PageThumbnailActions';\n\nconst PageItem = SortableElement(({\n  acceptedItems,\n  additionalPageItems,\n  hashCode,\n  isSelected,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\n  style,\n}) => {\n  const onKeyDown = f => f;\n  return (\n    <div\n      className={(\n        classNames('thumbnailWrapper d-flex dir-col a-center j-center p-relative', { isSelected })\n      )}\n      data-id={page.id}\n      data-order={order}\n      onClick={onPageClick}\n      onKeyDown={onKeyDown}\n    >\n      <div className=\"thumbnailOrder\">{order}</div>\n      <div className=\"thumbnailFrame o-hidden\">\n        <StaticPage\n          acceptedItems={acceptedItems}\n          additionalPageItems={additionalPageItems}\n          hashCode={hashCode}\n          itemAccessor={itemAccessor}\n          items={page.items}\n          style={style}\n        />\n      </div>\n      <PageThumbnailActions\n        onAnEventTrigger={onAnEventTrigger}\n        onPageAdd={onPageAdd}\n        onPageDuplicate={onPageDuplicate}\n        onPageRemove={onPageRemove}\n        order={order}\n        page={page}\n      />\n    </div>\n  );\n});\n\nexport default memo(PageItem);\n"],"names":["PageItem","SortableElement","acceptedItems","additionalPageItems","hashCode","isSelected","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","order","page","style","onKeyDown","f","_jsxs","classNames","id","_jsx","items","memo"],"mappings":";;;;;;;;;;;;;AAMA,IAAMA,QAAQ,GAAGC,gCAAe,CAAC,gBAc3B;AAAA,MAbJC,aAaI,QAbJA,aAaI;AAAA,MAZJC,mBAYI,QAZJA,mBAYI;AAAA,MAXJC,QAWI,QAXJA,QAWI;AAAA,MAVJC,UAUI,QAVJA,UAUI;AAAA,MATJC,YASI,QATJA,YASI;AAAA,MARJC,gBAQI,QARJA,gBAQI;AAAA,MAPJC,SAOI,QAPJA,SAOI;AAAA,MANJC,WAMI,QANJA,WAMI;AAAA,MALJC,eAKI,QALJA,eAKI;AAAA,MAJJC,YAII,QAJJA,YAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAC,CAAC;AAAA,WAAIA,CAAJ;AAAA,GAAnB;;AACA,sBACEC;AACE,IAAA,SAAS,EACPC,8BAAU,CAAC,8DAAD,EAAiE;AAAEb,MAAAA,UAAU,EAAVA;AAAF,KAAjE,CAFd;AAIE,eAASQ,IAAI,CAACM,EAJhB;AAKE,kBAAYP,KALd;AAME,IAAA,OAAO,EAAEH,WANX;AAOE,IAAA,SAAS,EAAEM,SAPb;AAAA,4BASEK;AAAK,MAAA,SAAS,EAAC,gBAAf;AAAA,gBAAiCR;AAAjC,MATF,eAUEQ;AAAK,MAAA,SAAS,EAAC,yBAAf;AAAA,6BACEA,eAAC,UAAD;AACE,QAAA,aAAa,EAAElB,aADjB;AAEE,QAAA,mBAAmB,EAAEC,mBAFvB;AAGE,QAAA,QAAQ,EAAEC,QAHZ;AAIE,QAAA,YAAY,EAAEE,YAJhB;AAKE,QAAA,KAAK,EAAEO,IAAI,CAACQ,KALd;AAME,QAAA,KAAK,EAAEP;AANT;AADF,MAVF,eAoBEM,eAAC,oBAAD;AACE,MAAA,gBAAgB,EAAEb,gBADpB;AAEE,MAAA,SAAS,EAAEC,SAFb;AAGE,MAAA,eAAe,EAAEE,eAHnB;AAIE,MAAA,YAAY,EAAEC,YAJhB;AAKE,MAAA,KAAK,EAAEC,KALT;AAME,MAAA,IAAI,EAAEC;AANR,MApBF;AAAA,IADF;AA+BD,CA/C+B,CAAhC;AAiDA,8BAAeS,UAAI,CAACtB,QAAD,CAAnB;;;;"}
+{"version":3,"file":"PageItem.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageItem.js"],"sourcesContent":["import { memo } from 'react';\nimport { SortableElement } from 'react-sortable-hoc';\nimport classNames from 'classnames';\nimport StaticPage from '../../Preview/StaticPage';\nimport PageThumbnailActions from './PageThumbnailActions';\n\nconst PageItem = SortableElement(({\n  acceptedItems,\n  additionalPageItems,\n  hashCode,\n  isSelected,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\n  style,\n}) => {\n  const onKeyDown = f => f;\n  return (\n    <div\n      className={(\n        classNames('thumbnailWrapper d-flex dir-col a-center j-center p-relative', { isSelected })\n      )}\n      data-id={page.id}\n      data-order={order}\n      onClick={onPageClick}\n      onKeyDown={onKeyDown}\n    >\n      <div className=\"thumbnailOrder\">{order}</div>\n      <div className=\"thumbnailFrame o-hidden\">\n        <StaticPage\n          acceptedItems={acceptedItems}\n          additionalPageItems={additionalPageItems}\n          hashCode={hashCode}\n          itemAccessor={itemAccessor}\n          items={page.items}\n          style={style}\n        />\n      </div>\n      <PageThumbnailActions\n        onAnEventTrigger={onAnEventTrigger}\n        onPageAdd={onPageAdd}\n        onPageDuplicate={onPageDuplicate}\n        onPageRemove={onPageRemove}\n        order={order}\n        page={page}\n      />\n    </div>\n  );\n});\n\nexport default memo(PageItem);\n"],"names":["PageItem","SortableElement","acceptedItems","additionalPageItems","hashCode","isSelected","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","order","page","style","onKeyDown","f","_jsxs","classNames","id","_jsx","StaticPage","items","memo"],"mappings":";;;;;;;;;;;;;AAMA,IAAMA,QAAQ,GAAGC,gCAAe,CAAC,gBAc3B;AAAA,MAbJC,aAaI,QAbJA,aAaI;AAAA,MAZJC,mBAYI,QAZJA,mBAYI;AAAA,MAXJC,QAWI,QAXJA,QAWI;AAAA,MAVJC,UAUI,QAVJA,UAUI;AAAA,MATJC,YASI,QATJA,YASI;AAAA,MARJC,gBAQI,QARJA,gBAQI;AAAA,MAPJC,SAOI,QAPJA,SAOI;AAAA,MANJC,WAMI,QANJA,WAMI;AAAA,MALJC,eAKI,QALJA,eAKI;AAAA,MAJJC,YAII,QAJJA,YAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAC,CAAC;AAAA,WAAIA,CAAJ;AAAA,GAAnB;;AACA,sBACEC;AACE,IAAA,SAAS,EACPC,8BAAU,CAAC,8DAAD,EAAiE;AAAEb,MAAAA,UAAU,EAAVA;AAAF,KAAjE,CAFd;AAIE,eAASQ,IAAI,CAACM,EAJhB;AAKE,kBAAYP,KALd;AAME,IAAA,OAAO,EAAEH,WANX;AAOE,IAAA,SAAS,EAAEM,SAPb;AAAA,4BASEK;AAAK,MAAA,SAAS,EAAC,gBAAf;AAAA,gBAAiCR;AAAjC,MATF,eAUEQ;AAAK,MAAA,SAAS,EAAC,yBAAf;AAAA,6BACEA,eAACC,qBAAD;AACE,QAAA,aAAa,EAAEnB,aADjB;AAEE,QAAA,mBAAmB,EAAEC,mBAFvB;AAGE,QAAA,QAAQ,EAAEC,QAHZ;AAIE,QAAA,YAAY,EAAEE,YAJhB;AAKE,QAAA,KAAK,EAAEO,IAAI,CAACS,KALd;AAME,QAAA,KAAK,EAAER;AANT;AADF,MAVF,eAoBEM,eAAC,oBAAD;AACE,MAAA,gBAAgB,EAAEb,gBADpB;AAEE,MAAA,SAAS,EAAEC,SAFb;AAGE,MAAA,eAAe,EAAEE,eAHnB;AAIE,MAAA,YAAY,EAAEC,YAJhB;AAKE,MAAA,KAAK,EAAEC,KALT;AAME,MAAA,IAAI,EAAEC;AANR,MApBF;AAAA,IADF;AA+BD,CA/C+B,CAAhC;AAiDA,8BAAeU,UAAI,CAACvB,QAAD,CAAnB;;;;"}

package/lib/cjs/components/Panels/SlidesPanel/SortablePageItem.js

@@ -46,7 +46,7 @@ var SortablePageItem = reactSortableHoc.SortableElement(function (_ref) {
       children: order
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "thumbnailFrame o-hidden",
-      children: /*#__PURE__*/jsxRuntime.jsx(StaticPage, {
+      children: /*#__PURE__*/jsxRuntime.jsx(StaticPage['default'], {
         acceptedItems: acceptedItems,
         additionalPageItems: additionalPageItems,
         hashCode: hashCode,

package/lib/cjs/components/Panels/SlidesPanel/SortablePageItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortablePageItem.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageItem.js"],"sourcesContent":["import { memo } from 'react';\nimport { SortableElement } from 'react-sortable-hoc';\nimport classNames from 'classnames';\nimport StaticPage from '../../Preview/StaticPage';\nimport PageThumbnailActions from './PageThumbnailActions';\n\nconst SortablePageItem = SortableElement(({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  isSelected,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\n  pageContainerStyle,\n  style,\n}) => {\n  const onKeyDown = f => f;\n  return (\n    <div\n      className={classNames('thumbnailWrapper d-flex a-center j-between', { isSelected })}\n      data-id={page.id}\n      data-order={order}\n      onClick={onPageClick}\n      onKeyDown={onKeyDown}\n      style={style}\n    >\n      <div className=\"thumbnailOrder\">{order}</div>\n      <div className=\"thumbnailFrame o-hidden\">\n        <StaticPage\n          acceptedItems={acceptedItems}\n          additionalPageItems={additionalPageItems}\n          hashCode={hashCode}\n          itemAccessor={itemAccessor}\n          items={page.items}\n          style={pageContainerStyle}\n        />\n      </div>\n      <PageThumbnailActions\n        disableInteraction={disableInteraction}\n        onAnEventTrigger={onAnEventTrigger}\n        onPageAdd={onPageAdd}\n        onPageDuplicate={onPageDuplicate}\n        onPageRemove={onPageRemove}\n        order={order}\n        page={page}\n      />\n    </div>\n  );\n});\n\nexport default memo(SortablePageItem);\n"],"names":["SortablePageItem","SortableElement","acceptedItems","additionalPageItems","disableInteraction","hashCode","isSelected","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","order","page","pageContainerStyle","style","onKeyDown","f","_jsxs","classNames","id","_jsx","items","memo"],"mappings":";;;;;;;;;;;;;AAMA,IAAMA,gBAAgB,GAAGC,gCAAe,CAAC,gBAgBnC;AAAA,MAfJC,aAeI,QAfJA,aAeI;AAAA,MAdJC,mBAcI,QAdJA,mBAcI;AAAA,MAbJC,kBAaI,QAbJA,kBAaI;AAAA,MAZJC,QAYI,QAZJA,QAYI;AAAA,MAXJC,UAWI,QAXJA,UAWI;AAAA,MAVJC,YAUI,QAVJA,YAUI;AAAA,MATJC,gBASI,QATJA,gBASI;AAAA,MARJC,SAQI,QARJA,SAQI;AAAA,MAPJC,WAOI,QAPJA,WAOI;AAAA,MANJC,eAMI,QANJA,eAMI;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,kBAEI,QAFJA,kBAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAC,CAAC;AAAA,WAAIA,CAAJ;AAAA,GAAnB;;AACA,sBACEC;AACE,IAAA,SAAS,EAAEC,8BAAU,CAAC,4CAAD,EAA+C;AAAEd,MAAAA,UAAU,EAAVA;AAAF,KAA/C,CADvB;AAEE,eAASQ,IAAI,CAACO,EAFhB;AAGE,kBAAYR,KAHd;AAIE,IAAA,OAAO,EAAEH,WAJX;AAKE,IAAA,SAAS,EAAEO,SALb;AAME,IAAA,KAAK,EAAED,KANT;AAAA,4BAQEM;AAAK,MAAA,SAAS,EAAC,gBAAf;AAAA,gBAAiCT;AAAjC,MARF,eASES;AAAK,MAAA,SAAS,EAAC,yBAAf;AAAA,6BACEA,eAAC,UAAD;AACE,QAAA,aAAa,EAAEpB,aADjB;AAEE,QAAA,mBAAmB,EAAEC,mBAFvB;AAGE,QAAA,QAAQ,EAAEE,QAHZ;AAIE,QAAA,YAAY,EAAEE,YAJhB;AAKE,QAAA,KAAK,EAAEO,IAAI,CAACS,KALd;AAME,QAAA,KAAK,EAAER;AANT;AADF,MATF,eAmBEO,eAAC,oBAAD;AACE,MAAA,kBAAkB,EAAElB,kBADtB;AAEE,MAAA,gBAAgB,EAAEI,gBAFpB;AAGE,MAAA,SAAS,EAAEC,SAHb;AAIE,MAAA,eAAe,EAAEE,eAJnB;AAKE,MAAA,YAAY,EAAEC,YALhB;AAME,MAAA,KAAK,EAAEC,KANT;AAOE,MAAA,IAAI,EAAEC;AAPR,MAnBF;AAAA,IADF;AA+BD,CAjDuC,CAAxC;AAmDA,sCAAeU,UAAI,CAACxB,gBAAD,CAAnB;;;;"}
+{"version":3,"file":"SortablePageItem.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageItem.js"],"sourcesContent":["import { memo } from 'react';\nimport { SortableElement } from 'react-sortable-hoc';\nimport classNames from 'classnames';\nimport StaticPage from '../../Preview/StaticPage';\nimport PageThumbnailActions from './PageThumbnailActions';\n\nconst SortablePageItem = SortableElement(({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  isSelected,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\n  pageContainerStyle,\n  style,\n}) => {\n  const onKeyDown = f => f;\n  return (\n    <div\n      className={classNames('thumbnailWrapper d-flex a-center j-between', { isSelected })}\n      data-id={page.id}\n      data-order={order}\n      onClick={onPageClick}\n      onKeyDown={onKeyDown}\n      style={style}\n    >\n      <div className=\"thumbnailOrder\">{order}</div>\n      <div className=\"thumbnailFrame o-hidden\">\n        <StaticPage\n          acceptedItems={acceptedItems}\n          additionalPageItems={additionalPageItems}\n          hashCode={hashCode}\n          itemAccessor={itemAccessor}\n          items={page.items}\n          style={pageContainerStyle}\n        />\n      </div>\n      <PageThumbnailActions\n        disableInteraction={disableInteraction}\n        onAnEventTrigger={onAnEventTrigger}\n        onPageAdd={onPageAdd}\n        onPageDuplicate={onPageDuplicate}\n        onPageRemove={onPageRemove}\n        order={order}\n        page={page}\n      />\n    </div>\n  );\n});\n\nexport default memo(SortablePageItem);\n"],"names":["SortablePageItem","SortableElement","acceptedItems","additionalPageItems","disableInteraction","hashCode","isSelected","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","order","page","pageContainerStyle","style","onKeyDown","f","_jsxs","classNames","id","_jsx","StaticPage","items","memo"],"mappings":";;;;;;;;;;;;;AAMA,IAAMA,gBAAgB,GAAGC,gCAAe,CAAC,gBAgBnC;AAAA,MAfJC,aAeI,QAfJA,aAeI;AAAA,MAdJC,mBAcI,QAdJA,mBAcI;AAAA,MAbJC,kBAaI,QAbJA,kBAaI;AAAA,MAZJC,QAYI,QAZJA,QAYI;AAAA,MAXJC,UAWI,QAXJA,UAWI;AAAA,MAVJC,YAUI,QAVJA,YAUI;AAAA,MATJC,gBASI,QATJA,gBASI;AAAA,MARJC,SAQI,QARJA,SAQI;AAAA,MAPJC,WAOI,QAPJA,WAOI;AAAA,MANJC,eAMI,QANJA,eAMI;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,kBAEI,QAFJA,kBAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAC,CAAC;AAAA,WAAIA,CAAJ;AAAA,GAAnB;;AACA,sBACEC;AACE,IAAA,SAAS,EAAEC,8BAAU,CAAC,4CAAD,EAA+C;AAAEd,MAAAA,UAAU,EAAVA;AAAF,KAA/C,CADvB;AAEE,eAASQ,IAAI,CAACO,EAFhB;AAGE,kBAAYR,KAHd;AAIE,IAAA,OAAO,EAAEH,WAJX;AAKE,IAAA,SAAS,EAAEO,SALb;AAME,IAAA,KAAK,EAAED,KANT;AAAA,4BAQEM;AAAK,MAAA,SAAS,EAAC,gBAAf;AAAA,gBAAiCT;AAAjC,MARF,eASES;AAAK,MAAA,SAAS,EAAC,yBAAf;AAAA,6BACEA,eAACC,qBAAD;AACE,QAAA,aAAa,EAAErB,aADjB;AAEE,QAAA,mBAAmB,EAAEC,mBAFvB;AAGE,QAAA,QAAQ,EAAEE,QAHZ;AAIE,QAAA,YAAY,EAAEE,YAJhB;AAKE,QAAA,KAAK,EAAEO,IAAI,CAACU,KALd;AAME,QAAA,KAAK,EAAET;AANT;AADF,MATF,eAmBEO,eAAC,oBAAD;AACE,MAAA,kBAAkB,EAAElB,kBADtB;AAEE,MAAA,gBAAgB,EAAEI,gBAFpB;AAGE,MAAA,SAAS,EAAEC,SAHb;AAIE,MAAA,eAAe,EAAEE,eAJnB;AAKE,MAAA,YAAY,EAAEC,YALhB;AAME,MAAA,KAAK,EAAEC,KANT;AAOE,MAAA,IAAI,EAAEC;AAPR,MAnBF;AAAA,IADF;AA+BD,CAjDuC,CAAxC;AAmDA,sCAAeW,UAAI,CAACzB,gBAAD,CAAnB;;;;"}

package/lib/cjs/components/Presentation/PresentationWrapper.js

@@ -4,7 +4,7 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var Modal = require('react-modal');
 var classNames = require('classnames');
-var reactUseGesture = require('react-use-gesture');
+var react = require('@use-gesture/react');
 var PresentationBar = require('./PresentationBar/PresentationBar.js');
 var ProgressBar = require('./ProgressBar.js');
 var builderContext = require('../../utils/builderContext.js');
@@ -120,32 +120,21 @@ var PresentationWrapper = function PresentationWrapper(_ref) {
     return e.preventDefault();
   });
   hooks.useFullscreenChange(isFullscreen, setIsFullscreen, fitToScreen);
-  var gesture = reactUseGesture.useGesture({
-    onDragEnd: function onDragEnd(_ref2) {
-      var axis = _ref2.axis,
-          _ref2$direction = _slicedToArray(_ref2.direction, 1),
-          v = _ref2$direction[0],
-          distance = _ref2.distance,
-          event = _ref2.event;
-
-      event.preventDefault();
-
-      if (fittedZoom === zoom) {
-        var clientWidth = event.target.clientWidth;
-
-        if (axis === 'x' && window.innerWidth / 4 < distance && clientWidth * zoom < window.innerWidth) {
-          return v < 0 ? pageChanger(1)() : pageChanger(-1)();
-        }
+  var gesture = react.useDrag(function (_ref2) {
+    var active = _ref2.active,
+        _ref2$movement = _slicedToArray(_ref2.movement, 1),
+        mx = _ref2$movement[0],
+        _ref2$direction = _slicedToArray(_ref2.direction, 1),
+        xDir = _ref2$direction[0],
+        cancel = _ref2.cancel;
+
+    if (fittedZoom === zoom) {
+      if (active && Math.abs(mx) > window.innerWidth / 2) {
+        var direction = xDir < 0 ? 1 : -1;
+        cancel();
+        pageChanger(direction)();
       }
-    } // onPinchEnd: ({ movement: [d] }) => {
-    //   const zoomStep = Number(parseFloat(d / 1000).toFixed(1));
-    //   const newZoomValue = Number(((Math.round((zoom + zoomStep) * 10)) / 10).toFixed(2));
-    //   if (zoom !== newZoomValue && newZoomValue <= ZOOM_MAX) {
-    //     const minZoom = Math.min(fittedZoom, ZOOM_MIN);
-    //     setZoom(Math.max(newZoomValue, minZoom));
-    //   }
-    // },
-
+    }
   });
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: /*#__PURE__*/jsxRuntime.jsxs(Modal__default['default'], {

package/lib/cjs/components/Presentation/PresentationWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresentationWrapper.js","sources":["../../../../src/components/Presentation/PresentationWrapper.js"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from 'react-modal';\nimport classNames from 'classnames';\nimport { useGesture } from 'react-use-gesture';\nimport PresentationBar from './PresentationBar';\nimport ProgressBar from './ProgressBar';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { useEventListener, useFullscreenChange } from '../../utils/hooks';\nimport {\n  changePage,\n  throttle,\n  zoomHandler,\n} from '../../utils/functions';\nimport { usePresentationContext } from '../../utils/presentationContext';\nimport { usePropContext } from '../../utils/propContext';\n// import { ZOOM_MIN, ZOOM_MAX } from '../../constants/zoom';\n\nconst PresentationWrapper = ({\n  children,\n  presentationBarActions,\n  useFixedPresentationBar,\n}) => {\n  const { onAnEventTrigger, settings } = usePropContext();\n  const {\n    currentPage,\n    fittedZoom,\n    isFullscreen,\n    pageCount,\n    setCurrentPage,\n    setFittedZoom,\n    setIsFullscreen,\n    setShowControlsInFullScreen,\n    showControlsInFullScreen,\n  } = usePresentationContext();\n\n  const { setZoom, zoom } = useBuilderContext();\n\n  const fitToScreen = useCallback((delay = 0) => setTimeout(() => {\n    const newZoom = zoomHandler({\n      handler: setZoom,\n      isFullscreen,\n      isModeCustomize: false,\n      limitZoom: false,\n      settings,\n      useFixedPresentationBar,\n      useProgressBar: pageCount > 2,\n    });\n    setFittedZoom(newZoom);\n  }, delay), [settings, isFullscreen, useFixedPresentationBar, pageCount]);\n\n  useEffect(() => { fitToScreen(100); }, [isFullscreen]);\n\n  useEffect(() => {\n    if (isFullscreen) {\n      setShowControlsInFullScreen(true);\n      setTimeout(() => setShowControlsInFullScreen(false), 1500);\n    }\n  }, [isFullscreen]);\n\n  const pageChanger = action => changePage({\n    action,\n    currentPage,\n    pageCount,\n    setCurrentPage,\n  });\n\n  const handleKeyboardEvent = useCallback(e => {\n    if (e.keyCode === 39) {\n      pageChanger(1)();\n    } else if (e.keyCode === 37) {\n      pageChanger(-1)();\n    }\n  });\n\n  const setControlVisibility = e => {\n    // TODO :: timeout in n out for better ux\n    if (!isFullscreen) return;\n    if (showControlsInFullScreen && window.innerHeight - e.clientY >= 200) {\n      setShowControlsInFullScreen(false);\n    } else if (!showControlsInFullScreen && window.innerHeight - e.clientY < 200) {\n      setShowControlsInFullScreen(true);\n    }\n  };\n\n  useEventListener('keydown', handleKeyboardEvent);\n  useEventListener('mousemove', throttle(setControlVisibility, 150));\n  useEventListener('gesturestart', e => e.preventDefault());\n  useEventListener('gesturechange', e => e.preventDefault());\n  useFullscreenChange(isFullscreen, setIsFullscreen, fitToScreen);\n\n  const gesture = useGesture({\n    onDragEnd: ({\n      axis, direction: [v], distance, event,\n    }) => {\n      event.preventDefault();\n      if (fittedZoom === zoom) {\n        const { clientWidth } = event.target;\n        if (axis === 'x'\n        && window.innerWidth / 4 < distance\n        && clientWidth * zoom < window.innerWidth) {\n          return v < 0 ? pageChanger(1)() : pageChanger(-1)();\n        }\n      }\n    },\n    // onPinchEnd: ({ movement: [d] }) => {\n    //   const zoomStep = Number(parseFloat(d / 1000).toFixed(1));\n    //   const newZoomValue = Number(((Math.round((zoom + zoomStep) * 10)) / 10).toFixed(2));\n    //   if (zoom !== newZoomValue && newZoomValue <= ZOOM_MAX) {\n    //     const minZoom = Math.min(fittedZoom, ZOOM_MIN);\n    //     setZoom(Math.max(newZoomValue, minZoom));\n    //   }\n    // },\n  });\n\n  return (\n    <>\n      <Modal\n        appElement={document.getElementById('root')}\n        className={classNames('jfPresentation jfFields', { black: isFullscreen })}\n        closeTimeoutMS={300}\n        contentLabel=\"Report Presentation\"\n        id=\"presentationModal\"\n        isOpen={true}\n        overlayClassName={classNames(\n          'jfPresentation-overlay',\n          { fixedPresentationBar: useFixedPresentationBar, isFullscreen },\n        )}\n        portalClassName=\"PresentationModal\"\n        shouldCloseOnEsc={false}\n        shouldFocusAfterRender={false}\n      >\n        {children(currentPage - 1, gesture)}\n        <PresentationBar\n          currentPage={currentPage}\n          fittedZoom={fittedZoom}\n          fitToScreen={fitToScreen}\n          isFullscreen={isFullscreen}\n          isVisible={(!isFullscreen || (isFullscreen && showControlsInFullScreen))}\n          onAnEventTrigger={onAnEventTrigger}\n          pageCount={pageCount}\n          presentationBarActions={presentationBarActions}\n          setCurrentPage={setCurrentPage}\n          setIsFullscreen={setIsFullscreen}\n          settings={settings}\n          setZoom={setZoom}\n          zoom={zoom}\n        />\n        <ProgressBar\n          currentPage={currentPage}\n          pageCount={pageCount}\n        />\n      </Modal>\n    </>\n  );\n};\n\nPresentationWrapper.propTypes = {\n  children: PropTypes.any,\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  useFixedPresentationBar: PropTypes.bool,\n};\n\nPresentationWrapper.defaultProps = {\n  children: () => {},\n  presentationBarActions: [],\n  useFixedPresentationBar: false,\n};\n\nexport default PresentationWrapper;\n"],"names":["PresentationWrapper","children","presentationBarActions","useFixedPresentationBar","usePropContext","onAnEventTrigger","settings","usePresentationContext","currentPage","fittedZoom","isFullscreen","pageCount","setCurrentPage","setFittedZoom","setIsFullscreen","setShowControlsInFullScreen","showControlsInFullScreen","useBuilderContext","setZoom","zoom","fitToScreen","useCallback","delay","setTimeout","newZoom","zoomHandler","handler","isModeCustomize","limitZoom","useProgressBar","useEffect","pageChanger","action","changePage","handleKeyboardEvent","e","keyCode","setControlVisibility","window","innerHeight","clientY","useEventListener","throttle","preventDefault","useFullscreenChange","gesture","useGesture","onDragEnd","axis","direction","v","distance","event","clientWidth","target","innerWidth","_jsx","_jsxs","Modal","document","getElementById","classNames","black","fixedPresentationBar","propTypes","PropTypes","any","arrayOf","shape","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAItB;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,sBAEI,QAFJA,sBAEI;AAAA,MADJC,uBACI,QADJA,uBACI;;AACJ,wBAAuCC,0BAAc,EAArD;AAAA,MAAQC,gBAAR,mBAAQA,gBAAR;AAAA,MAA0BC,QAA1B,mBAA0BA,QAA1B;;AACA,8BAUIC,0CAAsB,EAV1B;AAAA,MACEC,WADF,yBACEA,WADF;AAAA,MAEEC,UAFF,yBAEEA,UAFF;AAAA,MAGEC,YAHF,yBAGEA,YAHF;AAAA,MAIEC,SAJF,yBAIEA,SAJF;AAAA,MAKEC,cALF,yBAKEA,cALF;AAAA,MAMEC,aANF,yBAMEA,aANF;AAAA,MAOEC,eAPF,yBAOEA,eAPF;AAAA,MAQEC,2BARF,yBAQEA,2BARF;AAAA,MASEC,wBATF,yBASEA,wBATF;;AAYA,2BAA0BC,gCAAiB,EAA3C;AAAA,MAAQC,OAAR,sBAAQA,OAAR;AAAA,MAAiBC,IAAjB,sBAAiBA,IAAjB;;AAEA,MAAMC,WAAW,GAAGC,iBAAW,CAAC;AAAA,QAACC,KAAD,uEAAS,CAAT;AAAA,WAAeC,UAAU,CAAC,YAAM;AAC9D,UAAMC,OAAO,GAAGC,qBAAW,CAAC;AAC1BC,QAAAA,OAAO,EAAER,OADiB;AAE1BR,QAAAA,YAAY,EAAZA,YAF0B;AAG1BiB,QAAAA,eAAe,EAAE,KAHS;AAI1BC,QAAAA,SAAS,EAAE,KAJe;AAK1BtB,QAAAA,QAAQ,EAARA,QAL0B;AAM1BH,QAAAA,uBAAuB,EAAvBA,uBAN0B;AAO1B0B,QAAAA,cAAc,EAAElB,SAAS,GAAG;AAPF,OAAD,CAA3B;AASAE,MAAAA,aAAa,CAACW,OAAD,CAAb;AACD,KAXwD,EAWtDF,KAXsD,CAAzB;AAAA,GAAD,EAWpB,CAAChB,QAAD,EAAWI,YAAX,EAAyBP,uBAAzB,EAAkDQ,SAAlD,CAXoB,CAA/B;AAaAmB,EAAAA,eAAS,CAAC,YAAM;AAAEV,IAAAA,WAAW,CAAC,GAAD,CAAX;AAAmB,GAA5B,EAA8B,CAACV,YAAD,CAA9B,CAAT;AAEAoB,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIpB,YAAJ,EAAkB;AAChBK,MAAAA,2BAA2B,CAAC,IAAD,CAA3B;AACAQ,MAAAA,UAAU,CAAC;AAAA,eAAMR,2BAA2B,CAAC,KAAD,CAAjC;AAAA,OAAD,EAA2C,IAA3C,CAAV;AACD;AACF,GALQ,EAKN,CAACL,YAAD,CALM,CAAT;;AAOA,MAAMqB,WAAW,GAAG,SAAdA,WAAc,CAAAC,MAAM;AAAA,WAAIC,oBAAU,CAAC;AACvCD,MAAAA,MAAM,EAANA,MADuC;AAEvCxB,MAAAA,WAAW,EAAXA,WAFuC;AAGvCG,MAAAA,SAAS,EAATA,SAHuC;AAIvCC,MAAAA,cAAc,EAAdA;AAJuC,KAAD,CAAd;AAAA,GAA1B;;AAOA,MAAMsB,mBAAmB,GAAGb,iBAAW,CAAC,UAAAc,CAAC,EAAI;AAC3C,QAAIA,CAAC,CAACC,OAAF,KAAc,EAAlB,EAAsB;AACpBL,MAAAA,WAAW,CAAC,CAAD,CAAX;AACD,KAFD,MAEO,IAAII,CAAC,CAACC,OAAF,KAAc,EAAlB,EAAsB;AAC3BL,MAAAA,WAAW,CAAC,CAAC,CAAF,CAAX;AACD;AACF,GANsC,CAAvC;;AAQA,MAAMM,oBAAoB,GAAG,SAAvBA,oBAAuB,CAAAF,CAAC,EAAI;AAChC;AACA,QAAI,CAACzB,YAAL,EAAmB;;AACnB,QAAIM,wBAAwB,IAAIsB,MAAM,CAACC,WAAP,GAAqBJ,CAAC,CAACK,OAAvB,IAAkC,GAAlE,EAAuE;AACrEzB,MAAAA,2BAA2B,CAAC,KAAD,CAA3B;AACD,KAFD,MAEO,IAAI,CAACC,wBAAD,IAA6BsB,MAAM,CAACC,WAAP,GAAqBJ,CAAC,CAACK,OAAvB,GAAiC,GAAlE,EAAuE;AAC5EzB,MAAAA,2BAA2B,CAAC,IAAD,CAA3B;AACD;AACF,GARD;;AAUA0B,EAAAA,sBAAgB,CAAC,SAAD,EAAYP,mBAAZ,CAAhB;AACAO,EAAAA,sBAAgB,CAAC,WAAD,EAAcC,kBAAQ,CAACL,oBAAD,EAAuB,GAAvB,CAAtB,CAAhB;AACAI,EAAAA,sBAAgB,CAAC,cAAD,EAAiB,UAAAN,CAAC;AAAA,WAAIA,CAAC,CAACQ,cAAF,EAAJ;AAAA,GAAlB,CAAhB;AACAF,EAAAA,sBAAgB,CAAC,eAAD,EAAkB,UAAAN,CAAC;AAAA,WAAIA,CAAC,CAACQ,cAAF,EAAJ;AAAA,GAAnB,CAAhB;AACAC,EAAAA,yBAAmB,CAAClC,YAAD,EAAeI,eAAf,EAAgCM,WAAhC,CAAnB;AAEA,MAAMyB,OAAO,GAAGC,0BAAU,CAAC;AACzBC,IAAAA,SAAS,EAAE,0BAEL;AAAA,UADJC,IACI,SADJA,IACI;AAAA,iDADEC,SACF;AAAA,UADcC,CACd;AAAA,UADkBC,QAClB,SADkBA,QAClB;AAAA,UAD4BC,KAC5B,SAD4BA,KAC5B;;AACJA,MAAAA,KAAK,CAACT,cAAN;;AACA,UAAIlC,UAAU,KAAKU,IAAnB,EAAyB;AACvB,YAAQkC,WAAR,GAAwBD,KAAK,CAACE,MAA9B,CAAQD,WAAR;;AACA,YAAIL,IAAI,KAAK,GAAT,IACDV,MAAM,CAACiB,UAAP,GAAoB,CAApB,GAAwBJ,QADvB,IAEDE,WAAW,GAAGlC,IAAd,GAAqBmB,MAAM,CAACiB,UAF/B,EAE2C;AACzC,iBAAOL,CAAC,GAAG,CAAJ,GAAQnB,WAAW,CAAC,CAAD,CAAX,EAAR,GAA2BA,WAAW,CAAC,CAAC,CAAF,CAAX,EAAlC;AACD;AACF;AACF,KAbwB;AAezB;AACA;AACA;AACA;AACA;AACA;AACA;;AArByB,GAAD,CAA1B;AAwBA,sBACEyB;AAAA,2BACEC,gBAACC,yBAAD;AACE,MAAA,UAAU,EAAEC,QAAQ,CAACC,cAAT,CAAwB,MAAxB,CADd;AAEE,MAAA,SAAS,EAAEC,8BAAU,CAAC,yBAAD,EAA4B;AAAEC,QAAAA,KAAK,EAAEpD;AAAT,OAA5B,CAFvB;AAGE,MAAA,cAAc,EAAE,GAHlB;AAIE,MAAA,YAAY,EAAC,qBAJf;AAKE,MAAA,EAAE,EAAC,mBALL;AAME,MAAA,MAAM,EAAE,IANV;AAOE,MAAA,gBAAgB,EAAEmD,8BAAU,CAC1B,wBAD0B,EAE1B;AAAEE,QAAAA,oBAAoB,EAAE5D,uBAAxB;AAAiDO,QAAAA,YAAY,EAAZA;AAAjD,OAF0B,CAP9B;AAWE,MAAA,eAAe,EAAC,mBAXlB;AAYE,MAAA,gBAAgB,EAAE,KAZpB;AAaE,MAAA,sBAAsB,EAAE,KAb1B;AAAA,iBAeGT,QAAQ,CAACO,WAAW,GAAG,CAAf,EAAkBqC,OAAlB,CAfX,eAgBEW,eAAC,eAAD;AACE,QAAA,WAAW,EAAEhD,WADf;AAEE,QAAA,UAAU,EAAEC,UAFd;AAGE,QAAA,WAAW,EAAEW,WAHf;AAIE,QAAA,YAAY,EAAEV,YAJhB;AAKE,QAAA,SAAS,EAAG,CAACA,YAAD,IAAkBA,YAAY,IAAIM,wBALhD;AAME,QAAA,gBAAgB,EAAEX,gBANpB;AAOE,QAAA,SAAS,EAAEM,SAPb;AAQE,QAAA,sBAAsB,EAAET,sBAR1B;AASE,QAAA,cAAc,EAAEU,cATlB;AAUE,QAAA,eAAe,EAAEE,eAVnB;AAWE,QAAA,QAAQ,EAAER,QAXZ;AAYE,QAAA,OAAO,EAAEY,OAZX;AAaE,QAAA,IAAI,EAAEC;AAbR,QAhBF,eA+BEqC,eAAC,WAAD;AACE,QAAA,WAAW,EAAEhD,WADf;AAEE,QAAA,SAAS,EAAEG;AAFb,QA/BF;AAAA;AADF,IADF;AAwCD;;AAEDX,mBAAmB,CAACgE,SAApB,GAAgC;AAC9B/D,EAAAA,QAAQ,EAAEgE,6BAAS,CAACC,GADU;AAE9BhE,EAAAA,sBAAsB,EAAE+D,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFM;AAG9BjE,EAAAA,uBAAuB,EAAE8D,6BAAS,CAACI;AAHL,CAAhC;AAMArE,mBAAmB,CAACsE,YAApB,GAAmC;AACjCrE,EAAAA,QAAQ,EAAE,oBAAM,EADiB;AAEjCC,EAAAA,sBAAsB,EAAE,EAFS;AAGjCC,EAAAA,uBAAuB,EAAE;AAHQ,CAAnC;;;;"}
+{"version":3,"file":"PresentationWrapper.js","sources":["../../../../src/components/Presentation/PresentationWrapper.js"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from 'react-modal';\nimport classNames from 'classnames';\nimport { useDrag } from '@use-gesture/react';\nimport PresentationBar from './PresentationBar';\nimport ProgressBar from './ProgressBar';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { useEventListener, useFullscreenChange } from '../../utils/hooks';\nimport {\n  changePage,\n  throttle,\n  zoomHandler,\n} from '../../utils/functions';\nimport { usePresentationContext } from '../../utils/presentationContext';\nimport { usePropContext } from '../../utils/propContext';\n// import { ZOOM_MIN, ZOOM_MAX } from '../../constants/zoom';\n\nconst PresentationWrapper = ({\n  children,\n  presentationBarActions,\n  useFixedPresentationBar,\n}) => {\n  const { onAnEventTrigger, settings } = usePropContext();\n  const {\n    currentPage,\n    fittedZoom,\n    isFullscreen,\n    pageCount,\n    setCurrentPage,\n    setFittedZoom,\n    setIsFullscreen,\n    setShowControlsInFullScreen,\n    showControlsInFullScreen,\n  } = usePresentationContext();\n\n  const { setZoom, zoom } = useBuilderContext();\n\n  const fitToScreen = useCallback((delay = 0) => setTimeout(() => {\n    const newZoom = zoomHandler({\n      handler: setZoom,\n      isFullscreen,\n      isModeCustomize: false,\n      limitZoom: false,\n      settings,\n      useFixedPresentationBar,\n      useProgressBar: pageCount > 2,\n    });\n    setFittedZoom(newZoom);\n  }, delay), [settings, isFullscreen, useFixedPresentationBar, pageCount]);\n\n  useEffect(() => { fitToScreen(100); }, [isFullscreen]);\n\n  useEffect(() => {\n    if (isFullscreen) {\n      setShowControlsInFullScreen(true);\n      setTimeout(() => setShowControlsInFullScreen(false), 1500);\n    }\n  }, [isFullscreen]);\n\n  const pageChanger = action => changePage({\n    action,\n    currentPage,\n    pageCount,\n    setCurrentPage,\n  });\n\n  const handleKeyboardEvent = useCallback(e => {\n    if (e.keyCode === 39) {\n      pageChanger(1)();\n    } else if (e.keyCode === 37) {\n      pageChanger(-1)();\n    }\n  });\n\n  const setControlVisibility = e => {\n    // TODO :: timeout in n out for better ux\n    if (!isFullscreen) return;\n    if (showControlsInFullScreen && window.innerHeight - e.clientY >= 200) {\n      setShowControlsInFullScreen(false);\n    } else if (!showControlsInFullScreen && window.innerHeight - e.clientY < 200) {\n      setShowControlsInFullScreen(true);\n    }\n  };\n\n  useEventListener('keydown', handleKeyboardEvent);\n  useEventListener('mousemove', throttle(setControlVisibility, 150));\n  useEventListener('gesturestart', e => e.preventDefault());\n  useEventListener('gesturechange', e => e.preventDefault());\n  useFullscreenChange(isFullscreen, setIsFullscreen, fitToScreen);\n\n  const gesture = useDrag(({\n    active, movement: [mx], direction: [xDir], cancel,\n  }) => {\n    if (fittedZoom === zoom) {\n      if (active && Math.abs(mx) > window.innerWidth / 2) {\n        const direction = xDir < 0 ? 1 : -1;\n        cancel();\n        pageChanger(direction)();\n      }\n    }\n  });\n\n  return (\n    <>\n      <Modal\n        appElement={document.getElementById('root')}\n        className={classNames('jfPresentation jfFields', { black: isFullscreen })}\n        closeTimeoutMS={300}\n        contentLabel=\"Report Presentation\"\n        id=\"presentationModal\"\n        isOpen={true}\n        overlayClassName={classNames(\n          'jfPresentation-overlay',\n          { fixedPresentationBar: useFixedPresentationBar, isFullscreen },\n        )}\n        portalClassName=\"PresentationModal\"\n        shouldCloseOnEsc={false}\n        shouldFocusAfterRender={false}\n      >\n        {children(currentPage - 1, gesture)}\n        <PresentationBar\n          currentPage={currentPage}\n          fittedZoom={fittedZoom}\n          fitToScreen={fitToScreen}\n          isFullscreen={isFullscreen}\n          isVisible={(!isFullscreen || (isFullscreen && showControlsInFullScreen))}\n          onAnEventTrigger={onAnEventTrigger}\n          pageCount={pageCount}\n          presentationBarActions={presentationBarActions}\n          setCurrentPage={setCurrentPage}\n          setIsFullscreen={setIsFullscreen}\n          settings={settings}\n          setZoom={setZoom}\n          zoom={zoom}\n        />\n        <ProgressBar\n          currentPage={currentPage}\n          pageCount={pageCount}\n        />\n      </Modal>\n    </>\n  );\n};\n\nPresentationWrapper.propTypes = {\n  children: PropTypes.any,\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  useFixedPresentationBar: PropTypes.bool,\n};\n\nPresentationWrapper.defaultProps = {\n  children: () => {},\n  presentationBarActions: [],\n  useFixedPresentationBar: false,\n};\n\nexport default PresentationWrapper;\n"],"names":["PresentationWrapper","children","presentationBarActions","useFixedPresentationBar","usePropContext","onAnEventTrigger","settings","usePresentationContext","currentPage","fittedZoom","isFullscreen","pageCount","setCurrentPage","setFittedZoom","setIsFullscreen","setShowControlsInFullScreen","showControlsInFullScreen","useBuilderContext","setZoom","zoom","fitToScreen","useCallback","delay","setTimeout","newZoom","zoomHandler","handler","isModeCustomize","limitZoom","useProgressBar","useEffect","pageChanger","action","changePage","handleKeyboardEvent","e","keyCode","setControlVisibility","window","innerHeight","clientY","useEventListener","throttle","preventDefault","useFullscreenChange","gesture","useDrag","active","movement","mx","direction","xDir","cancel","Math","abs","innerWidth","_jsx","_jsxs","Modal","document","getElementById","classNames","black","fixedPresentationBar","propTypes","PropTypes","any","arrayOf","shape","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAItB;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,sBAEI,QAFJA,sBAEI;AAAA,MADJC,uBACI,QADJA,uBACI;;AACJ,wBAAuCC,0BAAc,EAArD;AAAA,MAAQC,gBAAR,mBAAQA,gBAAR;AAAA,MAA0BC,QAA1B,mBAA0BA,QAA1B;;AACA,8BAUIC,0CAAsB,EAV1B;AAAA,MACEC,WADF,yBACEA,WADF;AAAA,MAEEC,UAFF,yBAEEA,UAFF;AAAA,MAGEC,YAHF,yBAGEA,YAHF;AAAA,MAIEC,SAJF,yBAIEA,SAJF;AAAA,MAKEC,cALF,yBAKEA,cALF;AAAA,MAMEC,aANF,yBAMEA,aANF;AAAA,MAOEC,eAPF,yBAOEA,eAPF;AAAA,MAQEC,2BARF,yBAQEA,2BARF;AAAA,MASEC,wBATF,yBASEA,wBATF;;AAYA,2BAA0BC,gCAAiB,EAA3C;AAAA,MAAQC,OAAR,sBAAQA,OAAR;AAAA,MAAiBC,IAAjB,sBAAiBA,IAAjB;;AAEA,MAAMC,WAAW,GAAGC,iBAAW,CAAC;AAAA,QAACC,KAAD,uEAAS,CAAT;AAAA,WAAeC,UAAU,CAAC,YAAM;AAC9D,UAAMC,OAAO,GAAGC,qBAAW,CAAC;AAC1BC,QAAAA,OAAO,EAAER,OADiB;AAE1BR,QAAAA,YAAY,EAAZA,YAF0B;AAG1BiB,QAAAA,eAAe,EAAE,KAHS;AAI1BC,QAAAA,SAAS,EAAE,KAJe;AAK1BtB,QAAAA,QAAQ,EAARA,QAL0B;AAM1BH,QAAAA,uBAAuB,EAAvBA,uBAN0B;AAO1B0B,QAAAA,cAAc,EAAElB,SAAS,GAAG;AAPF,OAAD,CAA3B;AASAE,MAAAA,aAAa,CAACW,OAAD,CAAb;AACD,KAXwD,EAWtDF,KAXsD,CAAzB;AAAA,GAAD,EAWpB,CAAChB,QAAD,EAAWI,YAAX,EAAyBP,uBAAzB,EAAkDQ,SAAlD,CAXoB,CAA/B;AAaAmB,EAAAA,eAAS,CAAC,YAAM;AAAEV,IAAAA,WAAW,CAAC,GAAD,CAAX;AAAmB,GAA5B,EAA8B,CAACV,YAAD,CAA9B,CAAT;AAEAoB,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIpB,YAAJ,EAAkB;AAChBK,MAAAA,2BAA2B,CAAC,IAAD,CAA3B;AACAQ,MAAAA,UAAU,CAAC;AAAA,eAAMR,2BAA2B,CAAC,KAAD,CAAjC;AAAA,OAAD,EAA2C,IAA3C,CAAV;AACD;AACF,GALQ,EAKN,CAACL,YAAD,CALM,CAAT;;AAOA,MAAMqB,WAAW,GAAG,SAAdA,WAAc,CAAAC,MAAM;AAAA,WAAIC,oBAAU,CAAC;AACvCD,MAAAA,MAAM,EAANA,MADuC;AAEvCxB,MAAAA,WAAW,EAAXA,WAFuC;AAGvCG,MAAAA,SAAS,EAATA,SAHuC;AAIvCC,MAAAA,cAAc,EAAdA;AAJuC,KAAD,CAAd;AAAA,GAA1B;;AAOA,MAAMsB,mBAAmB,GAAGb,iBAAW,CAAC,UAAAc,CAAC,EAAI;AAC3C,QAAIA,CAAC,CAACC,OAAF,KAAc,EAAlB,EAAsB;AACpBL,MAAAA,WAAW,CAAC,CAAD,CAAX;AACD,KAFD,MAEO,IAAII,CAAC,CAACC,OAAF,KAAc,EAAlB,EAAsB;AAC3BL,MAAAA,WAAW,CAAC,CAAC,CAAF,CAAX;AACD;AACF,GANsC,CAAvC;;AAQA,MAAMM,oBAAoB,GAAG,SAAvBA,oBAAuB,CAAAF,CAAC,EAAI;AAChC;AACA,QAAI,CAACzB,YAAL,EAAmB;;AACnB,QAAIM,wBAAwB,IAAIsB,MAAM,CAACC,WAAP,GAAqBJ,CAAC,CAACK,OAAvB,IAAkC,GAAlE,EAAuE;AACrEzB,MAAAA,2BAA2B,CAAC,KAAD,CAA3B;AACD,KAFD,MAEO,IAAI,CAACC,wBAAD,IAA6BsB,MAAM,CAACC,WAAP,GAAqBJ,CAAC,CAACK,OAAvB,GAAiC,GAAlE,EAAuE;AAC5EzB,MAAAA,2BAA2B,CAAC,IAAD,CAA3B;AACD;AACF,GARD;;AAUA0B,EAAAA,sBAAgB,CAAC,SAAD,EAAYP,mBAAZ,CAAhB;AACAO,EAAAA,sBAAgB,CAAC,WAAD,EAAcC,kBAAQ,CAACL,oBAAD,EAAuB,GAAvB,CAAtB,CAAhB;AACAI,EAAAA,sBAAgB,CAAC,cAAD,EAAiB,UAAAN,CAAC;AAAA,WAAIA,CAAC,CAACQ,cAAF,EAAJ;AAAA,GAAlB,CAAhB;AACAF,EAAAA,sBAAgB,CAAC,eAAD,EAAkB,UAAAN,CAAC;AAAA,WAAIA,CAAC,CAACQ,cAAF,EAAJ;AAAA,GAAnB,CAAhB;AACAC,EAAAA,yBAAmB,CAAClC,YAAD,EAAeI,eAAf,EAAgCM,WAAhC,CAAnB;AAEA,MAAMyB,OAAO,GAAGC,aAAO,CAAC,iBAElB;AAAA,QADJC,MACI,SADJA,MACI;AAAA,8CADIC,QACJ;AAAA,QADeC,EACf;AAAA,+CADoBC,SACpB;AAAA,QADgCC,IAChC;AAAA,QADuCC,MACvC,SADuCA,MACvC;;AACJ,QAAI3C,UAAU,KAAKU,IAAnB,EAAyB;AACvB,UAAI4B,MAAM,IAAIM,IAAI,CAACC,GAAL,CAASL,EAAT,IAAeX,MAAM,CAACiB,UAAP,GAAoB,CAAjD,EAAoD;AAClD,YAAML,SAAS,GAAGC,IAAI,GAAG,CAAP,GAAW,CAAX,GAAe,CAAC,CAAlC;AACAC,QAAAA,MAAM;AACNrB,QAAAA,WAAW,CAACmB,SAAD,CAAX;AACD;AACF;AACF,GAVsB,CAAvB;AAYA,sBACEM;AAAA,2BACEC,gBAACC,yBAAD;AACE,MAAA,UAAU,EAAEC,QAAQ,CAACC,cAAT,CAAwB,MAAxB,CADd;AAEE,MAAA,SAAS,EAAEC,8BAAU,CAAC,yBAAD,EAA4B;AAAEC,QAAAA,KAAK,EAAEpD;AAAT,OAA5B,CAFvB;AAGE,MAAA,cAAc,EAAE,GAHlB;AAIE,MAAA,YAAY,EAAC,qBAJf;AAKE,MAAA,EAAE,EAAC,mBALL;AAME,MAAA,MAAM,EAAE,IANV;AAOE,MAAA,gBAAgB,EAAEmD,8BAAU,CAC1B,wBAD0B,EAE1B;AAAEE,QAAAA,oBAAoB,EAAE5D,uBAAxB;AAAiDO,QAAAA,YAAY,EAAZA;AAAjD,OAF0B,CAP9B;AAWE,MAAA,eAAe,EAAC,mBAXlB;AAYE,MAAA,gBAAgB,EAAE,KAZpB;AAaE,MAAA,sBAAsB,EAAE,KAb1B;AAAA,iBAeGT,QAAQ,CAACO,WAAW,GAAG,CAAf,EAAkBqC,OAAlB,CAfX,eAgBEW,eAAC,eAAD;AACE,QAAA,WAAW,EAAEhD,WADf;AAEE,QAAA,UAAU,EAAEC,UAFd;AAGE,QAAA,WAAW,EAAEW,WAHf;AAIE,QAAA,YAAY,EAAEV,YAJhB;AAKE,QAAA,SAAS,EAAG,CAACA,YAAD,IAAkBA,YAAY,IAAIM,wBALhD;AAME,QAAA,gBAAgB,EAAEX,gBANpB;AAOE,QAAA,SAAS,EAAEM,SAPb;AAQE,QAAA,sBAAsB,EAAET,sBAR1B;AASE,QAAA,cAAc,EAAEU,cATlB;AAUE,QAAA,eAAe,EAAEE,eAVnB;AAWE,QAAA,QAAQ,EAAER,QAXZ;AAYE,QAAA,OAAO,EAAEY,OAZX;AAaE,QAAA,IAAI,EAAEC;AAbR,QAhBF,eA+BEqC,eAAC,WAAD;AACE,QAAA,WAAW,EAAEhD,WADf;AAEE,QAAA,SAAS,EAAEG;AAFb,QA/BF;AAAA;AADF,IADF;AAwCD;;AAEDX,mBAAmB,CAACgE,SAApB,GAAgC;AAC9B/D,EAAAA,QAAQ,EAAEgE,6BAAS,CAACC,GADU;AAE9BhE,EAAAA,sBAAsB,EAAE+D,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFM;AAG9BjE,EAAAA,uBAAuB,EAAE8D,6BAAS,CAACI;AAHL,CAAhC;AAMArE,mBAAmB,CAACsE,YAApB,GAAmC;AACjCrE,EAAAA,QAAQ,EAAE,oBAAM,EADiB;AAEjCC,EAAAA,sBAAsB,EAAE,EAFS;AAGjCC,EAAAA,uBAAuB,EAAE;AAHQ,CAAnC;;;;"}

package/lib/cjs/components/Preview/StaticPage.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 require('core-js/modules/es.array.filter.js');
 require('core-js/modules/es.array.map.js');
 var React = require('react');
@@ -8,6 +10,7 @@ var classNames = require('../../constants/classNames.js');
 var ReportItemRenderer = require('../Builder/ReportItemRenderer.js');
 var StaticItem = require('./StaticItem.js');
 var getMergedItem = require('../../utils/getMergedItem.js');
+var withZoomPanPinchHOC = require('../withZoomPanPinchHOC.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -65,6 +68,8 @@ StaticPage.defaultProps = {
   style: {}
 };
 var StaticPage$1 = /*#__PURE__*/React.memo(StaticPage);
+var StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);
 
-module.exports = StaticPage$1;
+exports.StaticPageWithZoomPanPinch = StaticPageWithZoomPanPinch;
+exports.default = StaticPage$1;
 //# sourceMappingURL=StaticPage.js.map

package/lib/cjs/components/Preview/StaticPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticPage.js","sources":["../../../../src/components/Preview/StaticPage.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as classNames from '../../constants/classNames';\nimport ReportItemRenderer from '../Builder/ReportItemRenderer';\nimport StaticItem from './StaticItem';\nimport getMergedItem from '../../utils/getMergedItem';\n\nconst StaticPage = ({\n  acceptedItems,\n  additionalPageItems,\n  hashCode,\n  itemAccessor,\n  items,\n  style,\n}) => (\n  <div\n    className={classNames.pageContainer}\n    style={style}\n  >\n    <div className=\"jfReport-hider o-hidden f-all p-relative\">\n      {items.filter(item => (\n        item.isVisible !== undefined\n          ? item.isVisible\n          : true\n      )).map(item => {\n        const mergedItem = getMergedItem(item, acceptedItems);\n        return (\n          <StaticItem\n            key={item.id}\n            hashCode={hashCode}\n            item={item}\n          >\n            <ReportItemRenderer\n              item={item}\n            >\n              {ReportItem => (\n                <ReportItem\n                  item={mergedItem}\n                  itemAccessor={itemAccessor}\n                />\n              )}\n            </ReportItemRenderer>\n          </StaticItem>\n        );\n      })}\n      {additionalPageItems}\n    </div>\n  </div>\n);\n\nStaticPage.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  hashCode: PropTypes.string,\n  itemAccessor: PropTypes.func,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  style: PropTypes.shape({}),\n};\n\nStaticPage.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  hashCode: '',\n  itemAccessor: () => {},\n  items: [],\n  style: {},\n};\n\nexport default memo(StaticPage);\n"],"names":["StaticPage","acceptedItems","additionalPageItems","hashCode","itemAccessor","items","style","_jsx","classNames","_jsxs","filter","item","isVisible","undefined","map","mergedItem","getMergedItem","ReportItem","id","propTypes","PropTypes","shape","arrayOf","node","string","func","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;AAOA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,MACjBC,aADiB,QACjBA,aADiB;AAAA,MAEjBC,mBAFiB,QAEjBA,mBAFiB;AAAA,MAGjBC,QAHiB,QAGjBA,QAHiB;AAAA,MAIjBC,YAJiB,QAIjBA,YAJiB;AAAA,MAKjBC,KALiB,QAKjBA,KALiB;AAAA,MAMjBC,KANiB,QAMjBA,KANiB;AAAA,sBAQjBC;AACE,IAAA,SAAS,EAAEC,wBADb;AAEE,IAAA,KAAK,EAAEF,KAFT;AAAA,2BAIEG;AAAK,MAAA,SAAS,EAAC,0CAAf;AAAA,iBACGJ,KAAK,CAACK,MAAN,CAAa,UAAAC,IAAI;AAAA,eAChBA,IAAI,CAACC,SAAL,KAAmBC,SAAnB,GACIF,IAAI,CAACC,SADT,GAEI,IAHY;AAAA,OAAjB,EAIEE,GAJF,CAIM,UAAAH,IAAI,EAAI;AACb,YAAMI,UAAU,GAAGC,aAAa,CAACL,IAAD,EAAOV,aAAP,CAAhC;AACA,4BACEM,eAAC,UAAD;AAEE,UAAA,QAAQ,EAAEJ,QAFZ;AAGE,UAAA,IAAI,EAAEQ,IAHR;AAAA,iCAKEJ,eAAC,kBAAD;AACE,YAAA,IAAI,EAAEI,IADR;AAAA,sBAGG,kBAAAM,UAAU;AAAA,kCACTV,eAAC,UAAD;AACE,gBAAA,IAAI,EAAEQ,UADR;AAEE,gBAAA,YAAY,EAAEX;AAFhB,gBADS;AAAA;AAHb;AALF,WACOO,IAAI,CAACO,EADZ,CADF;AAkBD,OAxBA,CADH,EA0BGhB,mBA1BH;AAAA;AAJF,IARiB;AAAA,CAAnB;;AA2CAF,UAAU,CAACmB,SAAX,GAAuB;AACrBlB,EAAAA,aAAa,EAAEmB,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADM;AAErBnB,EAAAA,mBAAmB,EAAEkB,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,IAA5B,CAFA;AAGrBpB,EAAAA,QAAQ,EAAEiB,6BAAS,CAACI,MAHC;AAIrBpB,EAAAA,YAAY,EAAEgB,6BAAS,CAACK,IAJH;AAKrBpB,EAAAA,KAAK,EAAEe,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CALc;AAMrBf,EAAAA,KAAK,EAAEc,6BAAS,CAACC,KAAV,CAAgB,EAAhB;AANc,CAAvB;AASArB,UAAU,CAAC0B,YAAX,GAA0B;AACxBzB,EAAAA,aAAa,EAAE,EADS;AAExBC,EAAAA,mBAAmB,EAAE,EAFG;AAGxBC,EAAAA,QAAQ,EAAE,EAHc;AAIxBC,EAAAA,YAAY,EAAE,wBAAM,EAJI;AAKxBC,EAAAA,KAAK,EAAE,EALiB;AAMxBC,EAAAA,KAAK,EAAE;AANiB,CAA1B;AASA,gCAAeqB,UAAI,CAAC3B,UAAD,CAAnB;;;;"}
+{"version":3,"file":"StaticPage.js","sources":["../../../../src/components/Preview/StaticPage.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as classNames from '../../constants/classNames';\nimport ReportItemRenderer from '../Builder/ReportItemRenderer';\nimport StaticItem from './StaticItem';\nimport getMergedItem from '../../utils/getMergedItem';\nimport withZoomPanPinchHOC from '../withZoomPanPinchHOC';\n\nconst StaticPage = ({\n  acceptedItems,\n  additionalPageItems,\n  hashCode,\n  itemAccessor,\n  items,\n  style,\n}) => (\n  <div\n    className={classNames.pageContainer}\n    style={style}\n  >\n    <div className=\"jfReport-hider o-hidden f-all p-relative\">\n      {items.filter(item => (\n        item.isVisible !== undefined\n          ? item.isVisible\n          : true\n      )).map(item => {\n        const mergedItem = getMergedItem(item, acceptedItems);\n        return (\n          <StaticItem\n            key={item.id}\n            hashCode={hashCode}\n            item={item}\n          >\n            <ReportItemRenderer\n              item={item}\n            >\n              {ReportItem => (\n                <ReportItem\n                  item={mergedItem}\n                  itemAccessor={itemAccessor}\n                />\n              )}\n            </ReportItemRenderer>\n          </StaticItem>\n        );\n      })}\n      {additionalPageItems}\n    </div>\n  </div>\n);\n\nStaticPage.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  hashCode: PropTypes.string,\n  itemAccessor: PropTypes.func,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  style: PropTypes.shape({}),\n};\n\nStaticPage.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  hashCode: '',\n  itemAccessor: () => {},\n  items: [],\n  style: {},\n};\n\nexport default memo(StaticPage);\nexport const StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);\n"],"names":["StaticPage","acceptedItems","additionalPageItems","hashCode","itemAccessor","items","style","_jsx","classNames","_jsxs","filter","item","isVisible","undefined","map","mergedItem","getMergedItem","ReportItem","id","propTypes","PropTypes","shape","arrayOf","node","string","func","defaultProps","memo","StaticPageWithZoomPanPinch","withZoomPanPinchHOC"],"mappings":";;;;;;;;;;;;;;;;;;;AAQA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,MACjBC,aADiB,QACjBA,aADiB;AAAA,MAEjBC,mBAFiB,QAEjBA,mBAFiB;AAAA,MAGjBC,QAHiB,QAGjBA,QAHiB;AAAA,MAIjBC,YAJiB,QAIjBA,YAJiB;AAAA,MAKjBC,KALiB,QAKjBA,KALiB;AAAA,MAMjBC,KANiB,QAMjBA,KANiB;AAAA,sBAQjBC;AACE,IAAA,SAAS,EAAEC,wBADb;AAEE,IAAA,KAAK,EAAEF,KAFT;AAAA,2BAIEG;AAAK,MAAA,SAAS,EAAC,0CAAf;AAAA,iBACGJ,KAAK,CAACK,MAAN,CAAa,UAAAC,IAAI;AAAA,eAChBA,IAAI,CAACC,SAAL,KAAmBC,SAAnB,GACIF,IAAI,CAACC,SADT,GAEI,IAHY;AAAA,OAAjB,EAIEE,GAJF,CAIM,UAAAH,IAAI,EAAI;AACb,YAAMI,UAAU,GAAGC,aAAa,CAACL,IAAD,EAAOV,aAAP,CAAhC;AACA,4BACEM,eAAC,UAAD;AAEE,UAAA,QAAQ,EAAEJ,QAFZ;AAGE,UAAA,IAAI,EAAEQ,IAHR;AAAA,iCAKEJ,eAAC,kBAAD;AACE,YAAA,IAAI,EAAEI,IADR;AAAA,sBAGG,kBAAAM,UAAU;AAAA,kCACTV,eAAC,UAAD;AACE,gBAAA,IAAI,EAAEQ,UADR;AAEE,gBAAA,YAAY,EAAEX;AAFhB,gBADS;AAAA;AAHb;AALF,WACOO,IAAI,CAACO,EADZ,CADF;AAkBD,OAxBA,CADH,EA0BGhB,mBA1BH;AAAA;AAJF,IARiB;AAAA,CAAnB;;AA2CAF,UAAU,CAACmB,SAAX,GAAuB;AACrBlB,EAAAA,aAAa,EAAEmB,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADM;AAErBnB,EAAAA,mBAAmB,EAAEkB,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,IAA5B,CAFA;AAGrBpB,EAAAA,QAAQ,EAAEiB,6BAAS,CAACI,MAHC;AAIrBpB,EAAAA,YAAY,EAAEgB,6BAAS,CAACK,IAJH;AAKrBpB,EAAAA,KAAK,EAAEe,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CALc;AAMrBf,EAAAA,KAAK,EAAEc,6BAAS,CAACC,KAAV,CAAgB,EAAhB;AANc,CAAvB;AASArB,UAAU,CAAC0B,YAAX,GAA0B;AACxBzB,EAAAA,aAAa,EAAE,EADS;AAExBC,EAAAA,mBAAmB,EAAE,EAFG;AAGxBC,EAAAA,QAAQ,EAAE,EAHc;AAIxBC,EAAAA,YAAY,EAAE,wBAAM,EAJI;AAKxBC,EAAAA,KAAK,EAAE,EALiB;AAMxBC,EAAAA,KAAK,EAAE;AANiB,CAA1B;AASA,gCAAeqB,UAAI,CAAC3B,UAAD,CAAnB;IACa4B,0BAA0B,GAAGC,mBAAmB,CAAC7B,UAAD;;;;;"}

package/lib/cjs/components/Preview/StaticScene.js

@@ -9,7 +9,6 @@ require('core-js/modules/es.regexp.to-string.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var classNames$1 = require('classnames');
-var reactZoomPanPinch = require('react-zoom-pan-pinch');
 var classNames = require('../../constants/classNames.js');
 var StaticPage = require('./StaticPage.js');
 var propContext = require('../../utils/propContext.js');
@@ -43,7 +42,6 @@ var StaticScene = function StaticScene(_ref) {
       presentationPage = _ref.presentationPage;
 
   var _usePresentationConte = presentationContext.usePresentationContext(),
-      fittedZoom = _usePresentationConte.fittedZoom,
       isFullscreen = _usePresentationConte.isFullscreen,
       showControlsInFullScreen = _usePresentationConte.showControlsInFullScreen;
 
@@ -76,7 +74,7 @@ var StaticScene = function StaticScene(_ref) {
 
   React.useEffect(function () {
     transformRefs.current = transformRefs.current.slice(0, pages.length);
-  }, [pages]);
+  }, [pages.length]);
   var pageContainerStyles = React.useMemo(function () {
     return {
       height: height,
@@ -95,11 +93,7 @@ var StaticScene = function StaticScene(_ref) {
   React.useEffect(function () {
     if (transformRefs.current.length > 0) {
       for (var i = 0; i < pages.length; i++) {
-        if (mode !== 'print') {
-          transformRefs.current[i].centerView(zoom);
-        } else {
-          transformRefs.current[i].setTransform(0, 0, 1);
-        }
+        transformRefs.current[i].centerView(zoom);
       }
     }
   }, [pages.length, zoom, isFullscreen, mode]);
@@ -123,40 +117,18 @@ var StaticScene = function StaticScene(_ref) {
 
           return /*#__PURE__*/jsxRuntime.jsx("div", {
             className: classNames__default['default']((_cNames = {}, _defineProperty(_cNames, classNames.page, true), _defineProperty(_cNames, string.slugify(reportLayout), true), _defineProperty(_cNames, "activePage", index === presentationPage), _cNames)),
-            children: /*#__PURE__*/jsxRuntime.jsx(reactZoomPanPinch.TransformWrapper, {
-              ref: function ref(element) {
+            children: /*#__PURE__*/jsxRuntime.jsx(StaticPage.StaticPageWithZoomPanPinch, {
+              acceptedItems: acceptedItems,
+              additionalPageItems: additionalPageItems,
+              handleZoom: handleZoom,
+              hashCode: hashCode,
+              itemAccessor: itemAccessor,
+              items: page.items,
+              mode: mode,
+              refSetter: function refSetter(element) {
                 transformRefs.current[index] = element;
               },
-              centerOnInit: true,
-              centerZoomedOut: true,
-              disablePadding: true,
-              doubleClick: {
-                step: 0.2
-              },
-              initialScale: zoom,
-              maxScale: 2,
-              minScale: 0.5,
-              onZoom: handleZoom,
-              panning: {
-                disabled: zoom <= fittedZoom
-              },
-              pinch: {
-                step: 1
-              },
-              children: /*#__PURE__*/jsxRuntime.jsx(reactZoomPanPinch.TransformComponent, {
-                wrapperStyle: {
-                  height: '100%',
-                  width: '100%'
-                },
-                children: /*#__PURE__*/jsxRuntime.jsx(StaticPage, {
-                  acceptedItems: acceptedItems,
-                  additionalPageItems: additionalPageItems,
-                  hashCode: hashCode,
-                  itemAccessor: itemAccessor,
-                  items: page.items,
-                  style: style
-                })
-              })
+              style: style
             })
           }, "page_".concat(index.toString()));
         })

package/lib/cjs/components/Preview/StaticScene.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticScene.js","sources":["../../../../src/components/Preview/StaticScene.js"],"sourcesContent":["import {\n  useCallback, useEffect, useMemo, useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport cNames from 'classnames';\nimport { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';\nimport * as classNames from '../../constants/classNames';\nimport StaticPage from './StaticPage';\nimport { usePropContext } from '../../utils/propContext';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { slugify } from '../../utils/string';\nimport { usePageTransition } from '../../utils/hooks';\nimport { usePresentationContext } from '../../utils/presentationContext';\nimport ZoomControls from '../Builder/ZoomControls';\n\nconst StaticScene = ({\n  additionalPageItems,\n  gesture,\n  hashCode,\n  hideZoom,\n  itemAccessor,\n  lastScrollPosition,\n  mode,\n  pages,\n  presentationPage,\n}) => {\n  const { fittedZoom, isFullscreen, showControlsInFullScreen } = usePresentationContext();\n  const { acceptedItems, settings } = usePropContext();\n  const { setZoom, zoom } = useBuilderContext();\n  const viewPortRef = useRef({});\n  const transformRefs = useRef([]);\n\n  const {\n    reportBackgroundColor,\n    reportLayout = 'A4 Landscape',\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n    reportPageTransition = 'noAnimation',\n  } = settings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n\n  useEffect(() => {\n    if (viewPortRef.current) {\n      viewPortRef.current.scrollTop = lastScrollPosition;\n    }\n  }, []); // set last scroll position after changing mode\n\n  useEffect(() => {\n    transformRefs.current = transformRefs.current.slice(0, pages.length);\n  }, [pages]);\n\n  const pageContainerStyles = useMemo(() => ({\n    height,\n    width,\n  }), [width, height]);\n\n  const transitionStyle = usePageTransition(reportPageTransition, presentationPage);\n\n  const handleZoom = useCallback(zoomPanPinch => {\n    const fixedValue = parseFloat(zoomPanPinch.state.scale.toFixed(2));\n    const roundValue = parseFloat((Math.round((fixedValue * 100)) / 100).toFixed(1));\n    if (roundValue <= 2 && roundValue >= 0.5) {\n      setZoom(roundValue);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (transformRefs.current.length > 0) {\n      for (let i = 0; i < pages.length; i++) {\n        if (mode !== 'print') {\n          transformRefs.current[i].centerView(zoom);\n        } else {\n          transformRefs.current[i].setTransform(0, 0, 1);\n        }\n      }\n    }\n  }, [pages.length, zoom, isFullscreen, mode]);\n\n  return (\n    <main\n      className={classNames.mainWrapper}\n    >\n      <div\n        ref={viewPortRef}\n        className={classNames.viewport}\n        {...gesture()}\n      >\n        <div\n          className={`${classNames.canvas} ${reportPageTransition}`}\n          style={transitionStyle}\n        >\n          {pages.map((page, index) => {\n            const { backgroundColor } = page;\n            const style = {\n              ...pageContainerStyles,\n              backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n            };\n            return (\n              <div\n                key={`page_${index.toString()}`}\n                className={cNames({\n                  [classNames.page]: true,\n                  [slugify(reportLayout)]: true,\n                  activePage: index === presentationPage,\n                })}\n              >\n                <TransformWrapper\n                  ref={element => { transformRefs.current[index] = element; }}\n                  centerOnInit={true}\n                  centerZoomedOut={true}\n                  disablePadding={true}\n                  doubleClick={{\n                    step: 0.2,\n                  }}\n                  initialScale={zoom}\n                  maxScale={2}\n                  minScale={0.5}\n                  onZoom={handleZoom}\n                  panning={{\n                    disabled: zoom <= fittedZoom,\n                  }}\n                  pinch={{\n                    step: 1,\n                  }}\n                >\n                  <TransformComponent\n                    wrapperStyle={{ height: '100%', width: '100%' }}\n                  >\n                    <StaticPage\n                      acceptedItems={acceptedItems}\n                      additionalPageItems={additionalPageItems}\n                      hashCode={hashCode}\n                      itemAccessor={itemAccessor}\n                      items={page.items}\n                      style={style}\n                    />\n                  </TransformComponent>\n                </TransformWrapper>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      <ZoomControls\n        pages={pages}\n        showZoom={(!isFullscreen || (isFullscreen && showControlsInFullScreen)) && !hideZoom}\n      />\n    </main>\n  );\n};\n\nStaticScene.propTypes = {\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  gesture: PropTypes.func,\n  hashCode: PropTypes.string,\n  hideZoom: PropTypes.bool,\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  mode: PropTypes.string,\n  pages: PropTypes.arrayOf(PropTypes.shape({})),\n  presentationPage: PropTypes.number,\n};\n\nStaticScene.defaultProps = {\n  additionalPageItems: [],\n  gesture: () => {},\n  hashCode: '',\n  hideZoom: false,\n  itemAccessor: () => {},\n  lastScrollPosition: 0,\n  mode: 'preview',\n  pages: [],\n  presentationPage: 0,\n};\n\nexport default StaticScene;\n"],"names":["StaticScene","additionalPageItems","gesture","hashCode","hideZoom","itemAccessor","lastScrollPosition","mode","pages","presentationPage","usePresentationContext","fittedZoom","isFullscreen","showControlsInFullScreen","usePropContext","acceptedItems","settings","useBuilderContext","setZoom","zoom","viewPortRef","useRef","transformRefs","reportBackgroundColor","reportLayout","reportLayoutHeight","reportLayoutWidth","reportPageTransition","width","parseInt","height","useEffect","current","scrollTop","slice","length","pageContainerStyles","useMemo","transitionStyle","usePageTransition","handleZoom","useCallback","zoomPanPinch","fixedValue","parseFloat","state","scale","toFixed","roundValue","Math","round","i","centerView","setTransform","_jsxs","classNames","_jsx","map","page","index","backgroundColor","style","cNames","slugify","TransformWrapper","element","step","disabled","TransformComponent","items","toString","propTypes","PropTypes","arrayOf","node","func","string","bool","number","shape","defaultProps"],"mappings":"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"}
+{"version":3,"file":"StaticScene.js","sources":["../../../../src/components/Preview/StaticScene.js"],"sourcesContent":["import {\n  useCallback, useEffect, useMemo, useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport cNames from 'classnames';\nimport * as classNames from '../../constants/classNames';\nimport { StaticPageWithZoomPanPinch } from './StaticPage';\nimport { usePropContext } from '../../utils/propContext';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { slugify } from '../../utils/string';\nimport { usePageTransition } from '../../utils/hooks';\nimport { usePresentationContext } from '../../utils/presentationContext';\nimport ZoomControls from '../Builder/ZoomControls';\n\nconst StaticScene = ({\n  additionalPageItems,\n  gesture,\n  hashCode,\n  hideZoom,\n  itemAccessor,\n  lastScrollPosition,\n  mode,\n  pages,\n  presentationPage,\n}) => {\n  const { isFullscreen, showControlsInFullScreen } = usePresentationContext();\n  const { acceptedItems, settings } = usePropContext();\n  const { setZoom, zoom } = useBuilderContext();\n  const viewPortRef = useRef({});\n  const transformRefs = useRef([]);\n\n  const {\n    reportBackgroundColor,\n    reportLayout = 'A4 Landscape',\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n    reportPageTransition = 'noAnimation',\n  } = settings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n\n  useEffect(() => {\n    if (viewPortRef.current) {\n      viewPortRef.current.scrollTop = lastScrollPosition;\n    }\n  }, []); // set last scroll position after changing mode\n\n  useEffect(() => {\n    transformRefs.current = transformRefs.current.slice(0, pages.length);\n  }, [pages.length]);\n\n  const pageContainerStyles = useMemo(() => ({\n    height,\n    width,\n  }), [width, height]);\n\n  const transitionStyle = usePageTransition(reportPageTransition, presentationPage);\n\n  const handleZoom = useCallback(zoomPanPinch => {\n    const fixedValue = parseFloat(zoomPanPinch.state.scale.toFixed(2));\n    const roundValue = parseFloat((Math.round((fixedValue * 100)) / 100).toFixed(1));\n    if (roundValue <= 2 && roundValue >= 0.5) {\n      setZoom(roundValue);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (transformRefs.current.length > 0) {\n      for (let i = 0; i < pages.length; i++) {\n        transformRefs.current[i].centerView(zoom);\n      }\n    }\n  }, [pages.length, zoom, isFullscreen, mode]);\n\n  return (\n    <main\n      className={classNames.mainWrapper}\n    >\n      <div\n        ref={viewPortRef}\n        className={classNames.viewport}\n        {...gesture()}\n      >\n        <div\n          className={`${classNames.canvas} ${reportPageTransition}`}\n          style={transitionStyle}\n        >\n          {pages.map((page, index) => {\n            const { backgroundColor } = page;\n            const style = {\n              ...pageContainerStyles,\n              backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n            };\n            return (\n              <div\n                key={`page_${index.toString()}`}\n                className={cNames({\n                  [classNames.page]: true,\n                  [slugify(reportLayout)]: true,\n                  activePage: index === presentationPage,\n                })}\n              >\n                <StaticPageWithZoomPanPinch\n                  acceptedItems={acceptedItems}\n                  additionalPageItems={additionalPageItems}\n                  handleZoom={handleZoom}\n                  hashCode={hashCode}\n                  itemAccessor={itemAccessor}\n                  items={page.items}\n                  mode={mode}\n                  refSetter={element => { transformRefs.current[index] = element; }}\n                  style={style}\n                />\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      <ZoomControls\n        pages={pages}\n        showZoom={(!isFullscreen || (isFullscreen && showControlsInFullScreen)) && !hideZoom}\n      />\n    </main>\n  );\n};\n\nStaticScene.propTypes = {\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  gesture: PropTypes.func,\n  hashCode: PropTypes.string,\n  hideZoom: PropTypes.bool,\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  mode: PropTypes.string,\n  pages: PropTypes.arrayOf(PropTypes.shape({})),\n  presentationPage: PropTypes.number,\n};\n\nStaticScene.defaultProps = {\n  additionalPageItems: [],\n  gesture: () => {},\n  hashCode: '',\n  hideZoom: false,\n  itemAccessor: () => {},\n  lastScrollPosition: 0,\n  mode: 'preview',\n  pages: [],\n  presentationPage: 0,\n};\n\nexport default StaticScene;\n"],"names":["StaticScene","additionalPageItems","gesture","hashCode","hideZoom","itemAccessor","lastScrollPosition","mode","pages","presentationPage","usePresentationContext","isFullscreen","showControlsInFullScreen","usePropContext","acceptedItems","settings","useBuilderContext","setZoom","zoom","viewPortRef","useRef","transformRefs","reportBackgroundColor","reportLayout","reportLayoutHeight","reportLayoutWidth","reportPageTransition","width","parseInt","height","useEffect","current","scrollTop","slice","length","pageContainerStyles","useMemo","transitionStyle","usePageTransition","handleZoom","useCallback","zoomPanPinch","fixedValue","parseFloat","state","scale","toFixed","roundValue","Math","round","i","centerView","_jsxs","classNames","_jsx","map","page","index","backgroundColor","style","cNames","slugify","StaticPageWithZoomPanPinch","items","element","toString","propTypes","PropTypes","arrayOf","node","func","string","bool","number","shape","defaultProps"],"mappings":"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"}

package/lib/cjs/components/withZoomPanPinchHOC.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var PropTypes = require('prop-types');
+var reactZoomPanPinch = require('react-zoom-pan-pinch');
+var builderContext = require('../utils/builderContext.js');
+var presentationContext = require('../utils/presentationContext.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+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; }
+
+var withZoomPanPinchHOC = function withZoomPanPinchHOC(WrappedComponent) {
+  var ZoomPanPinchHOC = function ZoomPanPinchHOC(props) {
+    var handleZoom = props.handleZoom,
+        mode = props.mode,
+        refSetter = props.refSetter;
+
+    var _useBuilderContext = builderContext.useBuilderContext(),
+        zoom = _useBuilderContext.zoom;
+
+    var _usePresentationConte = presentationContext.usePresentationContext(),
+        fittedZoom = _usePresentationConte.fittedZoom;
+
+    if (mode === 'print') {
+      return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread({}, props));
+    }
+
+    return /*#__PURE__*/jsxRuntime.jsx(reactZoomPanPinch.TransformWrapper, {
+      ref: refSetter,
+      centerOnInit: true,
+      centerZoomedOut: true,
+      disablePadding: true,
+      doubleClick: {
+        step: 0.2
+      },
+      initialScale: zoom,
+      maxScale: 2,
+      minScale: 0.5,
+      onZoom: handleZoom,
+      panning: {
+        disabled: zoom <= fittedZoom
+      },
+      pinch: {
+        step: 1
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(reactZoomPanPinch.TransformComponent, {
+        wrapperStyle: {
+          height: '100%',
+          width: '100%'
+        },
+        children: /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread({}, props))
+      })
+    });
+  };
+
+  ZoomPanPinchHOC.propTypes = {
+    handleZoom: PropTypes.func.isRequired,
+    mode: PropTypes.string,
+    refSetter: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+      current: PropTypes.any
+    })]).isRequired
+  };
+  ZoomPanPinchHOC.defaultProps = {
+    mode: ''
+  };
+  return ZoomPanPinchHOC;
+};
+
+module.exports = withZoomPanPinchHOC;
+//# sourceMappingURL=withZoomPanPinchHOC.js.map

package/lib/cjs/components/withZoomPanPinchHOC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withZoomPanPinchHOC.js","sources":["../../../src/components/withZoomPanPinchHOC.js"],"sourcesContent":["import {\n  string, func, any, oneOfType, shape,\n} from 'prop-types';\nimport { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';\nimport { useBuilderContext } from '../utils/builderContext';\nimport { usePresentationContext } from '../utils/presentationContext';\n\nconst withZoomPanPinchHOC = WrappedComponent => {\n  const ZoomPanPinchHOC = props => {\n    const { handleZoom, mode, refSetter } = props;\n\n    const { zoom } = useBuilderContext();\n    const { fittedZoom } = usePresentationContext();\n\n    if (mode === 'print') {\n      return <WrappedComponent {...props} />;\n    }\n\n    return (\n      <TransformWrapper\n        ref={refSetter}\n        centerOnInit={true}\n        centerZoomedOut={true}\n        disablePadding={true}\n        doubleClick={{\n          step: 0.2,\n        }}\n        initialScale={zoom}\n        maxScale={2}\n        minScale={0.5}\n        onZoom={handleZoom}\n        panning={{\n          disabled: zoom <= fittedZoom,\n        }}\n        pinch={{\n          step: 1,\n        }}\n      >\n        <TransformComponent\n          wrapperStyle={{ height: '100%', width: '100%' }}\n        >\n          <WrappedComponent {...props} />\n        </TransformComponent>\n      </TransformWrapper>\n    );\n  };\n\n  ZoomPanPinchHOC.propTypes = {\n    handleZoom: func.isRequired,\n    mode: string,\n    refSetter: oneOfType([\n      func,\n      shape({ current: any }),\n    ]).isRequired,\n  };\n\n  ZoomPanPinchHOC.defaultProps = {\n    mode: '',\n  };\n\n  return ZoomPanPinchHOC;\n};\n\nexport default withZoomPanPinchHOC;\n"],"names":["withZoomPanPinchHOC","WrappedComponent","ZoomPanPinchHOC","props","handleZoom","mode","refSetter","useBuilderContext","zoom","usePresentationContext","fittedZoom","_jsx","TransformWrapper","step","disabled","TransformComponent","height","width","propTypes","func","isRequired","string","oneOfType","shape","current","any","defaultProps"],"mappings":";;;;;;;;;;;;;;IAOMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAC,gBAAgB,EAAI;AAC9C,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,KAAK,EAAI;AAC/B,QAAQC,UAAR,GAAwCD,KAAxC,CAAQC,UAAR;AAAA,QAAoBC,IAApB,GAAwCF,KAAxC,CAAoBE,IAApB;AAAA,QAA0BC,SAA1B,GAAwCH,KAAxC,CAA0BG,SAA1B;;AAEA,6BAAiBC,gCAAiB,EAAlC;AAAA,QAAQC,IAAR,sBAAQA,IAAR;;AACA,gCAAuBC,0CAAsB,EAA7C;AAAA,QAAQC,UAAR,yBAAQA,UAAR;;AAEA,QAAIL,IAAI,KAAK,OAAb,EAAsB;AACpB,0BAAOM,eAAC,gBAAD,oBAAsBR,KAAtB,EAAP;AACD;;AAED,wBACEQ,eAACC,kCAAD;AACE,MAAA,GAAG,EAAEN,SADP;AAEE,MAAA,YAAY,EAAE,IAFhB;AAGE,MAAA,eAAe,EAAE,IAHnB;AAIE,MAAA,cAAc,EAAE,IAJlB;AAKE,MAAA,WAAW,EAAE;AACXO,QAAAA,IAAI,EAAE;AADK,OALf;AAQE,MAAA,YAAY,EAAEL,IARhB;AASE,MAAA,QAAQ,EAAE,CATZ;AAUE,MAAA,QAAQ,EAAE,GAVZ;AAWE,MAAA,MAAM,EAAEJ,UAXV;AAYE,MAAA,OAAO,EAAE;AACPU,QAAAA,QAAQ,EAAEN,IAAI,IAAIE;AADX,OAZX;AAeE,MAAA,KAAK,EAAE;AACLG,QAAAA,IAAI,EAAE;AADD,OAfT;AAAA,6BAmBEF,eAACI,oCAAD;AACE,QAAA,YAAY,EAAE;AAAEC,UAAAA,MAAM,EAAE,MAAV;AAAkBC,UAAAA,KAAK,EAAE;AAAzB,SADhB;AAAA,+BAGEN,eAAC,gBAAD,oBAAsBR,KAAtB;AAHF;AAnBF,MADF;AA2BD,GArCD;;AAuCAD,EAAAA,eAAe,CAACgB,SAAhB,GAA4B;AAC1Bd,IAAAA,UAAU,EAAEe,cAAI,CAACC,UADS;AAE1Bf,IAAAA,IAAI,EAAEgB,gBAFoB;AAG1Bf,IAAAA,SAAS,EAAEgB,mBAAS,CAAC,CACnBH,cADmB,EAEnBI,eAAK,CAAC;AAAEC,MAAAA,OAAO,EAAEC;AAAX,KAAD,CAFc,CAAD,CAAT,CAGRL;AANuB,GAA5B;AASAlB,EAAAA,eAAe,CAACwB,YAAhB,GAA+B;AAC7BrB,IAAAA,IAAI,EAAE;AADuB,GAA/B;AAIA,SAAOH,eAAP;AACD;;;;"}

package/lib/esm/components/Presentation/PresentationWrapper.js

@@ -2,7 +2,7 @@ import { useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Modal from 'react-modal';
 import classNames from 'classnames';
-import { useGesture } from 'react-use-gesture';
+import { useDrag } from '@use-gesture/react';
 import PresentationBar from './PresentationBar/PresentationBar.js';
 import ProgressBar from './ProgressBar.js';
 import { useBuilderContext } from '../../utils/builderContext.js';
@@ -112,32 +112,21 @@ var PresentationWrapper = function PresentationWrapper(_ref) {
     return e.preventDefault();
   });
   useFullscreenChange(isFullscreen, setIsFullscreen, fitToScreen);
-  var gesture = useGesture({
-    onDragEnd: function onDragEnd(_ref2) {
-      var axis = _ref2.axis,
-          _ref2$direction = _slicedToArray(_ref2.direction, 1),
-          v = _ref2$direction[0],
-          distance = _ref2.distance,
-          event = _ref2.event;
-
-      event.preventDefault();
-
-      if (fittedZoom === zoom) {
-        var clientWidth = event.target.clientWidth;
-
-        if (axis === 'x' && window.innerWidth / 4 < distance && clientWidth * zoom < window.innerWidth) {
-          return v < 0 ? pageChanger(1)() : pageChanger(-1)();
-        }
+  var gesture = useDrag(function (_ref2) {
+    var active = _ref2.active,
+        _ref2$movement = _slicedToArray(_ref2.movement, 1),
+        mx = _ref2$movement[0],
+        _ref2$direction = _slicedToArray(_ref2.direction, 1),
+        xDir = _ref2$direction[0],
+        cancel = _ref2.cancel;
+
+    if (fittedZoom === zoom) {
+      if (active && Math.abs(mx) > window.innerWidth / 2) {
+        var direction = xDir < 0 ? 1 : -1;
+        cancel();
+        pageChanger(direction)();
       }
-    } // onPinchEnd: ({ movement: [d] }) => {
-    //   const zoomStep = Number(parseFloat(d / 1000).toFixed(1));
-    //   const newZoomValue = Number(((Math.round((zoom + zoomStep) * 10)) / 10).toFixed(2));
-    //   if (zoom !== newZoomValue && newZoomValue <= ZOOM_MAX) {
-    //     const minZoom = Math.min(fittedZoom, ZOOM_MIN);
-    //     setZoom(Math.max(newZoomValue, minZoom));
-    //   }
-    // },
-
+    }
   });
   return /*#__PURE__*/jsx(Fragment, {
     children: /*#__PURE__*/jsxs(Modal, {

package/lib/esm/components/Presentation/PresentationWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresentationWrapper.js","sources":["../../../../src/components/Presentation/PresentationWrapper.js"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from 'react-modal';\nimport classNames from 'classnames';\nimport { useGesture } from 'react-use-gesture';\nimport PresentationBar from './PresentationBar';\nimport ProgressBar from './ProgressBar';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { useEventListener, useFullscreenChange } from '../../utils/hooks';\nimport {\n  changePage,\n  throttle,\n  zoomHandler,\n} from '../../utils/functions';\nimport { usePresentationContext } from '../../utils/presentationContext';\nimport { usePropContext } from '../../utils/propContext';\n// import { ZOOM_MIN, ZOOM_MAX } from '../../constants/zoom';\n\nconst PresentationWrapper = ({\n  children,\n  presentationBarActions,\n  useFixedPresentationBar,\n}) => {\n  const { onAnEventTrigger, settings } = usePropContext();\n  const {\n    currentPage,\n    fittedZoom,\n    isFullscreen,\n    pageCount,\n    setCurrentPage,\n    setFittedZoom,\n    setIsFullscreen,\n    setShowControlsInFullScreen,\n    showControlsInFullScreen,\n  } = usePresentationContext();\n\n  const { setZoom, zoom } = useBuilderContext();\n\n  const fitToScreen = useCallback((delay = 0) => setTimeout(() => {\n    const newZoom = zoomHandler({\n      handler: setZoom,\n      isFullscreen,\n      isModeCustomize: false,\n      limitZoom: false,\n      settings,\n      useFixedPresentationBar,\n      useProgressBar: pageCount > 2,\n    });\n    setFittedZoom(newZoom);\n  }, delay), [settings, isFullscreen, useFixedPresentationBar, pageCount]);\n\n  useEffect(() => { fitToScreen(100); }, [isFullscreen]);\n\n  useEffect(() => {\n    if (isFullscreen) {\n      setShowControlsInFullScreen(true);\n      setTimeout(() => setShowControlsInFullScreen(false), 1500);\n    }\n  }, [isFullscreen]);\n\n  const pageChanger = action => changePage({\n    action,\n    currentPage,\n    pageCount,\n    setCurrentPage,\n  });\n\n  const handleKeyboardEvent = useCallback(e => {\n    if (e.keyCode === 39) {\n      pageChanger(1)();\n    } else if (e.keyCode === 37) {\n      pageChanger(-1)();\n    }\n  });\n\n  const setControlVisibility = e => {\n    // TODO :: timeout in n out for better ux\n    if (!isFullscreen) return;\n    if (showControlsInFullScreen && window.innerHeight - e.clientY >= 200) {\n      setShowControlsInFullScreen(false);\n    } else if (!showControlsInFullScreen && window.innerHeight - e.clientY < 200) {\n      setShowControlsInFullScreen(true);\n    }\n  };\n\n  useEventListener('keydown', handleKeyboardEvent);\n  useEventListener('mousemove', throttle(setControlVisibility, 150));\n  useEventListener('gesturestart', e => e.preventDefault());\n  useEventListener('gesturechange', e => e.preventDefault());\n  useFullscreenChange(isFullscreen, setIsFullscreen, fitToScreen);\n\n  const gesture = useGesture({\n    onDragEnd: ({\n      axis, direction: [v], distance, event,\n    }) => {\n      event.preventDefault();\n      if (fittedZoom === zoom) {\n        const { clientWidth } = event.target;\n        if (axis === 'x'\n        && window.innerWidth / 4 < distance\n        && clientWidth * zoom < window.innerWidth) {\n          return v < 0 ? pageChanger(1)() : pageChanger(-1)();\n        }\n      }\n    },\n    // onPinchEnd: ({ movement: [d] }) => {\n    //   const zoomStep = Number(parseFloat(d / 1000).toFixed(1));\n    //   const newZoomValue = Number(((Math.round((zoom + zoomStep) * 10)) / 10).toFixed(2));\n    //   if (zoom !== newZoomValue && newZoomValue <= ZOOM_MAX) {\n    //     const minZoom = Math.min(fittedZoom, ZOOM_MIN);\n    //     setZoom(Math.max(newZoomValue, minZoom));\n    //   }\n    // },\n  });\n\n  return (\n    <>\n      <Modal\n        appElement={document.getElementById('root')}\n        className={classNames('jfPresentation jfFields', { black: isFullscreen })}\n        closeTimeoutMS={300}\n        contentLabel=\"Report Presentation\"\n        id=\"presentationModal\"\n        isOpen={true}\n        overlayClassName={classNames(\n          'jfPresentation-overlay',\n          { fixedPresentationBar: useFixedPresentationBar, isFullscreen },\n        )}\n        portalClassName=\"PresentationModal\"\n        shouldCloseOnEsc={false}\n        shouldFocusAfterRender={false}\n      >\n        {children(currentPage - 1, gesture)}\n        <PresentationBar\n          currentPage={currentPage}\n          fittedZoom={fittedZoom}\n          fitToScreen={fitToScreen}\n          isFullscreen={isFullscreen}\n          isVisible={(!isFullscreen || (isFullscreen && showControlsInFullScreen))}\n          onAnEventTrigger={onAnEventTrigger}\n          pageCount={pageCount}\n          presentationBarActions={presentationBarActions}\n          setCurrentPage={setCurrentPage}\n          setIsFullscreen={setIsFullscreen}\n          settings={settings}\n          setZoom={setZoom}\n          zoom={zoom}\n        />\n        <ProgressBar\n          currentPage={currentPage}\n          pageCount={pageCount}\n        />\n      </Modal>\n    </>\n  );\n};\n\nPresentationWrapper.propTypes = {\n  children: PropTypes.any,\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  useFixedPresentationBar: PropTypes.bool,\n};\n\nPresentationWrapper.defaultProps = {\n  children: () => {},\n  presentationBarActions: [],\n  useFixedPresentationBar: false,\n};\n\nexport default PresentationWrapper;\n"],"names":["PresentationWrapper","children","presentationBarActions","useFixedPresentationBar","usePropContext","onAnEventTrigger","settings","usePresentationContext","currentPage","fittedZoom","isFullscreen","pageCount","setCurrentPage","setFittedZoom","setIsFullscreen","setShowControlsInFullScreen","showControlsInFullScreen","useBuilderContext","setZoom","zoom","fitToScreen","useCallback","delay","setTimeout","newZoom","zoomHandler","handler","isModeCustomize","limitZoom","useProgressBar","useEffect","pageChanger","action","changePage","handleKeyboardEvent","e","keyCode","setControlVisibility","window","innerHeight","clientY","useEventListener","throttle","preventDefault","useFullscreenChange","gesture","useGesture","onDragEnd","axis","direction","v","distance","event","clientWidth","target","innerWidth","_jsx","_jsxs","document","getElementById","classNames","black","fixedPresentationBar","propTypes","PropTypes","any","arrayOf","shape","bool","defaultProps"],"mappings":"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"}
+{"version":3,"file":"PresentationWrapper.js","sources":["../../../../src/components/Presentation/PresentationWrapper.js"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from 'react-modal';\nimport classNames from 'classnames';\nimport { useDrag } from '@use-gesture/react';\nimport PresentationBar from './PresentationBar';\nimport ProgressBar from './ProgressBar';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { useEventListener, useFullscreenChange } from '../../utils/hooks';\nimport {\n  changePage,\n  throttle,\n  zoomHandler,\n} from '../../utils/functions';\nimport { usePresentationContext } from '../../utils/presentationContext';\nimport { usePropContext } from '../../utils/propContext';\n// import { ZOOM_MIN, ZOOM_MAX } from '../../constants/zoom';\n\nconst PresentationWrapper = ({\n  children,\n  presentationBarActions,\n  useFixedPresentationBar,\n}) => {\n  const { onAnEventTrigger, settings } = usePropContext();\n  const {\n    currentPage,\n    fittedZoom,\n    isFullscreen,\n    pageCount,\n    setCurrentPage,\n    setFittedZoom,\n    setIsFullscreen,\n    setShowControlsInFullScreen,\n    showControlsInFullScreen,\n  } = usePresentationContext();\n\n  const { setZoom, zoom } = useBuilderContext();\n\n  const fitToScreen = useCallback((delay = 0) => setTimeout(() => {\n    const newZoom = zoomHandler({\n      handler: setZoom,\n      isFullscreen,\n      isModeCustomize: false,\n      limitZoom: false,\n      settings,\n      useFixedPresentationBar,\n      useProgressBar: pageCount > 2,\n    });\n    setFittedZoom(newZoom);\n  }, delay), [settings, isFullscreen, useFixedPresentationBar, pageCount]);\n\n  useEffect(() => { fitToScreen(100); }, [isFullscreen]);\n\n  useEffect(() => {\n    if (isFullscreen) {\n      setShowControlsInFullScreen(true);\n      setTimeout(() => setShowControlsInFullScreen(false), 1500);\n    }\n  }, [isFullscreen]);\n\n  const pageChanger = action => changePage({\n    action,\n    currentPage,\n    pageCount,\n    setCurrentPage,\n  });\n\n  const handleKeyboardEvent = useCallback(e => {\n    if (e.keyCode === 39) {\n      pageChanger(1)();\n    } else if (e.keyCode === 37) {\n      pageChanger(-1)();\n    }\n  });\n\n  const setControlVisibility = e => {\n    // TODO :: timeout in n out for better ux\n    if (!isFullscreen) return;\n    if (showControlsInFullScreen && window.innerHeight - e.clientY >= 200) {\n      setShowControlsInFullScreen(false);\n    } else if (!showControlsInFullScreen && window.innerHeight - e.clientY < 200) {\n      setShowControlsInFullScreen(true);\n    }\n  };\n\n  useEventListener('keydown', handleKeyboardEvent);\n  useEventListener('mousemove', throttle(setControlVisibility, 150));\n  useEventListener('gesturestart', e => e.preventDefault());\n  useEventListener('gesturechange', e => e.preventDefault());\n  useFullscreenChange(isFullscreen, setIsFullscreen, fitToScreen);\n\n  const gesture = useDrag(({\n    active, movement: [mx], direction: [xDir], cancel,\n  }) => {\n    if (fittedZoom === zoom) {\n      if (active && Math.abs(mx) > window.innerWidth / 2) {\n        const direction = xDir < 0 ? 1 : -1;\n        cancel();\n        pageChanger(direction)();\n      }\n    }\n  });\n\n  return (\n    <>\n      <Modal\n        appElement={document.getElementById('root')}\n        className={classNames('jfPresentation jfFields', { black: isFullscreen })}\n        closeTimeoutMS={300}\n        contentLabel=\"Report Presentation\"\n        id=\"presentationModal\"\n        isOpen={true}\n        overlayClassName={classNames(\n          'jfPresentation-overlay',\n          { fixedPresentationBar: useFixedPresentationBar, isFullscreen },\n        )}\n        portalClassName=\"PresentationModal\"\n        shouldCloseOnEsc={false}\n        shouldFocusAfterRender={false}\n      >\n        {children(currentPage - 1, gesture)}\n        <PresentationBar\n          currentPage={currentPage}\n          fittedZoom={fittedZoom}\n          fitToScreen={fitToScreen}\n          isFullscreen={isFullscreen}\n          isVisible={(!isFullscreen || (isFullscreen && showControlsInFullScreen))}\n          onAnEventTrigger={onAnEventTrigger}\n          pageCount={pageCount}\n          presentationBarActions={presentationBarActions}\n          setCurrentPage={setCurrentPage}\n          setIsFullscreen={setIsFullscreen}\n          settings={settings}\n          setZoom={setZoom}\n          zoom={zoom}\n        />\n        <ProgressBar\n          currentPage={currentPage}\n          pageCount={pageCount}\n        />\n      </Modal>\n    </>\n  );\n};\n\nPresentationWrapper.propTypes = {\n  children: PropTypes.any,\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  useFixedPresentationBar: PropTypes.bool,\n};\n\nPresentationWrapper.defaultProps = {\n  children: () => {},\n  presentationBarActions: [],\n  useFixedPresentationBar: false,\n};\n\nexport default PresentationWrapper;\n"],"names":["PresentationWrapper","children","presentationBarActions","useFixedPresentationBar","usePropContext","onAnEventTrigger","settings","usePresentationContext","currentPage","fittedZoom","isFullscreen","pageCount","setCurrentPage","setFittedZoom","setIsFullscreen","setShowControlsInFullScreen","showControlsInFullScreen","useBuilderContext","setZoom","zoom","fitToScreen","useCallback","delay","setTimeout","newZoom","zoomHandler","handler","isModeCustomize","limitZoom","useProgressBar","useEffect","pageChanger","action","changePage","handleKeyboardEvent","e","keyCode","setControlVisibility","window","innerHeight","clientY","useEventListener","throttle","preventDefault","useFullscreenChange","gesture","useDrag","active","movement","mx","direction","xDir","cancel","Math","abs","innerWidth","_jsx","_jsxs","document","getElementById","classNames","black","fixedPresentationBar","propTypes","PropTypes","any","arrayOf","shape","bool","defaultProps"],"mappings":"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"}

package/lib/esm/components/Preview/StaticPage.js

@@ -6,6 +6,7 @@ import { pageContainer } from '../../constants/classNames.js';
 import ReportItemRenderer from '../Builder/ReportItemRenderer.js';
 import StaticItem from './StaticItem.js';
 import getMergedItem from '../../utils/getMergedItem.js';
+import withZoomPanPinchHOC from '../withZoomPanPinchHOC.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var StaticPage = function StaticPage(_ref) {
@@ -59,6 +60,8 @@ StaticPage.defaultProps = {
   style: {}
 };
 var StaticPage$1 = /*#__PURE__*/memo(StaticPage);
+var StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);
 
 export default StaticPage$1;
+export { StaticPageWithZoomPanPinch };
 //# sourceMappingURL=StaticPage.js.map

package/lib/esm/components/Preview/StaticPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticPage.js","sources":["../../../../src/components/Preview/StaticPage.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as classNames from '../../constants/classNames';\nimport ReportItemRenderer from '../Builder/ReportItemRenderer';\nimport StaticItem from './StaticItem';\nimport getMergedItem from '../../utils/getMergedItem';\n\nconst StaticPage = ({\n  acceptedItems,\n  additionalPageItems,\n  hashCode,\n  itemAccessor,\n  items,\n  style,\n}) => (\n  <div\n    className={classNames.pageContainer}\n    style={style}\n  >\n    <div className=\"jfReport-hider o-hidden f-all p-relative\">\n      {items.filter(item => (\n        item.isVisible !== undefined\n          ? item.isVisible\n          : true\n      )).map(item => {\n        const mergedItem = getMergedItem(item, acceptedItems);\n        return (\n          <StaticItem\n            key={item.id}\n            hashCode={hashCode}\n            item={item}\n          >\n            <ReportItemRenderer\n              item={item}\n            >\n              {ReportItem => (\n                <ReportItem\n                  item={mergedItem}\n                  itemAccessor={itemAccessor}\n                />\n              )}\n            </ReportItemRenderer>\n          </StaticItem>\n        );\n      })}\n      {additionalPageItems}\n    </div>\n  </div>\n);\n\nStaticPage.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  hashCode: PropTypes.string,\n  itemAccessor: PropTypes.func,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  style: PropTypes.shape({}),\n};\n\nStaticPage.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  hashCode: '',\n  itemAccessor: () => {},\n  items: [],\n  style: {},\n};\n\nexport default memo(StaticPage);\n"],"names":["StaticPage","acceptedItems","additionalPageItems","hashCode","itemAccessor","items","style","_jsx","classNames","_jsxs","filter","item","isVisible","undefined","map","mergedItem","getMergedItem","ReportItem","id","propTypes","PropTypes","shape","arrayOf","node","string","func","defaultProps","memo"],"mappings":";;;;;;;;;;AAOA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,MACjBC,aADiB,QACjBA,aADiB;AAAA,MAEjBC,mBAFiB,QAEjBA,mBAFiB;AAAA,MAGjBC,QAHiB,QAGjBA,QAHiB;AAAA,MAIjBC,YAJiB,QAIjBA,YAJiB;AAAA,MAKjBC,KALiB,QAKjBA,KALiB;AAAA,MAMjBC,KANiB,QAMjBA,KANiB;AAAA,sBAQjBC;AACE,IAAA,SAAS,EAAEC,aADb;AAEE,IAAA,KAAK,EAAEF,KAFT;AAAA,2BAIEG;AAAK,MAAA,SAAS,EAAC,0CAAf;AAAA,iBACGJ,KAAK,CAACK,MAAN,CAAa,UAAAC,IAAI;AAAA,eAChBA,IAAI,CAACC,SAAL,KAAmBC,SAAnB,GACIF,IAAI,CAACC,SADT,GAEI,IAHY;AAAA,OAAjB,EAIEE,GAJF,CAIM,UAAAH,IAAI,EAAI;AACb,YAAMI,UAAU,GAAGC,aAAa,CAACL,IAAD,EAAOV,aAAP,CAAhC;AACA,4BACEM,IAAC,UAAD;AAEE,UAAA,QAAQ,EAAEJ,QAFZ;AAGE,UAAA,IAAI,EAAEQ,IAHR;AAAA,iCAKEJ,IAAC,kBAAD;AACE,YAAA,IAAI,EAAEI,IADR;AAAA,sBAGG,kBAAAM,UAAU;AAAA,kCACTV,IAAC,UAAD;AACE,gBAAA,IAAI,EAAEQ,UADR;AAEE,gBAAA,YAAY,EAAEX;AAFhB,gBADS;AAAA;AAHb;AALF,WACOO,IAAI,CAACO,EADZ,CADF;AAkBD,OAxBA,CADH,EA0BGhB,mBA1BH;AAAA;AAJF,IARiB;AAAA,CAAnB;;AA2CAF,UAAU,CAACmB,SAAX,GAAuB;AACrBlB,EAAAA,aAAa,EAAEmB,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADM;AAErBnB,EAAAA,mBAAmB,EAAEkB,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACG,IAA5B,CAFA;AAGrBpB,EAAAA,QAAQ,EAAEiB,SAAS,CAACI,MAHC;AAIrBpB,EAAAA,YAAY,EAAEgB,SAAS,CAACK,IAJH;AAKrBpB,EAAAA,KAAK,EAAEe,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CALc;AAMrBf,EAAAA,KAAK,EAAEc,SAAS,CAACC,KAAV,CAAgB,EAAhB;AANc,CAAvB;AASArB,UAAU,CAAC0B,YAAX,GAA0B;AACxBzB,EAAAA,aAAa,EAAE,EADS;AAExBC,EAAAA,mBAAmB,EAAE,EAFG;AAGxBC,EAAAA,QAAQ,EAAE,EAHc;AAIxBC,EAAAA,YAAY,EAAE,wBAAM,EAJI;AAKxBC,EAAAA,KAAK,EAAE,EALiB;AAMxBC,EAAAA,KAAK,EAAE;AANiB,CAA1B;AASA,gCAAeqB,IAAI,CAAC3B,UAAD,CAAnB;;;;"}
+{"version":3,"file":"StaticPage.js","sources":["../../../../src/components/Preview/StaticPage.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as classNames from '../../constants/classNames';\nimport ReportItemRenderer from '../Builder/ReportItemRenderer';\nimport StaticItem from './StaticItem';\nimport getMergedItem from '../../utils/getMergedItem';\nimport withZoomPanPinchHOC from '../withZoomPanPinchHOC';\n\nconst StaticPage = ({\n  acceptedItems,\n  additionalPageItems,\n  hashCode,\n  itemAccessor,\n  items,\n  style,\n}) => (\n  <div\n    className={classNames.pageContainer}\n    style={style}\n  >\n    <div className=\"jfReport-hider o-hidden f-all p-relative\">\n      {items.filter(item => (\n        item.isVisible !== undefined\n          ? item.isVisible\n          : true\n      )).map(item => {\n        const mergedItem = getMergedItem(item, acceptedItems);\n        return (\n          <StaticItem\n            key={item.id}\n            hashCode={hashCode}\n            item={item}\n          >\n            <ReportItemRenderer\n              item={item}\n            >\n              {ReportItem => (\n                <ReportItem\n                  item={mergedItem}\n                  itemAccessor={itemAccessor}\n                />\n              )}\n            </ReportItemRenderer>\n          </StaticItem>\n        );\n      })}\n      {additionalPageItems}\n    </div>\n  </div>\n);\n\nStaticPage.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  hashCode: PropTypes.string,\n  itemAccessor: PropTypes.func,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  style: PropTypes.shape({}),\n};\n\nStaticPage.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  hashCode: '',\n  itemAccessor: () => {},\n  items: [],\n  style: {},\n};\n\nexport default memo(StaticPage);\nexport const StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);\n"],"names":["StaticPage","acceptedItems","additionalPageItems","hashCode","itemAccessor","items","style","_jsx","classNames","_jsxs","filter","item","isVisible","undefined","map","mergedItem","getMergedItem","ReportItem","id","propTypes","PropTypes","shape","arrayOf","node","string","func","defaultProps","memo","StaticPageWithZoomPanPinch","withZoomPanPinchHOC"],"mappings":";;;;;;;;;;;AAQA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,MACjBC,aADiB,QACjBA,aADiB;AAAA,MAEjBC,mBAFiB,QAEjBA,mBAFiB;AAAA,MAGjBC,QAHiB,QAGjBA,QAHiB;AAAA,MAIjBC,YAJiB,QAIjBA,YAJiB;AAAA,MAKjBC,KALiB,QAKjBA,KALiB;AAAA,MAMjBC,KANiB,QAMjBA,KANiB;AAAA,sBAQjBC;AACE,IAAA,SAAS,EAAEC,aADb;AAEE,IAAA,KAAK,EAAEF,KAFT;AAAA,2BAIEG;AAAK,MAAA,SAAS,EAAC,0CAAf;AAAA,iBACGJ,KAAK,CAACK,MAAN,CAAa,UAAAC,IAAI;AAAA,eAChBA,IAAI,CAACC,SAAL,KAAmBC,SAAnB,GACIF,IAAI,CAACC,SADT,GAEI,IAHY;AAAA,OAAjB,EAIEE,GAJF,CAIM,UAAAH,IAAI,EAAI;AACb,YAAMI,UAAU,GAAGC,aAAa,CAACL,IAAD,EAAOV,aAAP,CAAhC;AACA,4BACEM,IAAC,UAAD;AAEE,UAAA,QAAQ,EAAEJ,QAFZ;AAGE,UAAA,IAAI,EAAEQ,IAHR;AAAA,iCAKEJ,IAAC,kBAAD;AACE,YAAA,IAAI,EAAEI,IADR;AAAA,sBAGG,kBAAAM,UAAU;AAAA,kCACTV,IAAC,UAAD;AACE,gBAAA,IAAI,EAAEQ,UADR;AAEE,gBAAA,YAAY,EAAEX;AAFhB,gBADS;AAAA;AAHb;AALF,WACOO,IAAI,CAACO,EADZ,CADF;AAkBD,OAxBA,CADH,EA0BGhB,mBA1BH;AAAA;AAJF,IARiB;AAAA,CAAnB;;AA2CAF,UAAU,CAACmB,SAAX,GAAuB;AACrBlB,EAAAA,aAAa,EAAEmB,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADM;AAErBnB,EAAAA,mBAAmB,EAAEkB,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACG,IAA5B,CAFA;AAGrBpB,EAAAA,QAAQ,EAAEiB,SAAS,CAACI,MAHC;AAIrBpB,EAAAA,YAAY,EAAEgB,SAAS,CAACK,IAJH;AAKrBpB,EAAAA,KAAK,EAAEe,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CALc;AAMrBf,EAAAA,KAAK,EAAEc,SAAS,CAACC,KAAV,CAAgB,EAAhB;AANc,CAAvB;AASArB,UAAU,CAAC0B,YAAX,GAA0B;AACxBzB,EAAAA,aAAa,EAAE,EADS;AAExBC,EAAAA,mBAAmB,EAAE,EAFG;AAGxBC,EAAAA,QAAQ,EAAE,EAHc;AAIxBC,EAAAA,YAAY,EAAE,wBAAM,EAJI;AAKxBC,EAAAA,KAAK,EAAE,EALiB;AAMxBC,EAAAA,KAAK,EAAE;AANiB,CAA1B;AASA,gCAAeqB,IAAI,CAAC3B,UAAD,CAAnB;IACa4B,0BAA0B,GAAGC,mBAAmB,CAAC7B,UAAD;;;;;"}

package/lib/esm/components/Preview/StaticScene.js

@@ -7,9 +7,8 @@ import 'core-js/modules/es.regexp.to-string.js';
 import { useRef, useEffect, useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
 import { mainWrapper, canvas, viewport, page } from '../../constants/classNames.js';
-import StaticPage from './StaticPage.js';
+import { StaticPageWithZoomPanPinch } from './StaticPage.js';
 import { usePropContext } from '../../utils/propContext.js';
 import { useBuilderContext } from '../../utils/builderContext.js';
 import { slugify } from '../../utils/string.js';
@@ -36,7 +35,6 @@ var StaticScene = function StaticScene(_ref) {
       presentationPage = _ref.presentationPage;
 
   var _usePresentationConte = usePresentationContext(),
-      fittedZoom = _usePresentationConte.fittedZoom,
       isFullscreen = _usePresentationConte.isFullscreen,
       showControlsInFullScreen = _usePresentationConte.showControlsInFullScreen;
 
@@ -69,7 +67,7 @@ var StaticScene = function StaticScene(_ref) {
 
   useEffect(function () {
     transformRefs.current = transformRefs.current.slice(0, pages.length);
-  }, [pages]);
+  }, [pages.length]);
   var pageContainerStyles = useMemo(function () {
     return {
       height: height,
@@ -88,11 +86,7 @@ var StaticScene = function StaticScene(_ref) {
   useEffect(function () {
     if (transformRefs.current.length > 0) {
       for (var i = 0; i < pages.length; i++) {
-        if (mode !== 'print') {
-          transformRefs.current[i].centerView(zoom);
-        } else {
-          transformRefs.current[i].setTransform(0, 0, 1);
-        }
+        transformRefs.current[i].centerView(zoom);
       }
     }
   }, [pages.length, zoom, isFullscreen, mode]);
@@ -116,40 +110,18 @@ var StaticScene = function StaticScene(_ref) {
 
           return /*#__PURE__*/jsx("div", {
             className: classNames((_cNames = {}, _defineProperty(_cNames, page, true), _defineProperty(_cNames, slugify(reportLayout), true), _defineProperty(_cNames, "activePage", index === presentationPage), _cNames)),
-            children: /*#__PURE__*/jsx(TransformWrapper, {
-              ref: function ref(element) {
+            children: /*#__PURE__*/jsx(StaticPageWithZoomPanPinch, {
+              acceptedItems: acceptedItems,
+              additionalPageItems: additionalPageItems,
+              handleZoom: handleZoom,
+              hashCode: hashCode,
+              itemAccessor: itemAccessor,
+              items: page$1.items,
+              mode: mode,
+              refSetter: function refSetter(element) {
                 transformRefs.current[index] = element;
               },
-              centerOnInit: true,
-              centerZoomedOut: true,
-              disablePadding: true,
-              doubleClick: {
-                step: 0.2
-              },
-              initialScale: zoom,
-              maxScale: 2,
-              minScale: 0.5,
-              onZoom: handleZoom,
-              panning: {
-                disabled: zoom <= fittedZoom
-              },
-              pinch: {
-                step: 1
-              },
-              children: /*#__PURE__*/jsx(TransformComponent, {
-                wrapperStyle: {
-                  height: '100%',
-                  width: '100%'
-                },
-                children: /*#__PURE__*/jsx(StaticPage, {
-                  acceptedItems: acceptedItems,
-                  additionalPageItems: additionalPageItems,
-                  hashCode: hashCode,
-                  itemAccessor: itemAccessor,
-                  items: page$1.items,
-                  style: style
-                })
-              })
+              style: style
             })
           }, "page_".concat(index.toString()));
         })

package/lib/esm/components/Preview/StaticScene.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticScene.js","sources":["../../../../src/components/Preview/StaticScene.js"],"sourcesContent":["import {\n  useCallback, useEffect, useMemo, useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport cNames from 'classnames';\nimport { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';\nimport * as classNames from '../../constants/classNames';\nimport StaticPage from './StaticPage';\nimport { usePropContext } from '../../utils/propContext';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { slugify } from '../../utils/string';\nimport { usePageTransition } from '../../utils/hooks';\nimport { usePresentationContext } from '../../utils/presentationContext';\nimport ZoomControls from '../Builder/ZoomControls';\n\nconst StaticScene = ({\n  additionalPageItems,\n  gesture,\n  hashCode,\n  hideZoom,\n  itemAccessor,\n  lastScrollPosition,\n  mode,\n  pages,\n  presentationPage,\n}) => {\n  const { fittedZoom, isFullscreen, showControlsInFullScreen } = usePresentationContext();\n  const { acceptedItems, settings } = usePropContext();\n  const { setZoom, zoom } = useBuilderContext();\n  const viewPortRef = useRef({});\n  const transformRefs = useRef([]);\n\n  const {\n    reportBackgroundColor,\n    reportLayout = 'A4 Landscape',\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n    reportPageTransition = 'noAnimation',\n  } = settings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n\n  useEffect(() => {\n    if (viewPortRef.current) {\n      viewPortRef.current.scrollTop = lastScrollPosition;\n    }\n  }, []); // set last scroll position after changing mode\n\n  useEffect(() => {\n    transformRefs.current = transformRefs.current.slice(0, pages.length);\n  }, [pages]);\n\n  const pageContainerStyles = useMemo(() => ({\n    height,\n    width,\n  }), [width, height]);\n\n  const transitionStyle = usePageTransition(reportPageTransition, presentationPage);\n\n  const handleZoom = useCallback(zoomPanPinch => {\n    const fixedValue = parseFloat(zoomPanPinch.state.scale.toFixed(2));\n    const roundValue = parseFloat((Math.round((fixedValue * 100)) / 100).toFixed(1));\n    if (roundValue <= 2 && roundValue >= 0.5) {\n      setZoom(roundValue);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (transformRefs.current.length > 0) {\n      for (let i = 0; i < pages.length; i++) {\n        if (mode !== 'print') {\n          transformRefs.current[i].centerView(zoom);\n        } else {\n          transformRefs.current[i].setTransform(0, 0, 1);\n        }\n      }\n    }\n  }, [pages.length, zoom, isFullscreen, mode]);\n\n  return (\n    <main\n      className={classNames.mainWrapper}\n    >\n      <div\n        ref={viewPortRef}\n        className={classNames.viewport}\n        {...gesture()}\n      >\n        <div\n          className={`${classNames.canvas} ${reportPageTransition}`}\n          style={transitionStyle}\n        >\n          {pages.map((page, index) => {\n            const { backgroundColor } = page;\n            const style = {\n              ...pageContainerStyles,\n              backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n            };\n            return (\n              <div\n                key={`page_${index.toString()}`}\n                className={cNames({\n                  [classNames.page]: true,\n                  [slugify(reportLayout)]: true,\n                  activePage: index === presentationPage,\n                })}\n              >\n                <TransformWrapper\n                  ref={element => { transformRefs.current[index] = element; }}\n                  centerOnInit={true}\n                  centerZoomedOut={true}\n                  disablePadding={true}\n                  doubleClick={{\n                    step: 0.2,\n                  }}\n                  initialScale={zoom}\n                  maxScale={2}\n                  minScale={0.5}\n                  onZoom={handleZoom}\n                  panning={{\n                    disabled: zoom <= fittedZoom,\n                  }}\n                  pinch={{\n                    step: 1,\n                  }}\n                >\n                  <TransformComponent\n                    wrapperStyle={{ height: '100%', width: '100%' }}\n                  >\n                    <StaticPage\n                      acceptedItems={acceptedItems}\n                      additionalPageItems={additionalPageItems}\n                      hashCode={hashCode}\n                      itemAccessor={itemAccessor}\n                      items={page.items}\n                      style={style}\n                    />\n                  </TransformComponent>\n                </TransformWrapper>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      <ZoomControls\n        pages={pages}\n        showZoom={(!isFullscreen || (isFullscreen && showControlsInFullScreen)) && !hideZoom}\n      />\n    </main>\n  );\n};\n\nStaticScene.propTypes = {\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  gesture: PropTypes.func,\n  hashCode: PropTypes.string,\n  hideZoom: PropTypes.bool,\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  mode: PropTypes.string,\n  pages: PropTypes.arrayOf(PropTypes.shape({})),\n  presentationPage: PropTypes.number,\n};\n\nStaticScene.defaultProps = {\n  additionalPageItems: [],\n  gesture: () => {},\n  hashCode: '',\n  hideZoom: false,\n  itemAccessor: () => {},\n  lastScrollPosition: 0,\n  mode: 'preview',\n  pages: [],\n  presentationPage: 0,\n};\n\nexport default StaticScene;\n"],"names":["StaticScene","additionalPageItems","gesture","hashCode","hideZoom","itemAccessor","lastScrollPosition","mode","pages","presentationPage","usePresentationContext","fittedZoom","isFullscreen","showControlsInFullScreen","usePropContext","acceptedItems","settings","useBuilderContext","setZoom","zoom","viewPortRef","useRef","transformRefs","reportBackgroundColor","reportLayout","reportLayoutHeight","reportLayoutWidth","reportPageTransition","width","parseInt","height","useEffect","current","scrollTop","slice","length","pageContainerStyles","useMemo","transitionStyle","usePageTransition","handleZoom","useCallback","zoomPanPinch","fixedValue","parseFloat","state","scale","toFixed","roundValue","Math","round","i","centerView","setTransform","_jsxs","classNames","_jsx","map","page","index","backgroundColor","style","cNames","slugify","element","step","disabled","items","toString","propTypes","PropTypes","arrayOf","node","func","string","bool","number","shape","defaultProps"],"mappings":"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"}
+{"version":3,"file":"StaticScene.js","sources":["../../../../src/components/Preview/StaticScene.js"],"sourcesContent":["import {\n  useCallback, useEffect, useMemo, useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport cNames from 'classnames';\nimport * as classNames from '../../constants/classNames';\nimport { StaticPageWithZoomPanPinch } from './StaticPage';\nimport { usePropContext } from '../../utils/propContext';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { slugify } from '../../utils/string';\nimport { usePageTransition } from '../../utils/hooks';\nimport { usePresentationContext } from '../../utils/presentationContext';\nimport ZoomControls from '../Builder/ZoomControls';\n\nconst StaticScene = ({\n  additionalPageItems,\n  gesture,\n  hashCode,\n  hideZoom,\n  itemAccessor,\n  lastScrollPosition,\n  mode,\n  pages,\n  presentationPage,\n}) => {\n  const { isFullscreen, showControlsInFullScreen } = usePresentationContext();\n  const { acceptedItems, settings } = usePropContext();\n  const { setZoom, zoom } = useBuilderContext();\n  const viewPortRef = useRef({});\n  const transformRefs = useRef([]);\n\n  const {\n    reportBackgroundColor,\n    reportLayout = 'A4 Landscape',\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n    reportPageTransition = 'noAnimation',\n  } = settings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n\n  useEffect(() => {\n    if (viewPortRef.current) {\n      viewPortRef.current.scrollTop = lastScrollPosition;\n    }\n  }, []); // set last scroll position after changing mode\n\n  useEffect(() => {\n    transformRefs.current = transformRefs.current.slice(0, pages.length);\n  }, [pages.length]);\n\n  const pageContainerStyles = useMemo(() => ({\n    height,\n    width,\n  }), [width, height]);\n\n  const transitionStyle = usePageTransition(reportPageTransition, presentationPage);\n\n  const handleZoom = useCallback(zoomPanPinch => {\n    const fixedValue = parseFloat(zoomPanPinch.state.scale.toFixed(2));\n    const roundValue = parseFloat((Math.round((fixedValue * 100)) / 100).toFixed(1));\n    if (roundValue <= 2 && roundValue >= 0.5) {\n      setZoom(roundValue);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (transformRefs.current.length > 0) {\n      for (let i = 0; i < pages.length; i++) {\n        transformRefs.current[i].centerView(zoom);\n      }\n    }\n  }, [pages.length, zoom, isFullscreen, mode]);\n\n  return (\n    <main\n      className={classNames.mainWrapper}\n    >\n      <div\n        ref={viewPortRef}\n        className={classNames.viewport}\n        {...gesture()}\n      >\n        <div\n          className={`${classNames.canvas} ${reportPageTransition}`}\n          style={transitionStyle}\n        >\n          {pages.map((page, index) => {\n            const { backgroundColor } = page;\n            const style = {\n              ...pageContainerStyles,\n              backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n            };\n            return (\n              <div\n                key={`page_${index.toString()}`}\n                className={cNames({\n                  [classNames.page]: true,\n                  [slugify(reportLayout)]: true,\n                  activePage: index === presentationPage,\n                })}\n              >\n                <StaticPageWithZoomPanPinch\n                  acceptedItems={acceptedItems}\n                  additionalPageItems={additionalPageItems}\n                  handleZoom={handleZoom}\n                  hashCode={hashCode}\n                  itemAccessor={itemAccessor}\n                  items={page.items}\n                  mode={mode}\n                  refSetter={element => { transformRefs.current[index] = element; }}\n                  style={style}\n                />\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      <ZoomControls\n        pages={pages}\n        showZoom={(!isFullscreen || (isFullscreen && showControlsInFullScreen)) && !hideZoom}\n      />\n    </main>\n  );\n};\n\nStaticScene.propTypes = {\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  gesture: PropTypes.func,\n  hashCode: PropTypes.string,\n  hideZoom: PropTypes.bool,\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  mode: PropTypes.string,\n  pages: PropTypes.arrayOf(PropTypes.shape({})),\n  presentationPage: PropTypes.number,\n};\n\nStaticScene.defaultProps = {\n  additionalPageItems: [],\n  gesture: () => {},\n  hashCode: '',\n  hideZoom: false,\n  itemAccessor: () => {},\n  lastScrollPosition: 0,\n  mode: 'preview',\n  pages: [],\n  presentationPage: 0,\n};\n\nexport default StaticScene;\n"],"names":["StaticScene","additionalPageItems","gesture","hashCode","hideZoom","itemAccessor","lastScrollPosition","mode","pages","presentationPage","usePresentationContext","isFullscreen","showControlsInFullScreen","usePropContext","acceptedItems","settings","useBuilderContext","setZoom","zoom","viewPortRef","useRef","transformRefs","reportBackgroundColor","reportLayout","reportLayoutHeight","reportLayoutWidth","reportPageTransition","width","parseInt","height","useEffect","current","scrollTop","slice","length","pageContainerStyles","useMemo","transitionStyle","usePageTransition","handleZoom","useCallback","zoomPanPinch","fixedValue","parseFloat","state","scale","toFixed","roundValue","Math","round","i","centerView","_jsxs","classNames","_jsx","map","page","index","backgroundColor","style","cNames","slugify","items","element","toString","propTypes","PropTypes","arrayOf","node","func","string","bool","number","shape","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAcMA,WAAW,GAAG,SAAdA,WAAc,OAUd;AAAA,MATJC,mBASI,QATJA,mBASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,kBAII,QAJJA,kBAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,MADJC,gBACI,QADJA,gBACI;;AACJ,8BAAmDC,sBAAsB,EAAzE;AAAA,MAAQC,YAAR,yBAAQA,YAAR;AAAA,MAAsBC,wBAAtB,yBAAsBA,wBAAtB;;AACA,wBAAoCC,cAAc,EAAlD;AAAA,MAAQC,aAAR,mBAAQA,aAAR;AAAA,MAAuBC,QAAvB,mBAAuBA,QAAvB;;AACA,2BAA0BC,iBAAiB,EAA3C;AAAA,MAAQC,OAAR,sBAAQA,OAAR;AAAA,MAAiBC,IAAjB,sBAAiBA,IAAjB;;AACA,MAAMC,WAAW,GAAGC,MAAM,CAAC,EAAD,CAA1B;AACA,MAAMC,aAAa,GAAGD,MAAM,CAAC,EAAD,CAA5B;AAEA,MACEE,qBADF,GAMIP,QANJ,CACEO,qBADF;AAAA,8BAMIP,QANJ,CAEEQ,YAFF;AAAA,MAEEA,YAFF,sCAEiB,cAFjB;AAAA,+BAMIR,QANJ,CAGES,kBAHF;AAAA,MAGEA,kBAHF,uCAGuB,GAHvB;AAAA,+BAMIT,QANJ,CAIEU,iBAJF;AAAA,MAIEA,iBAJF,uCAIsB,IAJtB;AAAA,8BAMIV,QANJ,CAKEW,oBALF;AAAA,MAKEA,oBALF,sCAKyB,aALzB;AAOA,MAAMC,KAAK,GAAGC,QAAQ,CAACH,iBAAD,EAAoB,EAApB,CAAtB;AACA,MAAMI,MAAM,GAAGD,QAAQ,CAACJ,kBAAD,EAAqB,EAArB,CAAvB;AAEAM,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIX,WAAW,CAACY,OAAhB,EAAyB;AACvBZ,MAAAA,WAAW,CAACY,OAAZ,CAAoBC,SAApB,GAAgC1B,kBAAhC;AACD;AACF,GAJQ,EAIN,EAJM,CAAT,CAjBI;;AAuBJwB,EAAAA,SAAS,CAAC,YAAM;AACdT,IAAAA,aAAa,CAACU,OAAd,GAAwBV,aAAa,CAACU,OAAd,CAAsBE,KAAtB,CAA4B,CAA5B,EAA+BzB,KAAK,CAAC0B,MAArC,CAAxB;AACD,GAFQ,EAEN,CAAC1B,KAAK,CAAC0B,MAAP,CAFM,CAAT;AAIA,MAAMC,mBAAmB,GAAGC,OAAO,CAAC;AAAA,WAAO;AACzCP,MAAAA,MAAM,EAANA,MADyC;AAEzCF,MAAAA,KAAK,EAALA;AAFyC,KAAP;AAAA,GAAD,EAG/B,CAACA,KAAD,EAAQE,MAAR,CAH+B,CAAnC;AAKA,MAAMQ,eAAe,GAAGC,iBAAiB,CAACZ,oBAAD,EAAuBjB,gBAAvB,CAAzC;AAEA,MAAM8B,UAAU,GAAGC,WAAW,CAAC,UAAAC,YAAY,EAAI;AAC7C,QAAMC,UAAU,GAAGC,UAAU,CAACF,YAAY,CAACG,KAAb,CAAmBC,KAAnB,CAAyBC,OAAzB,CAAiC,CAAjC,CAAD,CAA7B;AACA,QAAMC,UAAU,GAAGJ,UAAU,CAAC,CAACK,IAAI,CAACC,KAAL,CAAYP,UAAU,GAAG,GAAzB,IAAiC,GAAlC,EAAuCI,OAAvC,CAA+C,CAA/C,CAAD,CAA7B;;AACA,QAAIC,UAAU,IAAI,CAAd,IAAmBA,UAAU,IAAI,GAArC,EAA0C;AACxC9B,MAAAA,OAAO,CAAC8B,UAAD,CAAP;AACD;AACF,GAN6B,EAM3B,EAN2B,CAA9B;AAQAjB,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIT,aAAa,CAACU,OAAd,CAAsBG,MAAtB,GAA+B,CAAnC,EAAsC;AACpC,WAAK,IAAIgB,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAG1C,KAAK,CAAC0B,MAA1B,EAAkCgB,CAAC,EAAnC,EAAuC;AACrC7B,QAAAA,aAAa,CAACU,OAAd,CAAsBmB,CAAtB,EAAyBC,UAAzB,CAAoCjC,IAApC;AACD;AACF;AACF,GANQ,EAMN,CAACV,KAAK,CAAC0B,MAAP,EAAehB,IAAf,EAAqBP,YAArB,EAAmCJ,IAAnC,CANM,CAAT;AAQA,sBACE6C;AACE,IAAA,SAAS,EAAEC,WADb;AAAA,4BAGEC;AACE,MAAA,GAAG,EAAEnC,WADP;AAEE,MAAA,SAAS,EAAEkC;AAFb,OAGMnD,OAAO,EAHb;AAAA,6BAKEoD;AACE,QAAA,SAAS,YAAKD,MAAL,cAA0B3B,oBAA1B,CADX;AAEE,QAAA,KAAK,EAAEW,eAFT;AAAA,kBAIG7B,KAAK,CAAC+C,GAAN,CAAU,UAACC,MAAD,EAAOC,KAAP,EAAiB;AAAA;;AAC1B,cAAQC,eAAR,GAA4BF,MAA5B,CAAQE,eAAR;;AACA,cAAMC,KAAK,mCACNxB,mBADM;AAETuB,YAAAA,eAAe,EAAEA,eAAe,GAAGA,eAAH,GAAqBpC,qBAAqB,IAAI;AAFrE,YAAX;;AAIA,8BACEgC;AAEE,YAAA,SAAS,EAAEM,UAAM,yCACdP,IADc,EACI,IADJ,4BAEdQ,OAAO,CAACtC,YAAD,CAFO,EAEU,IAFV,0CAGHkC,KAAK,KAAKhD,gBAHP,YAFnB;AAAA,mCAQE6C,IAAC,0BAAD;AACE,cAAA,aAAa,EAAExC,aADjB;AAEE,cAAA,mBAAmB,EAAEb,mBAFvB;AAGE,cAAA,UAAU,EAAEsC,UAHd;AAIE,cAAA,QAAQ,EAAEpC,QAJZ;AAKE,cAAA,YAAY,EAAEE,YALhB;AAME,cAAA,KAAK,EAAEmD,MAAI,CAACM,KANd;AAOE,cAAA,IAAI,EAAEvD,IAPR;AAQE,cAAA,SAAS,EAAE,mBAAAwD,OAAO,EAAI;AAAE1C,gBAAAA,aAAa,CAACU,OAAd,CAAsB0B,KAAtB,IAA+BM,OAA/B;AAAyC,eARnE;AASE,cAAA,KAAK,EAAEJ;AATT;AARF,4BACeF,KAAK,CAACO,QAAN,EADf,EADF;AAsBD,SA5BA;AAJH;AALF,OAHF,eA2CEV,IAAC,YAAD;AACE,MAAA,KAAK,EAAE9C,KADT;AAEE,MAAA,QAAQ,EAAE,CAAC,CAACG,YAAD,IAAkBA,YAAY,IAAIC,wBAAnC,KAAiE,CAACR;AAF9E,MA3CF;AAAA,IADF;AAkDD;;AAEDJ,WAAW,CAACiE,SAAZ,GAAwB;AACtBhE,EAAAA,mBAAmB,EAAEiE,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,IAA5B,CADC;AAEtBlE,EAAAA,OAAO,EAAEgE,SAAS,CAACG,IAFG;AAGtBlE,EAAAA,QAAQ,EAAE+D,SAAS,CAACI,MAHE;AAItBlE,EAAAA,QAAQ,EAAE8D,SAAS,CAACK,IAJE;AAKtBlE,EAAAA,YAAY,EAAE6D,SAAS,CAACG,IALF;AAMtB/D,EAAAA,kBAAkB,EAAE4D,SAAS,CAACM,MANR;AAOtBjE,EAAAA,IAAI,EAAE2D,SAAS,CAACI,MAPM;AAQtB9D,EAAAA,KAAK,EAAE0D,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACO,KAAV,CAAgB,EAAhB,CAAlB,CARe;AAStBhE,EAAAA,gBAAgB,EAAEyD,SAAS,CAACM;AATN,CAAxB;AAYAxE,WAAW,CAAC0E,YAAZ,GAA2B;AACzBzE,EAAAA,mBAAmB,EAAE,EADI;AAEzBC,EAAAA,OAAO,EAAE,mBAAM,EAFU;AAGzBC,EAAAA,QAAQ,EAAE,EAHe;AAIzBC,EAAAA,QAAQ,EAAE,KAJe;AAKzBC,EAAAA,YAAY,EAAE,wBAAM,EALK;AAMzBC,EAAAA,kBAAkB,EAAE,CANK;AAOzBC,EAAAA,IAAI,EAAE,SAPmB;AAQzBC,EAAAA,KAAK,EAAE,EARkB;AASzBC,EAAAA,gBAAgB,EAAE;AATO,CAA3B;;;;"}

package/lib/esm/components/withZoomPanPinchHOC.js

@@ -0,0 +1,71 @@
+import { func, string, oneOfType, shape, any } from 'prop-types';
+import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
+import { useBuilderContext } from '../utils/builderContext.js';
+import { usePresentationContext } from '../utils/presentationContext.js';
+import { jsx } from 'react/jsx-runtime';
+
+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; }
+
+var withZoomPanPinchHOC = function withZoomPanPinchHOC(WrappedComponent) {
+  var ZoomPanPinchHOC = function ZoomPanPinchHOC(props) {
+    var handleZoom = props.handleZoom,
+        mode = props.mode,
+        refSetter = props.refSetter;
+
+    var _useBuilderContext = useBuilderContext(),
+        zoom = _useBuilderContext.zoom;
+
+    var _usePresentationConte = usePresentationContext(),
+        fittedZoom = _usePresentationConte.fittedZoom;
+
+    if (mode === 'print') {
+      return /*#__PURE__*/jsx(WrappedComponent, _objectSpread({}, props));
+    }
+
+    return /*#__PURE__*/jsx(TransformWrapper, {
+      ref: refSetter,
+      centerOnInit: true,
+      centerZoomedOut: true,
+      disablePadding: true,
+      doubleClick: {
+        step: 0.2
+      },
+      initialScale: zoom,
+      maxScale: 2,
+      minScale: 0.5,
+      onZoom: handleZoom,
+      panning: {
+        disabled: zoom <= fittedZoom
+      },
+      pinch: {
+        step: 1
+      },
+      children: /*#__PURE__*/jsx(TransformComponent, {
+        wrapperStyle: {
+          height: '100%',
+          width: '100%'
+        },
+        children: /*#__PURE__*/jsx(WrappedComponent, _objectSpread({}, props))
+      })
+    });
+  };
+
+  ZoomPanPinchHOC.propTypes = {
+    handleZoom: func.isRequired,
+    mode: string,
+    refSetter: oneOfType([func, shape({
+      current: any
+    })]).isRequired
+  };
+  ZoomPanPinchHOC.defaultProps = {
+    mode: ''
+  };
+  return ZoomPanPinchHOC;
+};
+
+export default withZoomPanPinchHOC;
+//# sourceMappingURL=withZoomPanPinchHOC.js.map

package/lib/esm/components/withZoomPanPinchHOC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withZoomPanPinchHOC.js","sources":["../../../src/components/withZoomPanPinchHOC.js"],"sourcesContent":["import {\n  string, func, any, oneOfType, shape,\n} from 'prop-types';\nimport { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';\nimport { useBuilderContext } from '../utils/builderContext';\nimport { usePresentationContext } from '../utils/presentationContext';\n\nconst withZoomPanPinchHOC = WrappedComponent => {\n  const ZoomPanPinchHOC = props => {\n    const { handleZoom, mode, refSetter } = props;\n\n    const { zoom } = useBuilderContext();\n    const { fittedZoom } = usePresentationContext();\n\n    if (mode === 'print') {\n      return <WrappedComponent {...props} />;\n    }\n\n    return (\n      <TransformWrapper\n        ref={refSetter}\n        centerOnInit={true}\n        centerZoomedOut={true}\n        disablePadding={true}\n        doubleClick={{\n          step: 0.2,\n        }}\n        initialScale={zoom}\n        maxScale={2}\n        minScale={0.5}\n        onZoom={handleZoom}\n        panning={{\n          disabled: zoom <= fittedZoom,\n        }}\n        pinch={{\n          step: 1,\n        }}\n      >\n        <TransformComponent\n          wrapperStyle={{ height: '100%', width: '100%' }}\n        >\n          <WrappedComponent {...props} />\n        </TransformComponent>\n      </TransformWrapper>\n    );\n  };\n\n  ZoomPanPinchHOC.propTypes = {\n    handleZoom: func.isRequired,\n    mode: string,\n    refSetter: oneOfType([\n      func,\n      shape({ current: any }),\n    ]).isRequired,\n  };\n\n  ZoomPanPinchHOC.defaultProps = {\n    mode: '',\n  };\n\n  return ZoomPanPinchHOC;\n};\n\nexport default withZoomPanPinchHOC;\n"],"names":["withZoomPanPinchHOC","WrappedComponent","ZoomPanPinchHOC","props","handleZoom","mode","refSetter","useBuilderContext","zoom","usePresentationContext","fittedZoom","_jsx","step","disabled","height","width","propTypes","func","isRequired","string","oneOfType","shape","current","any","defaultProps"],"mappings":";;;;;;;;;;;;IAOMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAC,gBAAgB,EAAI;AAC9C,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,KAAK,EAAI;AAC/B,QAAQC,UAAR,GAAwCD,KAAxC,CAAQC,UAAR;AAAA,QAAoBC,IAApB,GAAwCF,KAAxC,CAAoBE,IAApB;AAAA,QAA0BC,SAA1B,GAAwCH,KAAxC,CAA0BG,SAA1B;;AAEA,6BAAiBC,iBAAiB,EAAlC;AAAA,QAAQC,IAAR,sBAAQA,IAAR;;AACA,gCAAuBC,sBAAsB,EAA7C;AAAA,QAAQC,UAAR,yBAAQA,UAAR;;AAEA,QAAIL,IAAI,KAAK,OAAb,EAAsB;AACpB,0BAAOM,IAAC,gBAAD,oBAAsBR,KAAtB,EAAP;AACD;;AAED,wBACEQ,IAAC,gBAAD;AACE,MAAA,GAAG,EAAEL,SADP;AAEE,MAAA,YAAY,EAAE,IAFhB;AAGE,MAAA,eAAe,EAAE,IAHnB;AAIE,MAAA,cAAc,EAAE,IAJlB;AAKE,MAAA,WAAW,EAAE;AACXM,QAAAA,IAAI,EAAE;AADK,OALf;AAQE,MAAA,YAAY,EAAEJ,IARhB;AASE,MAAA,QAAQ,EAAE,CATZ;AAUE,MAAA,QAAQ,EAAE,GAVZ;AAWE,MAAA,MAAM,EAAEJ,UAXV;AAYE,MAAA,OAAO,EAAE;AACPS,QAAAA,QAAQ,EAAEL,IAAI,IAAIE;AADX,OAZX;AAeE,MAAA,KAAK,EAAE;AACLE,QAAAA,IAAI,EAAE;AADD,OAfT;AAAA,6BAmBED,IAAC,kBAAD;AACE,QAAA,YAAY,EAAE;AAAEG,UAAAA,MAAM,EAAE,MAAV;AAAkBC,UAAAA,KAAK,EAAE;AAAzB,SADhB;AAAA,+BAGEJ,IAAC,gBAAD,oBAAsBR,KAAtB;AAHF;AAnBF,MADF;AA2BD,GArCD;;AAuCAD,EAAAA,eAAe,CAACc,SAAhB,GAA4B;AAC1BZ,IAAAA,UAAU,EAAEa,IAAI,CAACC,UADS;AAE1Bb,IAAAA,IAAI,EAAEc,MAFoB;AAG1Bb,IAAAA,SAAS,EAAEc,SAAS,CAAC,CACnBH,IADmB,EAEnBI,KAAK,CAAC;AAAEC,MAAAA,OAAO,EAAEC;AAAX,KAAD,CAFc,CAAD,CAAT,CAGRL;AANuB,GAA5B;AASAhB,EAAAA,eAAe,CAACsB,YAAhB,GAA+B;AAC7BnB,IAAAA,IAAI,EAAE;AADuB,GAA/B;AAIA,SAAOH,eAAP;AACD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jotforminc/dnd-builder",
-  "version": "2.5.1",
+  "version": "2.5.3",
   "files": [
     "lib"
   ],
@@ -8,6 +8,7 @@
   "module": "lib/esm/index.js",
   "sideEffects": false,
   "dependencies": {
+    "@use-gesture/react": "10.2.24",
     "classnames": "2.2.6",
     "core-js": "3.9.0",
     "dompurify": "2.2.8",
@@ -29,9 +30,8 @@
     "react-modal": "3.12.1",
     "react-quill": "1.3.5",
     "react-sortable-hoc": "2.0.0",
-    "react-use-gesture": "9.0.4",
     "react-window": "1.8.6",
-    "react-zoom-pan-pinch": "^3.0.1",
+    "react-zoom-pan-pinch": "3.0.1",
     "recharts": "2.0.7",
     "regenerator-runtime": "0.13.7"
   },