@jotforminc/dnd-builder 2.5.2 → 2.5.3

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 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)
 
 

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":"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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","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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jotforminc/dnd-builder",
-  "version": "2.5.2",
+  "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"
   },