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

package/lib/esm/components/Presentation/PresentationBar/PresentationActions.js

@@ -1,8 +1,13 @@
 import 'core-js/modules/es.array.map.js';
-import { useMemo } from 'react';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.promise.js';
+import 'regenerator-runtime/runtime.js';
+import { useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { getDefaultPresentationActions } from '../../../utils/getDefaultPresentationActions.js';
 import * as icons from '../../../utils/icons.js';
+import { usePresentationStore } from '../../../contexts/PresentationContext.js';
+import { closeFullscreen, openFullscreenHelper } from '../../../utils/functions.js';
 import { jsx } from 'react/jsx-runtime';
 import SvgPen from '../../../assets/svg/presentation/pen.svg.js';
 
@@ -12,16 +17,51 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var PresentationActions = function PresentationActions(_ref) {
-  var isFullscreen = _ref.isFullscreen,
-      presentationBarActions = _ref.presentationBarActions,
-      toggleFullscreen = _ref.toggleFullscreen;
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var PresentationActions = function PresentationActions() {
+  var isFullscreen = usePresentationStore(function (state) {
+    return state.isFullscreen;
+  });
+  var presentationBarActions = usePresentationStore(function (state) {
+    return state.presentationBarActions;
+  });
+  var toggleFullscreen = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (isFullscreen) {
+              _context.next = 5;
+              break;
+            }
+
+            _context.next = 3;
+            return openFullscreenHelper();
+
+          case 3:
+            _context.next = 7;
+            break;
+
+          case 5:
+            _context.next = 7;
+            return closeFullscreen();
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), [isFullscreen]);
   var defaultPresentationActions = useMemo(function () {
     return getDefaultPresentationActions({
       isFullscreen: isFullscreen,
       toggleFullscreen: toggleFullscreen
     });
-  }, [isFullscreen]);
+  }, [isFullscreen, toggleFullscreen]);
   return /*#__PURE__*/jsx("div", {
     className: "action-container d-flex",
     children: presentationBarActions.map(function (action) {
@@ -65,13 +105,6 @@ PresentationActions.propTypes = {
   presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),
   toggleFullscreen: PropTypes.func
 };
-PresentationActions.defaultProps = {
-  isFullscreen: false,
-  presentationBarActions: [],
-  toggleFullscreen: function toggleFullscreen(f) {
-    return f;
-  }
-};
 
 export default PresentationActions;
 //# sourceMappingURL=PresentationActions.js.map

package/lib/esm/components/Presentation/PresentationBar/PresentationActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresentationActions.js","sources":["../../../../../src/components/Presentation/PresentationBar/PresentationActions.js"],"sourcesContent":["import { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { getDefaultPresentationActions } from '../../../utils/getDefaultPresentationActions';\nimport * as icons from '../../../utils/icons';\n\nconst PresentationActions = ({\n  isFullscreen,\n  presentationBarActions,\n  toggleFullscreen,\n}) => {\n  const defaultPresentationActions = useMemo(() => getDefaultPresentationActions({\n    isFullscreen,\n    toggleFullscreen,\n  }), [isFullscreen]);\n\n  return (\n    <div className=\"action-container d-flex\">\n      {presentationBarActions.map(action => {\n        if (action.isHidden) {\n          return null;\n        }\n\n        if (action.handler) {\n          const ActionIcon = icons[action.icon] ? icons[action.icon] : icons.pen;\n          return (\n            <button\n              key={action.key}\n              aria-label={action.key}\n              className={`jfReportButton ${action.className}`}\n              onClick={action.handler}\n              title={action.title ? action.title : null}\n              type=\"button\"\n            >\n              <ActionIcon className={`jfReportSVG icon-${action.icon}`} />\n              {/* {action.title && <span>{action.title}</span>} */}\n            </button>\n          );\n        }\n\n        if (action.Component) {\n          const { Component, props } = action;\n          return (\n            <Component\n              key={action.key}\n              {...(props ? props : {})}\n            />\n          );\n        }\n\n        const defaultAction = defaultPresentationActions[action.key];\n        if (!defaultAction || defaultAction.isHidden) {\n          return null;\n        }\n\n        return defaultAction;\n      })}\n    </div>\n  );\n};\n\nPresentationActions.propTypes = {\n  isFullscreen: PropTypes.bool,\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  toggleFullscreen: PropTypes.func,\n};\n\nPresentationActions.defaultProps = {\n  isFullscreen: false,\n  presentationBarActions: [],\n  toggleFullscreen: f => f,\n};\n\nexport default PresentationActions;\n"],"names":["PresentationActions","isFullscreen","presentationBarActions","toggleFullscreen","defaultPresentationActions","useMemo","getDefaultPresentationActions","_jsx","map","action","isHidden","handler","ActionIcon","icons","icon","key","className","title","Component","props","defaultAction","propTypes","PropTypes","bool","arrayOf","shape","func","defaultProps","f"],"mappings":";;;;;;;;;;;;;;IAKMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAItB;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,sBAEI,QAFJA,sBAEI;AAAA,MADJC,gBACI,QADJA,gBACI;AACJ,MAAMC,0BAA0B,GAAGC,OAAO,CAAC;AAAA,WAAMC,6BAA6B,CAAC;AAC7EL,MAAAA,YAAY,EAAZA,YAD6E;AAE7EE,MAAAA,gBAAgB,EAAhBA;AAF6E,KAAD,CAAnC;AAAA,GAAD,EAGtC,CAACF,YAAD,CAHsC,CAA1C;AAKA,sBACEM;AAAK,IAAA,SAAS,EAAC,yBAAf;AAAA,cACGL,sBAAsB,CAACM,GAAvB,CAA2B,UAAAC,MAAM,EAAI;AACpC,UAAIA,MAAM,CAACC,QAAX,EAAqB;AACnB,eAAO,IAAP;AACD;;AAED,UAAID,MAAM,CAACE,OAAX,EAAoB;AAClB,YAAMC,UAAU,GAAGC,KAAK,CAACJ,MAAM,CAACK,IAAR,CAAL,GAAqBD,KAAK,CAACJ,MAAM,CAACK,IAAR,CAA1B,GAA0CD,MAA7D;AACA,4BACEN;AAEE,wBAAYE,MAAM,CAACM,GAFrB;AAGE,UAAA,SAAS,2BAAoBN,MAAM,CAACO,SAA3B,CAHX;AAIE,UAAA,OAAO,EAAEP,MAAM,CAACE,OAJlB;AAKE,UAAA,KAAK,EAAEF,MAAM,CAACQ,KAAP,GAAeR,MAAM,CAACQ,KAAtB,GAA8B,IALvC;AAME,UAAA,IAAI,EAAC,QANP;AAAA,iCAQEV,IAAC,UAAD;AAAY,YAAA,SAAS,6BAAsBE,MAAM,CAACK,IAA7B;AAArB;AARF,WACOL,MAAM,CAACM,GADd,CADF;AAaD;;AAED,UAAIN,MAAM,CAACS,SAAX,EAAsB;AACpB,YAAQA,SAAR,GAA6BT,MAA7B,CAAQS,SAAR;AAAA,YAAmBC,KAAnB,GAA6BV,MAA7B,CAAmBU,KAAnB;AACA,4BACEZ,IAAC,SAAD,oBAEOY,KAAK,GAAGA,KAAH,GAAW,EAFvB,GACOV,MAAM,CAACM,GADd,CADF;AAMD;;AAED,UAAMK,aAAa,GAAGhB,0BAA0B,CAACK,MAAM,CAACM,GAAR,CAAhD;;AACA,UAAI,CAACK,aAAD,IAAkBA,aAAa,CAACV,QAApC,EAA8C;AAC5C,eAAO,IAAP;AACD;;AAED,aAAOU,aAAP;AACD,KAtCA;AADH,IADF;AA2CD;;AAEDpB,mBAAmB,CAACqB,SAApB,GAAgC;AAC9BpB,EAAAA,YAAY,EAAEqB,SAAS,CAACC,IADM;AAE9BrB,EAAAA,sBAAsB,EAAEoB,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFM;AAG9BtB,EAAAA,gBAAgB,EAAEmB,SAAS,CAACI;AAHE,CAAhC;AAMA1B,mBAAmB,CAAC2B,YAApB,GAAmC;AACjC1B,EAAAA,YAAY,EAAE,KADmB;AAEjCC,EAAAA,sBAAsB,EAAE,EAFS;AAGjCC,EAAAA,gBAAgB,EAAE,0BAAAyB,CAAC;AAAA,WAAIA,CAAJ;AAAA;AAHc,CAAnC;;;;"}
+{"version":3,"file":"PresentationActions.js","sources":["../../../../../src/components/Presentation/PresentationBar/PresentationActions.js"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { getDefaultPresentationActions } from '../../../utils/getDefaultPresentationActions';\nimport * as icons from '../../../utils/icons';\nimport { usePresentationStore } from '../../../contexts/PresentationContext';\nimport { closeFullscreen, openFullscreenHelper } from '../../../utils/functions';\n\nconst PresentationActions = () => {\n  const isFullscreen = usePresentationStore(state => state.isFullscreen);\n  const presentationBarActions = usePresentationStore(state => state.presentationBarActions);\n\n  const toggleFullscreen = useCallback(async () => {\n    if (!isFullscreen) {\n      await openFullscreenHelper();\n    } else {\n      await closeFullscreen();\n    }\n  }, [isFullscreen]);\n\n  const defaultPresentationActions = useMemo(() => {\n    return getDefaultPresentationActions({\n      isFullscreen,\n      toggleFullscreen,\n    });\n  }, [isFullscreen, toggleFullscreen]);\n\n  return (\n    <div className=\"action-container d-flex\">\n      {presentationBarActions.map(action => {\n        if (action.isHidden) {\n          return null;\n        }\n\n        if (action.handler) {\n          const ActionIcon = icons[action.icon] ? icons[action.icon] : icons.pen;\n          return (\n            <button\n              key={action.key}\n              aria-label={action.key}\n              className={`jfReportButton ${action.className}`}\n              onClick={action.handler}\n              title={action.title ? action.title : null}\n              type=\"button\"\n            >\n              <ActionIcon className={`jfReportSVG icon-${action.icon}`} />\n              {/* {action.title && <span>{action.title}</span>} */}\n            </button>\n          );\n        }\n\n        if (action.Component) {\n          const { Component, props } = action;\n          return (\n            <Component\n              key={action.key}\n              {...(props ? props : {})}\n            />\n          );\n        }\n\n        const defaultAction = defaultPresentationActions[action.key];\n        if (!defaultAction || defaultAction.isHidden) {\n          return null;\n        }\n\n        return defaultAction;\n      })}\n    </div>\n  );\n};\n\nPresentationActions.propTypes = {\n  isFullscreen: PropTypes.bool,\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  toggleFullscreen: PropTypes.func,\n};\n\nexport default PresentationActions;\n"],"names":["PresentationActions","isFullscreen","usePresentationStore","state","presentationBarActions","toggleFullscreen","useCallback","openFullscreenHelper","closeFullscreen","defaultPresentationActions","useMemo","getDefaultPresentationActions","_jsx","map","action","isHidden","handler","ActionIcon","icons","icon","key","className","title","Component","props","defaultAction","propTypes","PropTypes","bool","arrayOf","shape","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAOMA,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AAChC,MAAMC,YAAY,GAAGC,oBAAoB,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,YAAV;AAAA,GAAN,CAAzC;AACA,MAAMG,sBAAsB,GAAGF,oBAAoB,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,sBAAV;AAAA,GAAN,CAAnD;AAEA,MAAMC,gBAAgB,GAAGC,WAAW,uEAAC;AAAA;AAAA;AAAA;AAAA;AAAA,gBAC9BL,YAD8B;AAAA;AAAA;AAAA;;AAAA;AAAA,mBAE3BM,oBAAoB,EAFO;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,mBAI3BC,eAAe,EAJY;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAAD,IAMjC,CAACP,YAAD,CANiC,CAApC;AAQA,MAAMQ,0BAA0B,GAAGC,OAAO,CAAC,YAAM;AAC/C,WAAOC,6BAA6B,CAAC;AACnCV,MAAAA,YAAY,EAAZA,YADmC;AAEnCI,MAAAA,gBAAgB,EAAhBA;AAFmC,KAAD,CAApC;AAID,GALyC,EAKvC,CAACJ,YAAD,EAAeI,gBAAf,CALuC,CAA1C;AAOA,sBACEO;AAAK,IAAA,SAAS,EAAC,yBAAf;AAAA,cACGR,sBAAsB,CAACS,GAAvB,CAA2B,UAAAC,MAAM,EAAI;AACpC,UAAIA,MAAM,CAACC,QAAX,EAAqB;AACnB,eAAO,IAAP;AACD;;AAED,UAAID,MAAM,CAACE,OAAX,EAAoB;AAClB,YAAMC,UAAU,GAAGC,KAAK,CAACJ,MAAM,CAACK,IAAR,CAAL,GAAqBD,KAAK,CAACJ,MAAM,CAACK,IAAR,CAA1B,GAA0CD,MAA7D;AACA,4BACEN;AAEE,wBAAYE,MAAM,CAACM,GAFrB;AAGE,UAAA,SAAS,2BAAoBN,MAAM,CAACO,SAA3B,CAHX;AAIE,UAAA,OAAO,EAAEP,MAAM,CAACE,OAJlB;AAKE,UAAA,KAAK,EAAEF,MAAM,CAACQ,KAAP,GAAeR,MAAM,CAACQ,KAAtB,GAA8B,IALvC;AAME,UAAA,IAAI,EAAC,QANP;AAAA,iCAQEV,IAAC,UAAD;AAAY,YAAA,SAAS,6BAAsBE,MAAM,CAACK,IAA7B;AAArB;AARF,WACOL,MAAM,CAACM,GADd,CADF;AAaD;;AAED,UAAIN,MAAM,CAACS,SAAX,EAAsB;AACpB,YAAQA,SAAR,GAA6BT,MAA7B,CAAQS,SAAR;AAAA,YAAmBC,KAAnB,GAA6BV,MAA7B,CAAmBU,KAAnB;AACA,4BACEZ,IAAC,SAAD,oBAEOY,KAAK,GAAGA,KAAH,GAAW,EAFvB,GACOV,MAAM,CAACM,GADd,CADF;AAMD;;AAED,UAAMK,aAAa,GAAGhB,0BAA0B,CAACK,MAAM,CAACM,GAAR,CAAhD;;AACA,UAAI,CAACK,aAAD,IAAkBA,aAAa,CAACV,QAApC,EAA8C;AAC5C,eAAO,IAAP;AACD;;AAED,aAAOU,aAAP;AACD,KAtCA;AADH,IADF;AA2CD;;AAEDzB,mBAAmB,CAAC0B,SAApB,GAAgC;AAC9BzB,EAAAA,YAAY,EAAE0B,SAAS,CAACC,IADM;AAE9BxB,EAAAA,sBAAsB,EAAEuB,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFM;AAG9BzB,EAAAA,gBAAgB,EAAEsB,SAAS,CAACI;AAHE,CAAhC;;;;"}

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

@@ -1,51 +1,35 @@
+import 'core-js/modules/web.dom-collections.for-each.js';
+import { useLayoutEffect } from 'react';
 import PropTypes from 'prop-types';
 import PageNavigation from './PageNavigation.js';
 import PresentationActions from './PresentationActions.js';
 import SelectZoom from './SelectZoom.js';
-import { changePage, openFullscreenHelper, closeFullscreen } from '../../../utils/functions.js';
+import { changePage } from '../../../utils/functions.js';
+import { useBuilderStore } from '../../../contexts/BuilderContext.js';
+import { usePresentationStore } from '../../../contexts/PresentationContext.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var PresentationBar = function PresentationBar(_ref) {
-  var currentPage = _ref.currentPage,
-      fitToScreen = _ref.fitToScreen,
-      fittedZoom = _ref.fittedZoom,
-      isFullscreen = _ref.isFullscreen,
-      isVisible = _ref.isVisible,
-      onAnEventTrigger = _ref.onAnEventTrigger,
-      pageCount = _ref.pageCount,
-      presentationBarActions = _ref.presentationBarActions,
-      setCurrentPage = _ref.setCurrentPage,
-      setIsFullscreen = _ref.setIsFullscreen,
-      setZoom = _ref.setZoom,
-      settings = _ref.settings,
-      zoom = _ref.zoom;
-  var _settings$reportLayou = settings.reportLayoutWidth,
-      reportLayoutWidth = _settings$reportLayou === void 0 ? 1123 : _settings$reportLayou;
-
-  var toggleFullscreen = function toggleFullscreen(goFullscreen) {
-    return function () {
-      if (goFullscreen) {
-        var openRequest = openFullscreenHelper();
-
-        if (openRequest && openRequest.then) {
-          openRequest.then(fitToScreen);
-        } else {
-          fitToScreen(500);
-        }
-      } else {
-        var closeRequest = closeFullscreen();
-
-        if (closeRequest && closeRequest.then) {
-          closeRequest.then(fitToScreen);
-        } else {
-          fitToScreen(600); // magic number for safari :(
-        }
-      }
-
-      onAnEventTrigger('clickedFullscreen');
-      setIsFullscreen(goFullscreen);
-    };
-  };
+  var _ref$isVisible = _ref.isVisible,
+      isVisible = _ref$isVisible === void 0 ? true : _ref$isVisible;
+  var currentPage = usePresentationStore(function (state) {
+    return state.currentPage;
+  });
+  var setCurrentPage = usePresentationStore(function (state) {
+    return state.setCurrentPage;
+  });
+  var fittedZoom = usePresentationStore(function (state) {
+    return state.fittedZoom;
+  });
+  var pageCount = usePresentationStore(function (state) {
+    return state.pageCount;
+  });
+  var setZoom = useBuilderStore(function (state) {
+    return state.setZoom;
+  });
+  var zoom = useBuilderStore(function (state) {
+    return state.zoom;
+  });
 
   var pageChanger = function pageChanger(action) {
     return changePage({
@@ -56,8 +40,25 @@ var PresentationBar = function PresentationBar(_ref) {
     });
   };
 
+  useLayoutEffect(function () {
+    // Hi, this is a horrible solution to a horrible Chromium bug.
+    // It is temporary, and once chromium crew solves the
+    // https://bugs.chromium.org/p/chromium/issues/detail?id=1440024
+    // we will be able to remove it, the idea itself comes from
+    // them, btw https://bugs.chromium.org/p/chromium/issues/detail?id=1440024#c3
+    if (window.chrome) {
+      // Detaching and re-attaching to dom likely forces a re-draw
+      // of the svg.
+      document.querySelectorAll('svg.recharts-surface').forEach(function (domNode) {
+        var parent = domNode.parentElement;
+        parent.removeChild(domNode);
+        parent.appendChild(domNode);
+      });
+    }
+  });
+
   var handleZoomChange = function handleZoomChange(e) {
-    setZoom(e.target.value / 100, false, reportLayoutWidth);
+    setZoom(e.target.value / 100);
     e.target.blur(); // prevent mixup with other keyboard shortcuts
   };
 
@@ -84,56 +85,13 @@ var PresentationBar = function PresentationBar(_ref) {
         }), /*#__PURE__*/jsx("div", {
           className: "divider"
         })]
-      }), /*#__PURE__*/jsx(PresentationActions, {
-        isFullscreen: isFullscreen,
-        presentationBarActions: presentationBarActions,
-        toggleFullscreen: toggleFullscreen
-      })]
+      }), /*#__PURE__*/jsx(PresentationActions, {})]
     })
   });
 };
 
 PresentationBar.propTypes = {
-  currentPage: PropTypes.number,
-  fitToScreen: PropTypes.func,
-  fittedZoom: PropTypes.number,
-  isFullscreen: PropTypes.bool,
-  isVisible: PropTypes.bool,
-  onAnEventTrigger: PropTypes.func,
-  pageCount: PropTypes.number,
-  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),
-  setCurrentPage: PropTypes.func,
-  setIsFullscreen: PropTypes.func,
-  setZoom: PropTypes.func,
-  settings: PropTypes.shape({
-    reportLayoutWidth: PropTypes.string
-  }),
-  zoom: PropTypes.number
-};
-PresentationBar.defaultProps = {
-  currentPage: 1,
-  fitToScreen: function fitToScreen(f) {
-    return f;
-  },
-  fittedZoom: 1,
-  isFullscreen: false,
-  isVisible: true,
-  onAnEventTrigger: function onAnEventTrigger(f) {
-    return f;
-  },
-  pageCount: 1,
-  presentationBarActions: [],
-  setCurrentPage: function setCurrentPage(f) {
-    return f;
-  },
-  setIsFullscreen: function setIsFullscreen(f) {
-    return f;
-  },
-  setZoom: function setZoom(f) {
-    return f;
-  },
-  settings: {},
-  zoom: 1
+  isVisible: PropTypes.bool
 };
 
 export default PresentationBar;

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

@@ -1 +1 @@
-{"version":3,"file":"PresentationBar.js","sources":["../../../../../src/components/Presentation/PresentationBar/PresentationBar.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport PageNavigation from './PageNavigation';\nimport PresentationActions from './PresentationActions';\nimport SelectZoom from './SelectZoom';\nimport {\n  changePage,\n  closeFullscreen,\n  openFullscreenHelper,\n} from '../../../utils/functions';\n\nconst PresentationBar = ({\n  currentPage,\n  fitToScreen,\n  fittedZoom,\n  isFullscreen,\n  isVisible,\n  onAnEventTrigger,\n  pageCount,\n  presentationBarActions,\n  setCurrentPage,\n  setIsFullscreen,\n  setZoom,\n  settings,\n  zoom,\n}) => {\n  const { reportLayoutWidth = 1123 } = settings;\n\n  const toggleFullscreen = goFullscreen => () => {\n    if (goFullscreen) {\n      const openRequest = openFullscreenHelper();\n      if (openRequest && openRequest.then) {\n        openRequest.then(fitToScreen);\n      } else {\n        fitToScreen(500);\n      }\n    } else {\n      const closeRequest = closeFullscreen();\n      if (closeRequest && closeRequest.then) {\n        closeRequest.then(fitToScreen);\n      } else {\n        fitToScreen(600); // magic number for safari :(\n      }\n    }\n\n    onAnEventTrigger('clickedFullscreen');\n    setIsFullscreen(goFullscreen);\n  };\n\n  const pageChanger = action => changePage({\n    action,\n    currentPage,\n    pageCount,\n    setCurrentPage,\n  });\n\n  const handleZoomChange = e => {\n    setZoom(e.target.value / 100, false, reportLayoutWidth);\n    e.target.blur(); // prevent mixup with other keyboard shortcuts\n  };\n\n  return (\n    <div className=\"jfPresentation-barContainer d-flex j-center f-width\">\n      <div\n        className={`\n          floatingController p-relative d-flex a-center j-between w-fit forBar\n          ${isVisible ? '' : ' hidden'}\n        `}\n      >\n        <div className=\"toolSection-dropdownWrapper isDark\">\n          <SelectZoom\n            fittedZoom={fittedZoom}\n            handleZoomChange={handleZoomChange}\n            zoom={zoom}\n          />\n        </div>\n        {pageCount > 1 && (\n          <>\n            <div className=\"divider\" />\n            <PageNavigation\n              currentPage={currentPage}\n              decrease={pageChanger(-1)}\n              increase={pageChanger(1)}\n              isVisible={pageCount > 1}\n              pageCount={pageCount}\n            />\n            <div className=\"divider\" />\n          </>\n        )}\n        <PresentationActions\n          isFullscreen={isFullscreen}\n          presentationBarActions={presentationBarActions}\n          toggleFullscreen={toggleFullscreen}\n        />\n      </div>\n    </div>\n  );\n};\n\nPresentationBar.propTypes = {\n  currentPage: PropTypes.number,\n  fitToScreen: PropTypes.func,\n  fittedZoom: PropTypes.number,\n  isFullscreen: PropTypes.bool,\n  isVisible: PropTypes.bool,\n  onAnEventTrigger: PropTypes.func,\n  pageCount: PropTypes.number,\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  setCurrentPage: PropTypes.func,\n  setIsFullscreen: PropTypes.func,\n  setZoom: PropTypes.func,\n  settings: PropTypes.shape({\n    reportLayoutWidth: PropTypes.string,\n  }),\n  zoom: PropTypes.number,\n};\n\nPresentationBar.defaultProps = {\n  currentPage: 1,\n  fitToScreen: f => f,\n  fittedZoom: 1,\n  isFullscreen: false,\n  isVisible: true,\n  onAnEventTrigger: f => f,\n  pageCount: 1,\n  presentationBarActions: [],\n  setCurrentPage: f => f,\n  setIsFullscreen: f => f,\n  setZoom: f => f,\n  settings: {},\n  zoom: 1,\n};\n\nexport default PresentationBar;\n"],"names":["PresentationBar","currentPage","fitToScreen","fittedZoom","isFullscreen","isVisible","onAnEventTrigger","pageCount","presentationBarActions","setCurrentPage","setIsFullscreen","setZoom","settings","zoom","reportLayoutWidth","toggleFullscreen","goFullscreen","openRequest","openFullscreenHelper","then","closeRequest","closeFullscreen","pageChanger","action","changePage","handleZoomChange","e","target","value","blur","_jsx","_jsxs","propTypes","PropTypes","number","func","bool","arrayOf","shape","string","defaultProps","f"],"mappings":"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"}
+{"version":3,"file":"PresentationBar.js","sources":["../../../../../src/components/Presentation/PresentationBar/PresentationBar.js"],"sourcesContent":["import { useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport PageNavigation from './PageNavigation';\nimport PresentationActions from './PresentationActions';\nimport SelectZoom from './SelectZoom';\nimport { changePage } from '../../../utils/functions';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePresentationStore } from '../../../contexts/PresentationContext';\n\nconst PresentationBar = ({\n  isVisible = true,\n}) => {\n  const currentPage = usePresentationStore(state => state.currentPage);\n  const setCurrentPage = usePresentationStore(state => state.setCurrentPage);\n  const fittedZoom = usePresentationStore(state => state.fittedZoom);\n  const pageCount = usePresentationStore(state => state.pageCount);\n  const setZoom = useBuilderStore(state => state.setZoom);\n  const zoom = useBuilderStore(state => state.zoom);\n\n  const pageChanger = action => changePage({\n    action,\n    currentPage,\n    pageCount,\n    setCurrentPage,\n  });\n\n  useLayoutEffect(() => {\n    // Hi, this is a horrible solution to a horrible Chromium bug.\n    // It is temporary, and once chromium crew solves the\n    // https://bugs.chromium.org/p/chromium/issues/detail?id=1440024\n    // we will be able to remove it, the idea itself comes from\n    // them, btw https://bugs.chromium.org/p/chromium/issues/detail?id=1440024#c3\n    if (window.chrome) {\n      // Detaching and re-attaching to dom likely forces a re-draw\n      // of the svg.\n      document.querySelectorAll('svg.recharts-surface').forEach(domNode => {\n        const parent = domNode.parentElement;\n        parent.removeChild(domNode);\n        parent.appendChild(domNode);\n      });\n    }\n  });\n\n  const handleZoomChange = e => {\n    setZoom(e.target.value / 100);\n    e.target.blur(); // prevent mixup with other keyboard shortcuts\n  };\n\n  return (\n    <div className=\"jfPresentation-barContainer d-flex j-center f-width\">\n      <div\n        className={`\n          floatingController p-relative d-flex a-center j-between w-fit forBar\n          ${isVisible ? '' : ' hidden'}\n        `}\n      >\n        <div className=\"toolSection-dropdownWrapper isDark\">\n          <SelectZoom\n            fittedZoom={fittedZoom}\n            handleZoomChange={handleZoomChange}\n            zoom={zoom}\n          />\n        </div>\n        {pageCount > 1 && (\n          <>\n            <div className=\"divider\" />\n            <PageNavigation\n              currentPage={currentPage}\n              decrease={pageChanger(-1)}\n              increase={pageChanger(1)}\n              isVisible={pageCount > 1}\n              pageCount={pageCount}\n            />\n            <div className=\"divider\" />\n          </>\n        )}\n        <PresentationActions />\n      </div>\n    </div>\n  );\n};\n\nPresentationBar.propTypes = {\n  isVisible: PropTypes.bool,\n};\n\nexport default PresentationBar;\n"],"names":["PresentationBar","isVisible","currentPage","usePresentationStore","state","setCurrentPage","fittedZoom","pageCount","setZoom","useBuilderStore","zoom","pageChanger","action","changePage","useLayoutEffect","window","chrome","document","querySelectorAll","forEach","domNode","parent","parentElement","removeChild","appendChild","handleZoomChange","e","target","value","blur","_jsx","_jsxs","propTypes","PropTypes","bool"],"mappings":"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"}

package/lib/esm/components/Presentation/PresentationBar/SelectZoom.js

@@ -5,9 +5,14 @@ import PropTypes from 'prop-types';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var SelectZoom = function SelectZoom(_ref) {
-  var fittedZoom = _ref.fittedZoom,
-      handleZoomChange = _ref.handleZoomChange,
-      zoom = _ref.zoom;
+  var _ref$fittedZoom = _ref.fittedZoom,
+      fittedZoom = _ref$fittedZoom === void 0 ? 1 : _ref$fittedZoom,
+      _ref$handleZoomChange = _ref.handleZoomChange,
+      handleZoomChange = _ref$handleZoomChange === void 0 ? function (f) {
+    return f;
+  } : _ref$handleZoomChange,
+      _ref$zoom = _ref.zoom,
+      zoom = _ref$zoom === void 0 ? 1 : _ref$zoom;
   return /*#__PURE__*/jsxs("select", {
     "aria-label": "Zoom selection",
     className: "toolSection-dropdown controllerItem",
@@ -34,13 +39,6 @@ SelectZoom.propTypes = {
   handleZoomChange: PropTypes.func,
   zoom: PropTypes.number
 };
-SelectZoom.defaultProps = {
-  fittedZoom: 1,
-  handleZoomChange: function handleZoomChange(f) {
-    return f;
-  },
-  zoom: 1
-};
 
 export default SelectZoom;
 //# sourceMappingURL=SelectZoom.js.map

package/lib/esm/components/Presentation/PresentationBar/SelectZoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectZoom.js","sources":["../../../../../src/components/Presentation/PresentationBar/SelectZoom.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst SelectZoom = ({\n  fittedZoom,\n  handleZoomChange,\n  zoom,\n}) => {\n  return (\n    <select\n      aria-label=\"Zoom selection\"\n      className=\"toolSection-dropdown controllerItem\"\n      onChange={handleZoomChange}\n      value={Math.round(zoom * 100)}\n    >\n      <option\n        key=\"fitZoom\"\n        value={fittedZoom * 100}\n      >\n        Fit\n      </option>\n      {Array.from({ length: 16 },\n        (v, k) => (k * 10) + 50).map(opt => (\n          <option\n            key={opt}\n            value={opt}\n          >\n            {`${opt}%`}\n          </option>\n      ))}\n    </select>\n  );\n};\n\nSelectZoom.propTypes = {\n  fittedZoom: PropTypes.number,\n  handleZoomChange: PropTypes.func,\n  zoom: PropTypes.number,\n};\n\nSelectZoom.defaultProps = {\n  fittedZoom: 1,\n  handleZoomChange: f => f,\n  zoom: 1,\n};\n\nexport default SelectZoom;\n"],"names":["SelectZoom","fittedZoom","handleZoomChange","zoom","_jsxs","Math","round","_jsx","Array","from","length","v","k","map","opt","propTypes","PropTypes","number","func","defaultProps","f"],"mappings":";;;;;;IAEMA,UAAU,GAAG,SAAbA,UAAa,OAIb;AAAA,MAHJC,UAGI,QAHJA,UAGI;AAAA,MAFJC,gBAEI,QAFJA,gBAEI;AAAA,MADJC,IACI,QADJA,IACI;AACJ,sBACEC;AACE,kBAAW,gBADb;AAEE,IAAA,SAAS,EAAC,qCAFZ;AAGE,IAAA,QAAQ,EAAEF,gBAHZ;AAIE,IAAA,KAAK,EAAEG,IAAI,CAACC,KAAL,CAAWH,IAAI,GAAG,GAAlB,CAJT;AAAA,4BAMEI;AAEE,MAAA,KAAK,EAAEN,UAAU,GAAG,GAFtB;AAAA;AAAA,OACM,SADN,CANF,EAYGO,KAAK,CAACC,IAAN,CAAW;AAAEC,MAAAA,MAAM,EAAE;AAAV,KAAX,EACC,UAACC,CAAD,EAAIC,CAAJ;AAAA,aAAWA,CAAC,GAAG,EAAL,GAAW,EAArB;AAAA,KADD,EAC0BC,GAD1B,CAC8B,UAAAC,GAAG;AAAA,0BAC9BP;AAEE,QAAA,KAAK,EAAEO,GAFT;AAAA,4BAIMA,GAJN;AAAA,SACOA,GADP,CAD8B;AAAA,KADjC,CAZH;AAAA,IADF;AAwBD;;AAEDd,UAAU,CAACe,SAAX,GAAuB;AACrBd,EAAAA,UAAU,EAAEe,SAAS,CAACC,MADD;AAErBf,EAAAA,gBAAgB,EAAEc,SAAS,CAACE,IAFP;AAGrBf,EAAAA,IAAI,EAAEa,SAAS,CAACC;AAHK,CAAvB;AAMAjB,UAAU,CAACmB,YAAX,GAA0B;AACxBlB,EAAAA,UAAU,EAAE,CADY;AAExBC,EAAAA,gBAAgB,EAAE,0BAAAkB,CAAC;AAAA,WAAIA,CAAJ;AAAA,GAFK;AAGxBjB,EAAAA,IAAI,EAAE;AAHkB,CAA1B;;;;"}
+{"version":3,"file":"SelectZoom.js","sources":["../../../../../src/components/Presentation/PresentationBar/SelectZoom.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst SelectZoom = ({\n  fittedZoom = 1,\n  handleZoomChange = f => f,\n  zoom = 1,\n}) => {\n  return (\n    <select\n      aria-label=\"Zoom selection\"\n      className=\"toolSection-dropdown controllerItem\"\n      onChange={handleZoomChange}\n      value={Math.round(zoom * 100)}\n    >\n      <option\n        key=\"fitZoom\"\n        value={fittedZoom * 100}\n      >\n        Fit\n      </option>\n      {Array.from({ length: 16 },\n        (v, k) => (k * 10) + 50).map(opt => {\n        return (\n          <option\n            key={opt}\n            value={opt}\n          >\n            {`${opt}%`}\n          </option>\n        );\n      })}\n    </select>\n  );\n};\n\nSelectZoom.propTypes = {\n  fittedZoom: PropTypes.number,\n  handleZoomChange: PropTypes.func,\n  zoom: PropTypes.number,\n};\n\nexport default SelectZoom;\n"],"names":["SelectZoom","fittedZoom","handleZoomChange","f","zoom","_jsxs","Math","round","_jsx","Array","from","length","v","k","map","opt","propTypes","PropTypes","number","func"],"mappings":";;;;;;IAEMA,UAAU,GAAG,SAAbA,UAAa,OAIb;AAAA,6BAHJC,UAGI;AAAA,MAHJA,UAGI,gCAHS,CAGT;AAAA,mCAFJC,gBAEI;AAAA,MAFJA,gBAEI,sCAFe,UAAAC,CAAC;AAAA,WAAIA,CAAJ;AAAA,GAEhB;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,CACH;AACJ,sBACEC;AACE,kBAAW,gBADb;AAEE,IAAA,SAAS,EAAC,qCAFZ;AAGE,IAAA,QAAQ,EAAEH,gBAHZ;AAIE,IAAA,KAAK,EAAEI,IAAI,CAACC,KAAL,CAAWH,IAAI,GAAG,GAAlB,CAJT;AAAA,4BAMEI;AAEE,MAAA,KAAK,EAAEP,UAAU,GAAG,GAFtB;AAAA;AAAA,OACM,SADN,CANF,EAYGQ,KAAK,CAACC,IAAN,CAAW;AAAEC,MAAAA,MAAM,EAAE;AAAV,KAAX,EACC,UAACC,CAAD,EAAIC,CAAJ;AAAA,aAAWA,CAAC,GAAG,EAAL,GAAW,EAArB;AAAA,KADD,EAC0BC,GAD1B,CAC8B,UAAAC,GAAG,EAAI;AACpC,0BACEP;AAEE,QAAA,KAAK,EAAEO,GAFT;AAAA,4BAIMA,GAJN;AAAA,SACOA,GADP,CADF;AAQD,KAVA,CAZH;AAAA,IADF;AA0BD;;AAEDf,UAAU,CAACgB,SAAX,GAAuB;AACrBf,EAAAA,UAAU,EAAEgB,SAAS,CAACC,MADD;AAErBhB,EAAAA,gBAAgB,EAAEe,SAAS,CAACE,IAFP;AAGrBf,EAAAA,IAAI,EAAEa,SAAS,CAACC;AAHK,CAAvB;;;;"}

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

@@ -5,11 +5,11 @@ import classNames from 'classnames';
 import { useDrag } from '@use-gesture/react';
 import PresentationBar from './PresentationBar/PresentationBar.js';
 import ProgressBar from './ProgressBar.js';
-import { useBuilderContext } from '../../utils/builderContext.js';
+import { useBuilderStore } from '../../contexts/BuilderContext.js';
 import { useEventListener, useFullscreenChange } from '../../utils/hooks.js';
-import { zoomHandler, changePage, throttle } from '../../utils/functions.js';
-import { usePresentationContext } from '../../utils/presentationContext.js';
-import { usePropContext } from '../../utils/propContext.js';
+import { getZoomValue, changePage, throttle } from '../../utils/functions.js';
+import { usePresentationStore } from '../../contexts/PresentationContext.js';
+import { usePropStore } from '../../contexts/PropContext.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -25,47 +25,64 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var PresentationWrapper = function PresentationWrapper(_ref) {
-  var children = _ref.children,
-      presentationBarActions = _ref.presentationBarActions,
-      useFixedPresentationBar = _ref.useFixedPresentationBar;
-
-  var _usePropContext = usePropContext(),
-      onAnEventTrigger = _usePropContext.onAnEventTrigger,
-      settings = _usePropContext.settings;
-
-  var _usePresentationConte = usePresentationContext(),
-      currentPage = _usePresentationConte.currentPage,
-      fittedZoom = _usePresentationConte.fittedZoom,
-      isFullscreen = _usePresentationConte.isFullscreen,
-      pageCount = _usePresentationConte.pageCount,
-      setCurrentPage = _usePresentationConte.setCurrentPage,
-      setFittedZoom = _usePresentationConte.setFittedZoom,
-      setIsFullscreen = _usePresentationConte.setIsFullscreen,
-      setShowControlsInFullScreen = _usePresentationConte.setShowControlsInFullScreen,
-      showControlsInFullScreen = _usePresentationConte.showControlsInFullScreen;
-
-  var _useBuilderContext = useBuilderContext(),
-      setZoom = _useBuilderContext.setZoom,
-      zoom = _useBuilderContext.zoom;
-
+  var _ref$children = _ref.children,
+      children = _ref$children === void 0 ? function () {} : _ref$children;
+  var settings = usePropStore(function (state) {
+    return state.settings;
+  });
+  var currentPage = usePresentationStore(function (state) {
+    return state.currentPage;
+  });
+  var fittedZoom = usePresentationStore(function (state) {
+    return state.fittedZoom;
+  });
+  var isFullscreen = usePresentationStore(function (state) {
+    return state.isFullscreen;
+  });
+  var pageCount = usePresentationStore(function (state) {
+    return state.pageCount;
+  });
+  var setCurrentPage = usePresentationStore(function (state) {
+    return state.setCurrentPage;
+  });
+  var setFittedZoom = usePresentationStore(function (state) {
+    return state.setFittedZoom;
+  });
+  var setShowControlsInFullScreen = usePresentationStore(function (state) {
+    return state.setShowControlsInFullScreen;
+  });
+  var showControlsInFullScreen = usePresentationStore(function (state) {
+    return state.showControlsInFullScreen;
+  });
+  var useFixedPresentationBar = usePresentationStore(function (state) {
+    return state.useFixedPresentationBar;
+  });
+  var setZoom = useBuilderStore(function (state) {
+    return state.setZoom;
+  });
+  var zoom = useBuilderStore(function (state) {
+    return state.zoom;
+  });
   var fitToScreen = useCallback(function () {
     var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     return setTimeout(function () {
-      var newZoom = zoomHandler({
-        handler: setZoom,
+      var newZoom = getZoomValue({
         isFullscreen: isFullscreen,
-        isModeCustomize: false,
         limitZoom: false,
-        settings: settings,
+        settings: {
+          reportLayoutHeight: settings.reportLayoutHeight,
+          reportLayoutWidth: settings.reportLayoutWidth
+        },
         useFixedPresentationBar: useFixedPresentationBar,
         useProgressBar: pageCount > 2
       });
+      setZoom(newZoom);
       setFittedZoom(newZoom);
     }, delay);
-  }, [settings, isFullscreen, useFixedPresentationBar, pageCount]);
+  }, [settings.reportLayoutHeight, settings.reportLayoutWidth, isFullscreen, useFixedPresentationBar, pageCount, setZoom, setFittedZoom]);
   useEffect(function () {
     fitToScreen(100);
-  }, [isFullscreen]);
+  }, [isFullscreen, fitToScreen]);
   useEffect(function () {
     if (isFullscreen) {
       setShowControlsInFullScreen(true);
@@ -73,24 +90,22 @@ var PresentationWrapper = function PresentationWrapper(_ref) {
         return setShowControlsInFullScreen(false);
       }, 1500);
     }
-  }, [isFullscreen]);
-
-  var pageChanger = function pageChanger(action) {
+  }, [isFullscreen, setShowControlsInFullScreen]);
+  var pageChanger = useCallback(function (action) {
     return changePage({
       action: action,
       currentPage: currentPage,
       pageCount: pageCount,
       setCurrentPage: setCurrentPage
     });
-  };
-
+  }, [currentPage, pageCount, setCurrentPage]);
   var handleKeyboardEvent = useCallback(function (e) {
     if (e.keyCode === 39) {
       pageChanger(1)();
     } else if (e.keyCode === 37) {
       pageChanger(-1)();
     }
-  });
+  }, [pageChanger]);
 
   var setControlVisibility = function setControlVisibility(e) {
     // TODO :: timeout in n out for better ux
@@ -111,7 +126,7 @@ var PresentationWrapper = function PresentationWrapper(_ref) {
   useEventListener('gesturechange', function (e) {
     return e.preventDefault();
   });
-  useFullscreenChange(isFullscreen, setIsFullscreen, fitToScreen);
+  useFullscreenChange(isFullscreen, fitToScreen);
   var gesture = useDrag(function (_ref2) {
     var active = _ref2.active,
         _ref2$movement = _slicedToArray(_ref2.movement, 1),
@@ -146,19 +161,8 @@ var PresentationWrapper = function PresentationWrapper(_ref) {
       shouldCloseOnEsc: false,
       shouldFocusAfterRender: false,
       children: [children(currentPage - 1, gesture), /*#__PURE__*/jsx(PresentationBar, {
-        currentPage: currentPage,
-        fittedZoom: fittedZoom,
         fitToScreen: fitToScreen,
-        isFullscreen: isFullscreen,
-        isVisible: !isFullscreen || isFullscreen && showControlsInFullScreen,
-        onAnEventTrigger: onAnEventTrigger,
-        pageCount: pageCount,
-        presentationBarActions: presentationBarActions,
-        setCurrentPage: setCurrentPage,
-        setIsFullscreen: setIsFullscreen,
-        settings: settings,
-        setZoom: setZoom,
-        zoom: zoom
+        isVisible: !isFullscreen || isFullscreen && showControlsInFullScreen
       }), /*#__PURE__*/jsx(ProgressBar, {
         currentPage: currentPage,
         pageCount: pageCount
@@ -168,14 +172,7 @@ var PresentationWrapper = function PresentationWrapper(_ref) {
 };
 
 PresentationWrapper.propTypes = {
-  children: PropTypes.any,
-  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),
-  useFixedPresentationBar: PropTypes.bool
-};
-PresentationWrapper.defaultProps = {
-  children: function children() {},
-  presentationBarActions: [],
-  useFixedPresentationBar: false
+  children: PropTypes.any
 };
 
 export default PresentationWrapper;

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 { 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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"}
+{"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 { useBuilderStore } from '../../contexts/BuilderContext';\nimport { useEventListener, useFullscreenChange } from '../../utils/hooks';\nimport {\n  changePage,\n  getZoomValue,\n  throttle,\n} from '../../utils/functions';\nimport { usePresentationStore } from '../../contexts/PresentationContext';\nimport { usePropStore } from '../../contexts/PropContext';\n// import { ZOOM_MIN, ZOOM_MAX } from '../../constants/zoom';\n\nconst PresentationWrapper = ({\n  children = () => {},\n}) => {\n  const settings = usePropStore(state => state.settings);\n  const currentPage = usePresentationStore(state => state.currentPage);\n  const fittedZoom = usePresentationStore(state => state.fittedZoom);\n  const isFullscreen = usePresentationStore(state => state.isFullscreen);\n  const pageCount = usePresentationStore(state => state.pageCount);\n  const setCurrentPage = usePresentationStore(state => state.setCurrentPage);\n  const setFittedZoom = usePresentationStore(state => state.setFittedZoom);\n  const setShowControlsInFullScreen = usePresentationStore(state => state.setShowControlsInFullScreen);\n  const showControlsInFullScreen = usePresentationStore(state => state.showControlsInFullScreen);\n  const useFixedPresentationBar = usePresentationStore(state => state.useFixedPresentationBar);\n\n  const setZoom = useBuilderStore(state => state.setZoom);\n  const zoom = useBuilderStore(state => state.zoom);\n\n  const fitToScreen = useCallback((delay = 0) => setTimeout(() => {\n    const newZoom = getZoomValue({\n      isFullscreen,\n      limitZoom: false,\n      settings: {\n        reportLayoutHeight: settings.reportLayoutHeight,\n        reportLayoutWidth: settings.reportLayoutWidth,\n      },\n      useFixedPresentationBar,\n      useProgressBar: pageCount > 2,\n    });\n    setZoom(newZoom);\n    setFittedZoom(newZoom);\n  }, delay), [\n    settings.reportLayoutHeight,\n    settings.reportLayoutWidth,\n    isFullscreen,\n    useFixedPresentationBar,\n    pageCount,\n    setZoom,\n    setFittedZoom,\n  ]);\n\n  useEffect(() => {\n    fitToScreen(100);\n  }, [isFullscreen, fitToScreen]);\n\n  useEffect(() => {\n    if (isFullscreen) {\n      setShowControlsInFullScreen(true);\n      setTimeout(() => setShowControlsInFullScreen(false), 1500);\n    }\n  }, [isFullscreen, setShowControlsInFullScreen]);\n\n  const pageChanger = useCallback(action => changePage({\n    action,\n    currentPage,\n    pageCount,\n    setCurrentPage,\n  }), [currentPage, pageCount, setCurrentPage]);\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  }, [pageChanger]);\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, 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          fitToScreen={fitToScreen}\n          isVisible={(!isFullscreen || (isFullscreen && showControlsInFullScreen))}\n        />\n        <ProgressBar\n          currentPage={currentPage}\n          pageCount={pageCount}\n        />\n      </Modal>\n    </>\n  );\n};\n\nPresentationWrapper.propTypes = {\n  children: PropTypes.any,\n};\n\nexport default PresentationWrapper;\n"],"names":["PresentationWrapper","children","settings","usePropStore","state","currentPage","usePresentationStore","fittedZoom","isFullscreen","pageCount","setCurrentPage","setFittedZoom","setShowControlsInFullScreen","showControlsInFullScreen","useFixedPresentationBar","setZoom","useBuilderStore","zoom","fitToScreen","useCallback","delay","setTimeout","newZoom","getZoomValue","limitZoom","reportLayoutHeight","reportLayoutWidth","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"],"mappings":"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"}

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

@@ -2,8 +2,10 @@ import PropTypes from 'prop-types';
 import { jsx } from 'react/jsx-runtime';
 
 var ProgressBar = function ProgressBar(_ref) {
-  var currentPage = _ref.currentPage,
-      pageCount = _ref.pageCount;
+  var _ref$currentPage = _ref.currentPage,
+      currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
+      _ref$pageCount = _ref.pageCount,
+      pageCount = _ref$pageCount === void 0 ? 1 : _ref$pageCount;
   return pageCount > 2 && /*#__PURE__*/jsx("div", {
     className: "jfPresentation-progressBar",
     style: {
@@ -16,10 +18,6 @@ ProgressBar.propTypes = {
   currentPage: PropTypes.number,
   pageCount: PropTypes.number
 };
-ProgressBar.defaultProps = {
-  currentPage: 1,
-  pageCount: 1
-};
 
 export default ProgressBar;
 //# sourceMappingURL=ProgressBar.js.map