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

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

@@ -8,8 +8,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 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__*/jsxRuntime.jsx("div", {
     className: "jfPresentation-progressBar",
     style: {
@@ -22,10 +24,6 @@ ProgressBar.propTypes = {
   currentPage: PropTypes__default['default'].number,
   pageCount: PropTypes__default['default'].number
 };
-ProgressBar.defaultProps = {
-  currentPage: 1,
-  pageCount: 1
-};
 
 module.exports = ProgressBar;
 //# sourceMappingURL=ProgressBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/Presentation/ProgressBar.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst ProgressBar = ({\n  currentPage,\n  pageCount,\n}) => pageCount > 2 && (\n  <div\n    className=\"jfPresentation-progressBar\"\n    style={{\n      width: `${(100 / (pageCount - 1)) * (currentPage - 1)}%`,\n    }}\n  />\n);\n\nProgressBar.propTypes = {\n  currentPage: PropTypes.number,\n  pageCount: PropTypes.number,\n};\n\nProgressBar.defaultProps = {\n  currentPage: 1,\n  pageCount: 1,\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","currentPage","pageCount","_jsx","width","propTypes","PropTypes","number","defaultProps"],"mappings":";;;;;;;;;IAEMA,WAAW,GAAG,SAAdA,WAAc;AAAA,MAClBC,WADkB,QAClBA,WADkB;AAAA,MAElBC,SAFkB,QAElBA,SAFkB;AAAA,SAGdA,SAAS,GAAG,CAAZ,iBACJC;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,YAAM,OAAOF,SAAS,GAAG,CAAnB,CAAD,IAA2BD,WAAW,GAAG,CAAzC,CAAL;AADA;AAFT,IAJkB;AAAA;;AAYpBD,WAAW,CAACK,SAAZ,GAAwB;AACtBJ,EAAAA,WAAW,EAAEK,6BAAS,CAACC,MADD;AAEtBL,EAAAA,SAAS,EAAEI,6BAAS,CAACC;AAFC,CAAxB;AAKAP,WAAW,CAACQ,YAAZ,GAA2B;AACzBP,EAAAA,WAAW,EAAE,CADY;AAEzBC,EAAAA,SAAS,EAAE;AAFc,CAA3B;;;;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/Presentation/ProgressBar.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst ProgressBar = ({\n  currentPage = 1,\n  pageCount = 1,\n}) => pageCount > 2 && (\n  <div\n    className=\"jfPresentation-progressBar\"\n    style={{\n      width: `${(100 / (pageCount - 1)) * (currentPage - 1)}%`,\n    }}\n  />\n);\n\nProgressBar.propTypes = {\n  currentPage: PropTypes.number,\n  pageCount: PropTypes.number,\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","currentPage","pageCount","_jsx","width","propTypes","PropTypes","number"],"mappings":";;;;;;;;;IAEMA,WAAW,GAAG,SAAdA,WAAc;AAAA,8BAClBC,WADkB;AAAA,MAClBA,WADkB,iCACJ,CADI;AAAA,4BAElBC,SAFkB;AAAA,MAElBA,SAFkB,+BAEN,CAFM;AAAA,SAGdA,SAAS,GAAG,CAAZ,iBACJC;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,YAAM,OAAOF,SAAS,GAAG,CAAnB,CAAD,IAA2BD,WAAW,GAAG,CAAzC,CAAL;AADA;AAFT,IAJkB;AAAA;;AAYpBD,WAAW,CAACK,SAAZ,GAAwB;AACtBJ,EAAAA,WAAW,EAAEK,6BAAS,CAACC,MADD;AAEtBL,EAAAA,SAAS,EAAEI,6BAAS,CAACC;AAFC,CAAxB;;;;"}

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

@@ -1,77 +1,33 @@
 'use strict';
 
 var PropTypes = require('prop-types');
-var objectHash = require('object-hash');
 var ReportWrapper = require('../ReportWrapper.js');
 var StaticScene = require('./StaticScene.js');
-var propContext = require('../../utils/propContext.js');
-var builderContext = require('../../utils/builderContext.js');
+var Providers = require('../../contexts/Providers.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var objectHash__default = /*#__PURE__*/_interopDefaultLegacy(objectHash);
 
-var _excluded = ["acceptedItems", "additionalPageItems", "itemAccessor", "lastScrollPosition", "onAnEventTrigger", "pages", "settings", "theme"],
-    _excluded2 = ["disableInteraction", "leftPanelConfig", "onItemAdd", "onItemChange", "onItemMove", "onItemRemove", "onItemResize", "onItemsMove", "onPageAdd", "onPageChange", "onPageDuplicate", "onPageOrdersChange", "onPageRemove", "onSettingChange", "useExperimentalFeatures"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _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 Preview = function Preview(_ref) {
-  var acceptedItems = _ref.acceptedItems,
-      additionalPageItems = _ref.additionalPageItems,
-      itemAccessor = _ref.itemAccessor,
-      lastScrollPosition = _ref.lastScrollPosition,
-      onAnEventTrigger = _ref.onAnEventTrigger,
-      pages = _ref.pages,
-      settings = _ref.settings,
-      theme = _ref.theme,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  /* eslint-disable no-unused-vars */
-  otherProps.disableInteraction;
-      otherProps.leftPanelConfig;
-      otherProps.onItemAdd;
-      otherProps.onItemChange;
-      otherProps.onItemMove;
-      otherProps.onItemRemove;
-      otherProps.onItemResize;
-      otherProps.onItemsMove;
-      otherProps.onPageAdd;
-      otherProps.onPageChange;
-      otherProps.onPageDuplicate;
-      otherProps.onPageOrdersChange;
-      otherProps.onPageRemove;
-      otherProps.onSettingChange;
-      otherProps.useExperimentalFeatures;
-      var hashProps = _objectWithoutProperties(otherProps, _excluded2);
-  /* eslint-enable no-unused-vars */
-
-
-  var hashCode = objectHash__default['default'](hashProps);
-  return /*#__PURE__*/jsxRuntime.jsx(builderContext.BuilderProvider, {
-    children: /*#__PURE__*/jsxRuntime.jsx(propContext.PropProvider, {
-      acceptedItems: acceptedItems,
-      onAnEventTrigger: onAnEventTrigger,
-      settings: settings,
-      children: /*#__PURE__*/jsxRuntime.jsx(ReportWrapper, {
-        mode: "preview",
-        theme: theme,
-        children: /*#__PURE__*/jsxRuntime.jsx(StaticScene, {
-          additionalPageItems: additionalPageItems,
-          hashCode: hashCode,
-          isExistsZoom: true,
-          itemAccessor: itemAccessor,
-          lastScrollPosition: lastScrollPosition,
-          mode: "preview",
-          pages: pages
-        })
+var Preview = function Preview(props) {
+  return /*#__PURE__*/jsxRuntime.jsx(Providers, _objectSpread(_objectSpread({
+    mode: "preview"
+  }, props), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(ReportWrapper, {
+      mode: "preview",
+      children: /*#__PURE__*/jsxRuntime.jsx(StaticScene, {
+        isExistsZoom: true,
+        mode: "preview"
       })
     })
-  });
+  }));
 };
 
 Preview.propTypes = {
@@ -83,7 +39,6 @@ Preview.propTypes = {
 
   /** To pass in extra props to items selectively */
   itemAccessor: PropTypes__default['default'].func,
-  lastScrollPosition: PropTypes__default['default'].number,
   onAnEventTrigger: PropTypes__default['default'].func,
 
   /** Array of pages with their settings and items */
@@ -95,16 +50,6 @@ Preview.propTypes = {
   /** Theme */
   theme: PropTypes__default['default'].oneOf(['lightMode', 'darkMode'])
 };
-Preview.defaultProps = {
-  acceptedItems: {},
-  additionalPageItems: [],
-  itemAccessor: function itemAccessor() {},
-  lastScrollPosition: 0,
-  onAnEventTrigger: function onAnEventTrigger() {},
-  pages: [],
-  settings: {},
-  theme: 'lightMode'
-};
 
 module.exports = Preview;
 //# sourceMappingURL=Preview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","sources":["../../../../src/components/Preview/Preview.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport ReportWrapper from '../ReportWrapper';\nimport StaticScene from './StaticScene';\nimport { PropProvider } from '../../utils/propContext';\nimport { BuilderProvider } from '../../utils/builderContext';\n\nconst Preview = ({\n  acceptedItems,\n  additionalPageItems,\n  itemAccessor,\n  lastScrollPosition,\n  onAnEventTrigger,\n  pages,\n  settings,\n  theme,\n  ...otherProps\n}) => {\n/* eslint-disable no-unused-vars */\n  const {\n    disableInteraction,\n    leftPanelConfig,\n    onItemAdd,\n    onItemChange,\n    onItemMove,\n    onItemRemove,\n    onItemResize,\n    onItemsMove,\n    onPageAdd,\n    onPageChange,\n    onPageDuplicate,\n    onPageOrdersChange,\n    onPageRemove,\n    onSettingChange,\n    useExperimentalFeatures,\n    ...hashProps\n  } = otherProps;\n  /* eslint-enable no-unused-vars */\n\n  const hashCode = objectHash(hashProps);\n\n  return (\n    <BuilderProvider>\n      <PropProvider\n        acceptedItems={acceptedItems}\n        onAnEventTrigger={onAnEventTrigger}\n        settings={settings}\n      >\n        <ReportWrapper\n          mode=\"preview\"\n          theme={theme}\n        >\n          <StaticScene\n            additionalPageItems={additionalPageItems}\n            hashCode={hashCode}\n            isExistsZoom\n            itemAccessor={itemAccessor}\n            lastScrollPosition={lastScrollPosition}\n            mode=\"preview\"\n            pages={pages}\n          />\n        </ReportWrapper>\n      </PropProvider>\n    </BuilderProvider>\n  );\n};\n\nPreview.propTypes = {\n  /** Items for to render in the report */\n  acceptedItems: PropTypes.shape({}),\n  /** Array of React components to render statically on each page (eg. watermark) */\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  lastScrollPosition: PropTypes.number,\n  onAnEventTrigger: PropTypes.func,\n  /** Array of pages with their settings and items */\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  /** General report settings such as layout size and background color */\n  settings: PropTypes.shape({}),\n  /** Theme */\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nPreview.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  itemAccessor: () => {},\n  lastScrollPosition: 0,\n  onAnEventTrigger: () => {},\n  pages: [],\n  settings: {},\n  theme: 'lightMode',\n};\n\nexport default Preview;\n"],"names":["Preview","acceptedItems","additionalPageItems","itemAccessor","lastScrollPosition","onAnEventTrigger","pages","settings","theme","otherProps","disableInteraction","leftPanelConfig","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onSettingChange","useExperimentalFeatures","hashProps","hashCode","objectHash","_jsx","BuilderProvider","PropProvider","propTypes","PropTypes","shape","arrayOf","node","func","number","oneOf","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Preview.js","sources":["../../../../src/components/Preview/Preview.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ReportWrapper from '../ReportWrapper';\nimport StaticScene from './StaticScene';\nimport Providers from '../../contexts/Providers';\n\nconst Preview = props => {\n  return (\n    <Providers\n      mode=\"preview\"\n      {...props}\n    >\n      <ReportWrapper mode=\"preview\">\n        <StaticScene\n          isExistsZoom\n          mode=\"preview\"\n        />\n      </ReportWrapper>\n    </Providers>\n  );\n};\n\nPreview.propTypes = {\n  /** Items for to render in the report */\n  acceptedItems: PropTypes.shape({}),\n  /** Array of React components to render statically on each page (eg. watermark) */\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  onAnEventTrigger: PropTypes.func,\n  /** Array of pages with their settings and items */\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  /** General report settings such as layout size and background color */\n  settings: PropTypes.shape({}),\n  /** Theme */\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nexport default Preview;\n"],"names":["Preview","props","_jsx","propTypes","acceptedItems","PropTypes","shape","additionalPageItems","arrayOf","node","itemAccessor","func","onAnEventTrigger","pages","settings","theme","oneOf"],"mappings":";;;;;;;;;;;;;;;;;;IAKMA,OAAO,GAAG,SAAVA,OAAU,CAAAC,KAAK,EAAI;AACvB,sBACEC,eAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEMD,KAFN;AAAA,2BAIEC,eAAC,aAAD;AAAe,MAAA,IAAI,EAAC,SAApB;AAAA,6BACEA,eAAC,WAAD;AACE,QAAA,YAAY,MADd;AAEE,QAAA,IAAI,EAAC;AAFP;AADF;AAJF,KADF;AAaD;;AAEDF,OAAO,CAACG,SAAR,GAAoB;AAClB;AACAC,EAAAA,aAAa,EAAEC,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAFG;;AAGlB;AACAC,EAAAA,mBAAmB,EAAEF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACI,IAA5B,CAJH;;AAKlB;AACAC,EAAAA,YAAY,EAAEL,6BAAS,CAACM,IANN;AAOlBC,EAAAA,gBAAgB,EAAEP,6BAAS,CAACM,IAPV;;AAQlB;AACAE,EAAAA,KAAK,EAAER,6BAAS,CAACG,OAAV,CACLH,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADK,CATW;;AAYlB;AACAQ,EAAAA,QAAQ,EAAET,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAbQ;;AAclB;AACAS,EAAAA,KAAK,EAAEV,6BAAS,CAACW,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AAfW,CAApB;;;;"}

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

@@ -2,7 +2,6 @@
 
 var React = require('react');
 var PropTypes = require('prop-types');
-var isEqual = require('lodash.isequal');
 var classNames$1 = require('classnames');
 var classNames = require('../../constants/classNames.js');
 var functions = require('../../utils/functions.js');
@@ -13,7 +12,6 @@ var jsxRuntime = require('react/jsx-runtime');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames$1);
 
 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; }
@@ -27,10 +25,10 @@ var elementStyle = {
 };
 
 var StaticItem = function StaticItem(_ref) {
-  var children = _ref.children,
-      containerStyle = _ref.containerStyle,
-      item = _ref.item,
-      mode = _ref.mode;
+  var _ref$children = _ref.children,
+      children = _ref$children === void 0 ? null : _ref$children,
+      _ref$item = _ref.item,
+      item = _ref$item === void 0 ? {} : _ref$item;
   var height = item.height,
       left = item.left,
       top = item.top,
@@ -38,8 +36,7 @@ var StaticItem = function StaticItem(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
     children: /*#__PURE__*/jsxRuntime.jsx(ItemPositioner, {
       style: _objectSpread(_objectSpread({}, functions.getStyles(left, top, false)), {}, {
-        height: functions.calculateHeight(height, width, containerStyle.width, mode),
-        maxWidth: '100%',
+        height: height,
         width: width
       }),
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -58,10 +55,6 @@ var StaticItem = function StaticItem(_ref) {
 
 StaticItem.propTypes = {
   children: PropTypes__default['default'].any,
-  containerStyle: PropTypes__default['default'].shape({
-    height: PropTypes__default['default'].number,
-    width: PropTypes__default['default'].number
-  }),
   item: PropTypes__default['default'].shape({
     height: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string]),
     id: PropTypes__default['default'].string,
@@ -70,23 +63,9 @@ StaticItem.propTypes = {
     pageID: PropTypes__default['default'].string,
     top: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string]),
     width: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string])
-  }),
-  mode: PropTypes__default['default'].string
+  })
 };
-StaticItem.defaultProps = {
-  children: null,
-  containerStyle: {},
-  item: {},
-  mode: 'customize'
-};
-
-var areEqual = function areEqual(prevProps, nextProps) {
-  if (prevProps.hashCode !== nextProps.hashCode) return false;
-  if (!isEqual__default['default'](prevProps.item, nextProps.item)) return false;
-  return true;
-};
-
-var StaticItem$1 = /*#__PURE__*/React.memo(StaticItem, areEqual);
+var StaticItem$1 = /*#__PURE__*/React.memo(StaticItem);
 
 module.exports = StaticItem$1;
 //# sourceMappingURL=StaticItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StaticItem.js","sources":["../../../../src/components/Preview/StaticItem.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport isEqual from 'lodash.isequal';\nimport cn from 'classnames';\nimport * as classNames from '../../constants/classNames';\nimport { calculateHeight, getStyles } from '../../utils/functions';\nimport ItemPositioner from '../ItemPositioner';\nimport ErrorBoundary from '../ErrorBoundary';\n\nconst elementStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst StaticItem = ({\n  children,\n  containerStyle,\n  item,\n  mode,\n}) => {\n  const {\n    height,\n    left,\n    top,\n    width,\n  } = item;\n  return (\n    <ErrorBoundary>\n      <ItemPositioner\n        style={{\n          ...getStyles(left, top, false),\n          height: calculateHeight(height, width, containerStyle.width, mode),\n          maxWidth: '100%',\n          width,\n        }}\n      >\n        <div\n          className={classNames.reportItemWrapper}\n        >\n          <div\n            className={cn(\n              `${classNames.reportItem}`,\n              { hasChart: item.itemType === 'chart' },\n            )}\n            style={elementStyle}\n          >\n            {children}\n          </div>\n        </div>\n      </ItemPositioner>\n    </ErrorBoundary>\n  );\n};\n\nStaticItem.propTypes = {\n  children: PropTypes.any,\n  containerStyle: PropTypes.shape({\n    height: PropTypes.number,\n    width: PropTypes.number,\n  }),\n  item: PropTypes.shape({\n    height: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    id: PropTypes.string,\n    itemType: PropTypes.string,\n    left: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    pageID: PropTypes.string,\n    top: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    width: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n  mode: PropTypes.string,\n};\n\nStaticItem.defaultProps = {\n  children: null,\n  containerStyle: {},\n  item: {},\n  mode: 'customize',\n};\n\nconst areEqual = (prevProps, nextProps) => {\n  if (prevProps.hashCode !== nextProps.hashCode) return false;\n  if (!isEqual(prevProps.item, nextProps.item)) return false;\n  return true;\n};\n\nexport default memo(StaticItem, areEqual);\n"],"names":["elementStyle","height","width","StaticItem","children","containerStyle","item","mode","left","top","_jsx","getStyles","calculateHeight","maxWidth","classNames","cn","hasChart","itemType","propTypes","PropTypes","any","shape","number","oneOfType","string","id","pageID","defaultProps","areEqual","prevProps","nextProps","hashCode","isEqual","memo"],"mappings":"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"}
+{"version":3,"file":"StaticItem.js","sources":["../../../../src/components/Preview/StaticItem.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport * as classNames from '../../constants/classNames';\nimport { getStyles } from '../../utils/functions';\nimport ItemPositioner from '../ItemPositioner';\nimport ErrorBoundary from '../ErrorBoundary';\n\nconst elementStyle = {\n  height: '100%',\n  width: '100%',\n};\n\nconst StaticItem = ({\n  children = null,\n  item = {},\n}) => {\n  const {\n    height,\n    left,\n    top,\n    width,\n  } = item;\n  return (\n    <ErrorBoundary>\n      <ItemPositioner\n        style={{\n          ...getStyles(left, top, false),\n          height,\n          width,\n        }}\n      >\n        <div\n          className={classNames.reportItemWrapper}\n        >\n          <div\n            className={cn(\n              `${classNames.reportItem}`,\n              { hasChart: item.itemType === 'chart' },\n            )}\n            style={elementStyle}\n          >\n            {children}\n          </div>\n        </div>\n      </ItemPositioner>\n    </ErrorBoundary>\n  );\n};\n\nStaticItem.propTypes = {\n  children: PropTypes.any,\n  item: PropTypes.shape({\n    height: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    id: PropTypes.string,\n    itemType: PropTypes.string,\n    left: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    pageID: PropTypes.string,\n    top: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n    width: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.string,\n    ]),\n  }),\n};\n\nexport default memo(StaticItem);\n"],"names":["elementStyle","height","width","StaticItem","children","item","left","top","_jsx","getStyles","classNames","cn","hasChart","itemType","propTypes","PropTypes","any","shape","oneOfType","number","string","id","pageID","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE,MADW;AAEnBC,EAAAA,KAAK,EAAE;AAFY,CAArB;;AAKA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAGb;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,IAEP;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,EACH;AACJ,MACEJ,MADF,GAKII,IALJ,CACEJ,MADF;AAAA,MAEEK,IAFF,GAKID,IALJ,CAEEC,IAFF;AAAA,MAGEC,GAHF,GAKIF,IALJ,CAGEE,GAHF;AAAA,MAIEL,KAJF,GAKIG,IALJ,CAIEH,KAJF;AAMA,sBACEM,eAAC,aAAD;AAAA,2BACEA,eAAC,cAAD;AACE,MAAA,KAAK,kCACAC,mBAAS,CAACH,IAAD,EAAOC,GAAP,EAAY,KAAZ,CADT;AAEHN,QAAAA,MAAM,EAANA,MAFG;AAGHC,QAAAA,KAAK,EAALA;AAHG,QADP;AAAA,6BAOEM;AACE,QAAA,SAAS,EAAEE,4BADb;AAAA,+BAGEF;AACE,UAAA,SAAS,EAAEG,8BAAE,WACRD,qBADQ,GAEX;AAAEE,YAAAA,QAAQ,EAAEP,IAAI,CAACQ,QAAL,KAAkB;AAA9B,WAFW,CADf;AAKE,UAAA,KAAK,EAAEb,YALT;AAAA,oBAOGI;AAPH;AAHF;AAPF;AADF,IADF;AAyBD,CAnCD;;AAqCAD,UAAU,CAACW,SAAX,GAAuB;AACrBV,EAAAA,QAAQ,EAAEW,6BAAS,CAACC,GADC;AAErBX,EAAAA,IAAI,EAAEU,6BAAS,CAACE,KAAV,CAAgB;AACpBhB,IAAAA,MAAM,EAAEc,6BAAS,CAACG,SAAV,CAAoB,CAC1BH,6BAAS,CAACI,MADgB,EAE1BJ,6BAAS,CAACK,MAFgB,CAApB,CADY;AAKpBC,IAAAA,EAAE,EAAEN,6BAAS,CAACK,MALM;AAMpBP,IAAAA,QAAQ,EAAEE,6BAAS,CAACK,MANA;AAOpBd,IAAAA,IAAI,EAAES,6BAAS,CAACG,SAAV,CAAoB,CACxBH,6BAAS,CAACI,MADc,EAExBJ,6BAAS,CAACK,MAFc,CAApB,CAPc;AAWpBE,IAAAA,MAAM,EAAEP,6BAAS,CAACK,MAXE;AAYpBb,IAAAA,GAAG,EAAEQ,6BAAS,CAACG,SAAV,CAAoB,CACvBH,6BAAS,CAACI,MADa,EAEvBJ,6BAAS,CAACK,MAFa,CAApB,CAZe;AAgBpBlB,IAAAA,KAAK,EAAEa,6BAAS,CAACG,SAAV,CAAoB,CACzBH,6BAAS,CAACI,MADe,EAEzBJ,6BAAS,CAACK,MAFe,CAApB;AAhBa,GAAhB;AAFe,CAAvB;AAyBA,gCAAeG,UAAI,CAACpB,UAAD,CAAnB;;;;"}

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

@@ -6,46 +6,45 @@ require('core-js/modules/es.array.filter.js');
 require('core-js/modules/es.array.map.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var classNames = require('classnames');
-var classNames$1 = require('../../constants/classNames.js');
+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 PropContext = require('../../contexts/PropContext.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 var StaticPage = function StaticPage(_ref) {
-  var acceptedItems = _ref.acceptedItems,
-      additionalPageItems = _ref.additionalPageItems,
-      hashCode = _ref.hashCode,
-      itemAccessor = _ref.itemAccessor,
-      items = _ref.items,
-      mode = _ref.mode,
-      style = _ref.style;
-  var reportClasses = classNames__default['default']('jfReport-hider f-all p-relative', mode === 'responsive' ? 'layout-responsive' : 'o-hidden');
+  var _ref$isThumbnail = _ref.isThumbnail,
+      isThumbnail = _ref$isThumbnail === void 0 ? false : _ref$isThumbnail,
+      _ref$items = _ref.items,
+      items = _ref$items === void 0 ? [] : _ref$items,
+      _ref$style = _ref.style,
+      style = _ref$style === void 0 ? {} : _ref$style;
+  var itemAccessor = PropContext.usePropStore(function (state) {
+    return state.itemAccessor;
+  });
+  var additionalPageItems = PropContext.usePropStore(function (state) {
+    return state.additionalPageItems;
+  });
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classNames$1.pageContainer,
+    className: classNames.pageContainer,
     style: style,
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: reportClasses,
+      className: "jfReport-hider o-hidden f-all p-relative",
       children: [items.filter(function (item) {
         return item.isVisible !== undefined ? item.isVisible : true;
       }).map(function (item) {
-        var mergedItem = getMergedItem(item, acceptedItems);
         return /*#__PURE__*/jsxRuntime.jsx(StaticItem, {
-          containerStyle: style,
-          hashCode: hashCode,
           item: item,
-          mode: mode,
           children: /*#__PURE__*/jsxRuntime.jsx(ReportItemRenderer, {
             item: item,
-            children: function children(ReportItem) {
+            children: function children(ReportItem, mergedItem) {
               return /*#__PURE__*/jsxRuntime.jsx(ReportItem, {
+                isThumbnail: isThumbnail,
                 item: mergedItem,
                 itemAccessor: itemAccessor
               });
@@ -58,23 +57,10 @@ var StaticPage = function StaticPage(_ref) {
 };
 
 StaticPage.propTypes = {
-  acceptedItems: PropTypes__default['default'].shape({}),
-  additionalPageItems: PropTypes__default['default'].arrayOf(PropTypes__default['default'].node),
-  hashCode: PropTypes__default['default'].string,
-  itemAccessor: PropTypes__default['default'].func,
+  isThumbnail: PropTypes__default['default'].bool,
   items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
-  mode: PropTypes__default['default'].string,
   style: PropTypes__default['default'].shape({})
 };
-StaticPage.defaultProps = {
-  acceptedItems: {},
-  additionalPageItems: [],
-  hashCode: '',
-  itemAccessor: function itemAccessor() {},
-  items: [],
-  mode: 'customize',
-  style: {}
-};
 var StaticPage$1 = /*#__PURE__*/React.memo(StaticPage);
 var StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);
 

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 cn from 'classnames';\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  mode,\n  style,\n}) => {\n  const reportClasses = cn('jfReport-hider f-all p-relative',\n    mode === 'responsive' ? 'layout-responsive' : 'o-hidden');\n  return (\n    <div\n      className={classNames.pageContainer}\n      style={style}\n    >\n      <div className={reportClasses}>\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              containerStyle={style}\n              hashCode={hashCode}\n              item={item}\n              mode={mode}\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};\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  mode: PropTypes.string,\n  style: PropTypes.shape({}),\n};\n\nStaticPage.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  hashCode: '',\n  itemAccessor: () => { },\n  items: [],\n  mode: 'customize',\n  style: {},\n};\n\nexport default memo(StaticPage);\nexport const StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);\n"],"names":["StaticPage","acceptedItems","additionalPageItems","hashCode","itemAccessor","items","mode","style","reportClasses","cn","_jsx","classNames","_jsxs","filter","item","isVisible","undefined","map","mergedItem","getMergedItem","ReportItem","id","propTypes","PropTypes","shape","arrayOf","node","string","func","defaultProps","memo","StaticPageWithZoomPanPinch","withZoomPanPinchHOC"],"mappings":";;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAQb;AAAA,MAPJC,aAOI,QAPJA,aAOI;AAAA,MANJC,mBAMI,QANJA,mBAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,YAII,QAJJA,YAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,MAAMC,aAAa,GAAGC,8BAAE,CAAC,iCAAD,EACtBH,IAAI,KAAK,YAAT,GAAwB,mBAAxB,GAA8C,UADxB,CAAxB;AAEA,sBACEI;AACE,IAAA,SAAS,EAAEC,0BADb;AAEE,IAAA,KAAK,EAAEJ,KAFT;AAAA,2BAIEK;AAAK,MAAA,SAAS,EAAEJ,aAAhB;AAAA,iBACGH,KAAK,CAACQ,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,EAAOb,aAAP,CAAhC;AACA,4BACES,eAAC,UAAD;AAEE,UAAA,cAAc,EAAEH,KAFlB;AAGE,UAAA,QAAQ,EAAEJ,QAHZ;AAIE,UAAA,IAAI,EAAEW,IAJR;AAKE,UAAA,IAAI,EAAER,IALR;AAAA,iCAOEI,eAAC,kBAAD;AACE,YAAA,IAAI,EAAEI,IADR;AAAA,sBAGG,kBAAAM,UAAU;AAAA,kCACTV,eAAC,UAAD;AACE,gBAAA,IAAI,EAAEQ,UADR;AAEE,gBAAA,YAAY,EAAEd;AAFhB,gBADS;AAAA;AAHb;AAPF,WACOU,IAAI,CAACO,EADZ,CADF;AAoBD,OA1BA,CADH,EA4BGnB,mBA5BH;AAAA;AAJF,IADF;AAqCD,CAhDD;;AAkDAF,UAAU,CAACsB,SAAX,GAAuB;AACrBrB,EAAAA,aAAa,EAAEsB,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADM;AAErBtB,EAAAA,mBAAmB,EAAEqB,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,IAA5B,CAFA;AAGrBvB,EAAAA,QAAQ,EAAEoB,6BAAS,CAACI,MAHC;AAIrBvB,EAAAA,YAAY,EAAEmB,6BAAS,CAACK,IAJH;AAKrBvB,EAAAA,KAAK,EAAEkB,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CALc;AAMrBlB,EAAAA,IAAI,EAAEiB,6BAAS,CAACI,MANK;AAOrBpB,EAAAA,KAAK,EAAEgB,6BAAS,CAACC,KAAV,CAAgB,EAAhB;AAPc,CAAvB;AAUAxB,UAAU,CAAC6B,YAAX,GAA0B;AACxB5B,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,IAAI,EAAE,WANkB;AAOxBC,EAAAA,KAAK,EAAE;AAPiB,CAA1B;AAUA,gCAAeuB,UAAI,CAAC9B,UAAD,CAAnB;IACa+B,0BAA0B,GAAGC,mBAAmB,CAAChC,UAAD;;;;;"}
+{"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 withZoomPanPinchHOC from '../withZoomPanPinchHOC';\nimport { usePropStore } from '../../contexts/PropContext';\n\nconst StaticPage = ({\n  isThumbnail = false,\n  items = [],\n  style = {},\n}) => {\n  const itemAccessor = usePropStore(state => state.itemAccessor);\n  const additionalPageItems = usePropStore(state => state.additionalPageItems);\n  return (\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          return (\n            <StaticItem\n              key={item.id}\n              item={item}\n            >\n              <ReportItemRenderer\n                item={item}\n              >\n                {(ReportItem, mergedItem) => (\n                  <ReportItem\n                    isThumbnail={isThumbnail}\n                    item={mergedItem}\n                    itemAccessor={itemAccessor}\n                  />\n                )}\n              </ReportItemRenderer>\n            </StaticItem>\n          );\n        })}\n        {additionalPageItems}\n      </div>\n    </div>\n  );\n};\n\nStaticPage.propTypes = {\n  isThumbnail: PropTypes.bool,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  style: PropTypes.shape({}),\n};\n\nexport default memo(StaticPage);\nexport const StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);\n"],"names":["StaticPage","isThumbnail","items","style","itemAccessor","usePropStore","state","additionalPageItems","_jsx","classNames","_jsxs","filter","item","isVisible","undefined","map","ReportItem","mergedItem","id","propTypes","PropTypes","bool","arrayOf","shape","memo","StaticPageWithZoomPanPinch","withZoomPanPinchHOC"],"mappings":";;;;;;;;;;;;;;;;;;;AAQA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAIb;AAAA,8BAHJC,WAGI;AAAA,MAHJA,WAGI,iCAHU,KAGV;AAAA,wBAFJC,KAEI;AAAA,MAFJA,KAEI,2BAFI,EAEJ;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,MAAMC,YAAY,GAAGC,wBAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,YAAV;AAAA,GAAN,CAAjC;AACA,MAAMG,mBAAmB,GAAGF,wBAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,mBAAV;AAAA,GAAN,CAAxC;AACA,sBACEC;AACE,IAAA,SAAS,EAAEC,wBADb;AAEE,IAAA,KAAK,EAAEN,KAFT;AAAA,2BAIEO;AAAK,MAAA,SAAS,EAAC,0CAAf;AAAA,iBACGR,KAAK,CAACS,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,4BACEJ,eAAC,UAAD;AAEE,UAAA,IAAI,EAAEI,IAFR;AAAA,iCAIEJ,eAAC,kBAAD;AACE,YAAA,IAAI,EAAEI,IADR;AAAA,sBAGG,kBAACI,UAAD,EAAaC,UAAb;AAAA,kCACCT,eAAC,UAAD;AACE,gBAAA,WAAW,EAAEP,WADf;AAEE,gBAAA,IAAI,EAAEgB,UAFR;AAGE,gBAAA,YAAY,EAAEb;AAHhB,gBADD;AAAA;AAHH;AAJF,WACOQ,IAAI,CAACM,EADZ,CADF;AAkBD,OAvBA,CADH,EAyBGX,mBAzBH;AAAA;AAJF,IADF;AAkCD,CAzCD;;AA2CAP,UAAU,CAACmB,SAAX,GAAuB;AACrBlB,EAAAA,WAAW,EAAEmB,6BAAS,CAACC,IADF;AAErBnB,EAAAA,KAAK,EAAEkB,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFc;AAGrBpB,EAAAA,KAAK,EAAEiB,6BAAS,CAACG,KAAV,CAAgB,EAAhB;AAHc,CAAvB;AAMA,gCAAeC,UAAI,CAACxB,UAAD,CAAnB;IACayB,0BAA0B,GAAGC,mBAAmB,CAAC1B,UAAD;;;;;"}

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

@@ -11,11 +11,11 @@ var PropTypes = require('prop-types');
 var classNames$1 = require('classnames');
 var classNames = require('../../constants/classNames.js');
 var StaticPage = require('./StaticPage.js');
-var propContext = require('../../utils/propContext.js');
-var builderContext = require('../../utils/builderContext.js');
+var PropContext = require('../../contexts/PropContext.js');
+var BuilderContext = require('../../contexts/BuilderContext.js');
 var string = require('../../utils/string.js');
 var hooks = require('../../utils/hooks.js');
-var presentationContext = require('../../utils/presentationContext.js');
+var PresentationContext = require('../../contexts/PresentationContext.js');
 var ZoomControls = require('../Builder/ZoomControls.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -31,28 +31,32 @@ 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 StaticScene = function StaticScene(_ref) {
-  var additionalPageItems = _ref.additionalPageItems,
-      gesture = _ref.gesture,
-      hashCode = _ref.hashCode,
-      hideZoom = _ref.hideZoom,
-      itemAccessor = _ref.itemAccessor,
-      lastScrollPosition = _ref.lastScrollPosition,
-      mode = _ref.mode,
-      pages = _ref.pages,
-      presentationPage = _ref.presentationPage;
-
-  var _usePresentationConte = presentationContext.usePresentationContext(),
-      isFullscreen = _usePresentationConte.isFullscreen,
-      showControlsInFullScreen = _usePresentationConte.showControlsInFullScreen;
-
-  var _usePropContext = propContext.usePropContext(),
-      acceptedItems = _usePropContext.acceptedItems,
-      settings = _usePropContext.settings;
-
-  var _useBuilderContext = builderContext.useBuilderContext(),
-      setZoom = _useBuilderContext.setZoom,
-      zoom = _useBuilderContext.zoom;
-
+  var _ref$gesture = _ref.gesture,
+      gesture = _ref$gesture === void 0 ? function () {} : _ref$gesture,
+      _ref$hideZoom = _ref.hideZoom,
+      hideZoom = _ref$hideZoom === void 0 ? false : _ref$hideZoom,
+      _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? '' : _ref$mode,
+      _ref$presentationPage = _ref.presentationPage,
+      presentationPage = _ref$presentationPage === void 0 ? 0 : _ref$presentationPage;
+  var setZoom = BuilderContext.useBuilderStore(function (state) {
+    return state.setZoom;
+  });
+  var zoom = BuilderContext.useBuilderStore(function (state) {
+    return state.zoom;
+  });
+  var isFullscreen = PresentationContext.usePresentationStore(function (state) {
+    return state.isFullscreen;
+  });
+  var showControlsInFullScreen = PresentationContext.usePresentationStore(function (state) {
+    return state.showControlsInFullScreen;
+  });
+  var settings = PropContext.usePropStore(function (state) {
+    return state.settings;
+  });
+  var pages = PropContext.usePropStore(function (state) {
+    return state.pages;
+  });
   var viewPortRef = React.useRef({});
   var transformRefs = React.useRef([]);
   var reportBackgroundColor = settings.reportBackgroundColor,
@@ -66,12 +70,6 @@ var StaticScene = function StaticScene(_ref) {
       reportPageTransition = _settings$reportPageT === void 0 ? 'noAnimation' : _settings$reportPageT;
   var width = parseInt(reportLayoutWidth, 10);
   var height = parseInt(reportLayoutHeight, 10);
-  React.useEffect(function () {
-    if (viewPortRef.current) {
-      viewPortRef.current.scrollTop = lastScrollPosition;
-    }
-  }, []); // set last scroll position after changing mode
-
   React.useEffect(function () {
     transformRefs.current = transformRefs.current.slice(0, pages.length);
   }, [pages.length]);
@@ -89,14 +87,15 @@ var StaticScene = function StaticScene(_ref) {
     if (roundValue <= 2 && roundValue >= 0.5) {
       setZoom(roundValue);
     }
-  }, []);
+  }, [setZoom]);
   React.useEffect(function () {
     if (transformRefs.current.length > 0) {
       for (var i = 0; i < pages.length; i++) {
         transformRefs.current[i].centerView(zoom);
       }
     }
-  }, [pages.length, zoom, isFullscreen, mode]);
+  }, [pages.length, zoom]);
+  var isEnabledZoomControls = (!isFullscreen || isFullscreen && showControlsInFullScreen) && !hideZoom;
   return /*#__PURE__*/jsxRuntime.jsxs("main", {
     className: classNames.mainWrapper,
     children: [/*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
@@ -117,12 +116,9 @@ 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)),
+            id: "presentation-page-".concat(page.id.toString()),
             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) {
@@ -133,34 +129,16 @@ var StaticScene = function StaticScene(_ref) {
           }, "page_".concat(index.toString()));
         })
       })
-    })), /*#__PURE__*/jsxRuntime.jsx(ZoomControls, {
-      pages: pages,
-      showZoom: (!isFullscreen || isFullscreen && showControlsInFullScreen) && !hideZoom
-    })]
+    })), isEnabledZoomControls && /*#__PURE__*/jsxRuntime.jsx(ZoomControls, {})]
   });
 };
 
 StaticScene.propTypes = {
-  additionalPageItems: PropTypes__default['default'].arrayOf(PropTypes__default['default'].node),
   gesture: PropTypes__default['default'].func,
-  hashCode: PropTypes__default['default'].string,
   hideZoom: PropTypes__default['default'].bool,
-  itemAccessor: PropTypes__default['default'].func,
-  lastScrollPosition: PropTypes__default['default'].number,
   mode: PropTypes__default['default'].string.isRequired,
-  pages: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
   presentationPage: PropTypes__default['default'].number
 };
-StaticScene.defaultProps = {
-  additionalPageItems: [],
-  gesture: function gesture() {},
-  hashCode: '',
-  hideZoom: false,
-  itemAccessor: function itemAccessor() {},
-  lastScrollPosition: 0,
-  pages: [],
-  presentationPage: 0
-};
 
 module.exports = StaticScene;
 //# sourceMappingURL=StaticScene.js.map

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 * 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.isRequired,\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  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","isRequired","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 { usePropStore } from '../../contexts/PropContext';\nimport { useBuilderStore } from '../../contexts/BuilderContext';\nimport { slugify } from '../../utils/string';\nimport { usePageTransition } from '../../utils/hooks';\nimport { usePresentationStore } from '../../contexts/PresentationContext';\nimport ZoomControls from '../Builder/ZoomControls';\n\nconst StaticScene = ({\n  gesture = () => {},\n  hideZoom = false,\n  mode = '',\n  presentationPage = 0,\n}) => {\n  const setZoom = useBuilderStore(state => state.setZoom);\n  const zoom = useBuilderStore(state => state.zoom);\n\n  const isFullscreen = usePresentationStore(state => state.isFullscreen);\n  const showControlsInFullScreen = usePresentationStore(state => state.showControlsInFullScreen);\n\n  const settings = usePropStore(state => state.settings);\n  const pages = usePropStore(state => state.pages);\n\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    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  }, [setZoom]);\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]);\n\n  const isEnabledZoomControls = (!isFullscreen || (isFullscreen && showControlsInFullScreen)) && !hideZoom;\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                id={`presentation-page-${page.id.toString()}`}\n              >\n                <StaticPageWithZoomPanPinch\n                  handleZoom={handleZoom}\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      {isEnabledZoomControls && <ZoomControls />}\n    </main>\n  );\n};\n\nStaticScene.propTypes = {\n  gesture: PropTypes.func,\n  hideZoom: PropTypes.bool,\n  mode: PropTypes.string.isRequired,\n  presentationPage: PropTypes.number,\n};\n\nexport default StaticScene;\n"],"names":["StaticScene","gesture","hideZoom","mode","presentationPage","setZoom","useBuilderStore","state","zoom","isFullscreen","usePresentationStore","showControlsInFullScreen","settings","usePropStore","pages","viewPortRef","useRef","transformRefs","reportBackgroundColor","reportLayout","reportLayoutHeight","reportLayoutWidth","reportPageTransition","width","parseInt","height","useEffect","current","slice","length","pageContainerStyles","useMemo","transitionStyle","usePageTransition","handleZoom","useCallback","zoomPanPinch","fixedValue","parseFloat","scale","toFixed","roundValue","Math","round","i","centerView","isEnabledZoomControls","_jsxs","classNames","_jsx","map","page","index","backgroundColor","style","cNames","slugify","id","toString","StaticPageWithZoomPanPinch","items","element","propTypes","PropTypes","func","bool","string","isRequired","number"],"mappings":"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"}