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

package/lib/esm/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,SAAS,CAACC,MADD;AAEtBL,EAAAA,SAAS,EAAEI,SAAS,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,SAAS,CAACC,MADD;AAEtBL,EAAAA,SAAS,EAAEI,SAAS,CAACC;AAFC,CAAxB;;;;"}

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

@@ -1,70 +1,27 @@
 import PropTypes from 'prop-types';
-import objectHash from 'object-hash';
 import ReportWrapper from '../ReportWrapper.js';
 import StaticScene from './StaticScene.js';
-import { PropProvider } from '../../utils/propContext.js';
-import { BuilderProvider } from '../../utils/builderContext.js';
+import Providers from '../../contexts/Providers.js';
 import { jsx } from 'react/jsx-runtime';
 
-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(hashProps);
-  return /*#__PURE__*/jsx(BuilderProvider, {
-    children: /*#__PURE__*/jsx(PropProvider, {
-      acceptedItems: acceptedItems,
-      onAnEventTrigger: onAnEventTrigger,
-      settings: settings,
-      children: /*#__PURE__*/jsx(ReportWrapper, {
-        mode: "preview",
-        theme: theme,
-        children: /*#__PURE__*/jsx(StaticScene, {
-          additionalPageItems: additionalPageItems,
-          hashCode: hashCode,
-          isExistsZoom: true,
-          itemAccessor: itemAccessor,
-          lastScrollPosition: lastScrollPosition,
-          mode: "preview",
-          pages: pages
-        })
+var Preview = function Preview(props) {
+  return /*#__PURE__*/jsx(Providers, _objectSpread(_objectSpread({
+    mode: "preview"
+  }, props), {}, {
+    children: /*#__PURE__*/jsx(ReportWrapper, {
+      mode: "preview",
+      children: /*#__PURE__*/jsx(StaticScene, {
+        isExistsZoom: true,
+        mode: "preview"
       })
     })
-  });
+  }));
 };
 
 Preview.propTypes = {
@@ -76,7 +33,6 @@ Preview.propTypes = {
 
   /** To pass in extra props to items selectively */
   itemAccessor: PropTypes.func,
-  lastScrollPosition: PropTypes.number,
   onAnEventTrigger: PropTypes.func,
 
   /** Array of pages with their settings and items */
@@ -88,16 +44,6 @@ Preview.propTypes = {
   /** Theme */
   theme: PropTypes.oneOf(['lightMode', 'darkMode'])
 };
-Preview.defaultProps = {
-  acceptedItems: {},
-  additionalPageItems: [],
-  itemAccessor: function itemAccessor() {},
-  lastScrollPosition: 0,
-  onAnEventTrigger: function onAnEventTrigger() {},
-  pages: [],
-  settings: {},
-  theme: 'lightMode'
-};
 
 export default Preview;
 //# sourceMappingURL=Preview.js.map

package/lib/esm/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","propTypes","PropTypes","shape","arrayOf","node","func","number","oneOf","defaultProps"],"mappings":";;;;;;;;;;;;;;;IAOMA,OAAO,GAAG,SAAVA,OAAU,OAUV;AAAA,MATJC,aASI,QATJA,aASI;AAAA,MARJC,mBAQI,QARJA,mBAQI;AAAA,MAPJC,YAOI,QAPJA,YAOI;AAAA,MANJC,kBAMI,QANJA,kBAMI;AAAA,MALJC,gBAKI,QALJA,gBAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,MADDC,UACC;;AACN;AACE,EAiBIA,UAjBJ,CACEC,kBADF;AAAA,MAiBID,UAjBJ,CAEEE,eAFF;AAAA,MAiBIF,UAjBJ,CAGEG,SAHF;AAAA,MAiBIH,UAjBJ,CAIEI,YAJF;AAAA,MAiBIJ,UAjBJ,CAKEK,UALF;AAAA,MAiBIL,UAjBJ,CAMEM,YANF;AAAA,MAiBIN,UAjBJ,CAOEO,YAPF;AAAA,MAiBIP,UAjBJ,CAQEQ,WARF;AAAA,MAiBIR,UAjBJ,CASES,SATF;AAAA,MAiBIT,UAjBJ,CAUEU,YAVF;AAAA,MAiBIV,UAjBJ,CAWEW,eAXF;AAAA,MAiBIX,UAjBJ,CAYEY,kBAZF;AAAA,MAiBIZ,UAjBJ,CAaEa,YAbF;AAAA,MAiBIb,UAjBJ,CAcEc,eAdF;AAAA,MAiBId,UAjBJ,CAeEe,uBAfF;AAAA,UAgBKC,SAhBL,4BAiBIhB,UAjBJ;AAkBA;;;AAEA,MAAMiB,QAAQ,GAAGC,UAAU,CAACF,SAAD,CAA3B;AAEA,sBACEG,IAAC,eAAD;AAAA,2BACEA,IAAC,YAAD;AACE,MAAA,aAAa,EAAE3B,aADjB;AAEE,MAAA,gBAAgB,EAAEI,gBAFpB;AAGE,MAAA,QAAQ,EAAEE,QAHZ;AAAA,6BAKEqB,IAAC,aAAD;AACE,QAAA,IAAI,EAAC,SADP;AAEE,QAAA,KAAK,EAAEpB,KAFT;AAAA,+BAIEoB,IAAC,WAAD;AACE,UAAA,mBAAmB,EAAE1B,mBADvB;AAEE,UAAA,QAAQ,EAAEwB,QAFZ;AAGE,UAAA,YAAY,MAHd;AAIE,UAAA,YAAY,EAAEvB,YAJhB;AAKE,UAAA,kBAAkB,EAAEC,kBALtB;AAME,UAAA,IAAI,EAAC,SANP;AAOE,UAAA,KAAK,EAAEE;AAPT;AAJF;AALF;AADF,IADF;AAwBD;;AAEDN,OAAO,CAAC6B,SAAR,GAAoB;AAClB;AACA5B,EAAAA,aAAa,EAAE6B,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAFG;;AAGlB;AACA7B,EAAAA,mBAAmB,EAAE4B,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACG,IAA5B,CAJH;;AAKlB;AACA9B,EAAAA,YAAY,EAAE2B,SAAS,CAACI,IANN;AAOlB9B,EAAAA,kBAAkB,EAAE0B,SAAS,CAACK,MAPZ;AAQlB9B,EAAAA,gBAAgB,EAAEyB,SAAS,CAACI,IARV;;AASlB;AACA5B,EAAAA,KAAK,EAAEwB,SAAS,CAACE,OAAV,CACLF,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADK,CAVW;;AAalB;AACAxB,EAAAA,QAAQ,EAAEuB,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAdQ;;AAelB;AACAvB,EAAAA,KAAK,EAAEsB,SAAS,CAACM,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AAhBW,CAApB;AAmBApC,OAAO,CAACqC,YAAR,GAAuB;AACrBpC,EAAAA,aAAa,EAAE,EADM;AAErBC,EAAAA,mBAAmB,EAAE,EAFA;AAGrBC,EAAAA,YAAY,EAAE,wBAAM,EAHC;AAIrBC,EAAAA,kBAAkB,EAAE,CAJC;AAKrBC,EAAAA,gBAAgB,EAAE,4BAAM,EALH;AAMrBC,EAAAA,KAAK,EAAE,EANc;AAOrBC,EAAAA,QAAQ,EAAE,EAPW;AAQrBC,EAAAA,KAAK,EAAE;AARc,CAAvB;;;;"}
+{"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,IAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEMD,KAFN;AAAA,2BAIEC,IAAC,aAAD;AAAe,MAAA,IAAI,EAAC,SAApB;AAAA,6BACEA,IAAC,WAAD;AACE,QAAA,YAAY,MADd;AAEE,QAAA,IAAI,EAAC;AAFP;AADF;AAJF,KADF;AAaD;;AAEDF,OAAO,CAACG,SAAR,GAAoB;AAClB;AACAC,EAAAA,aAAa,EAAEC,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAFG;;AAGlB;AACAC,EAAAA,mBAAmB,EAAEF,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,IAA5B,CAJH;;AAKlB;AACAC,EAAAA,YAAY,EAAEL,SAAS,CAACM,IANN;AAOlBC,EAAAA,gBAAgB,EAAEP,SAAS,CAACM,IAPV;;AAQlB;AACAE,EAAAA,KAAK,EAAER,SAAS,CAACG,OAAV,CACLH,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADK,CATW;;AAYlB;AACAQ,EAAAA,QAAQ,EAAET,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAbQ;;AAclB;AACAS,EAAAA,KAAK,EAAEV,SAAS,CAACW,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AAfW,CAApB;;;;"}

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

@@ -1,6 +1,5 @@
 import { memo } from 'react';
 import PropTypes from 'prop-types';
-import isEqual from 'lodash.isequal';
 import classNames from 'classnames';
 import { reportItemWrapper, reportItem } from '../../constants/classNames.js';
 import { getStyles } from '../../utils/functions.js';
@@ -19,8 +18,10 @@ var elementStyle = {
 };
 
 var StaticItem = function StaticItem(_ref) {
-  var children = _ref.children,
-      item = _ref.item;
+  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,
@@ -57,18 +58,7 @@ StaticItem.propTypes = {
     width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
   })
 };
-StaticItem.defaultProps = {
-  children: null,
-  item: {}
-};
-
-var areEqual = function areEqual(prevProps, nextProps) {
-  if (prevProps.hashCode !== nextProps.hashCode) return false;
-  if (!isEqual(prevProps.item, nextProps.item)) return false;
-  return true;
-};
-
-var StaticItem$1 = /*#__PURE__*/memo(StaticItem, areEqual);
+var StaticItem$1 = /*#__PURE__*/memo(StaticItem);
 
 export default StaticItem$1;
 //# sourceMappingURL=StaticItem.js.map

package/lib/esm/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 { 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  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\nStaticItem.defaultProps = {\n  children: null,\n  item: {},\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","item","left","top","_jsx","ErrorBoundary","getStyles","classNames","cn","hasChart","itemType","propTypes","PropTypes","any","shape","oneOfType","number","string","id","pageID","defaultProps","areEqual","prevProps","nextProps","hashCode","isEqual","memo"],"mappings":";;;;;;;;;;;;;;;AASA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE,MADW;AAEnBC,EAAAA,KAAK,EAAE;AAFY,CAArB;;AAKA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAGb;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,IACI,QADJA,IACI;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,IAACC,YAAD;AAAA,2BACED,IAAC,cAAD;AACE,MAAA,KAAK,kCACAE,SAAS,CAACJ,IAAD,EAAOC,GAAP,EAAY,KAAZ,CADT;AAEHN,QAAAA,MAAM,EAANA,MAFG;AAGHC,QAAAA,KAAK,EAALA;AAHG,QADP;AAAA,6BAOEM;AACE,QAAA,SAAS,EAAEG,iBADb;AAAA,+BAGEH;AACE,UAAA,SAAS,EAAEI,UAAE,WACRD,UADQ,GAEX;AAAEE,YAAAA,QAAQ,EAAER,IAAI,CAACS,QAAL,KAAkB;AAA9B,WAFW,CADf;AAKE,UAAA,KAAK,EAAEd,YALT;AAAA,oBAOGI;AAPH;AAHF;AAPF;AADF,IADF;AAyBD,CAnCD;;AAqCAD,UAAU,CAACY,SAAX,GAAuB;AACrBX,EAAAA,QAAQ,EAAEY,SAAS,CAACC,GADC;AAErBZ,EAAAA,IAAI,EAAEW,SAAS,CAACE,KAAV,CAAgB;AACpBjB,IAAAA,MAAM,EAAEe,SAAS,CAACG,SAAV,CAAoB,CAC1BH,SAAS,CAACI,MADgB,EAE1BJ,SAAS,CAACK,MAFgB,CAApB,CADY;AAKpBC,IAAAA,EAAE,EAAEN,SAAS,CAACK,MALM;AAMpBP,IAAAA,QAAQ,EAAEE,SAAS,CAACK,MANA;AAOpBf,IAAAA,IAAI,EAAEU,SAAS,CAACG,SAAV,CAAoB,CACxBH,SAAS,CAACI,MADc,EAExBJ,SAAS,CAACK,MAFc,CAApB,CAPc;AAWpBE,IAAAA,MAAM,EAAEP,SAAS,CAACK,MAXE;AAYpBd,IAAAA,GAAG,EAAES,SAAS,CAACG,SAAV,CAAoB,CACvBH,SAAS,CAACI,MADa,EAEvBJ,SAAS,CAACK,MAFa,CAApB,CAZe;AAgBpBnB,IAAAA,KAAK,EAAEc,SAAS,CAACG,SAAV,CAAoB,CACzBH,SAAS,CAACI,MADe,EAEzBJ,SAAS,CAACK,MAFe,CAApB;AAhBa,GAAhB;AAFe,CAAvB;AAyBAlB,UAAU,CAACqB,YAAX,GAA0B;AACxBpB,EAAAA,QAAQ,EAAE,IADc;AAExBC,EAAAA,IAAI,EAAE;AAFkB,CAA1B;;AAKA,IAAMoB,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD,EAAYC,SAAZ,EAA0B;AACzC,MAAID,SAAS,CAACE,QAAV,KAAuBD,SAAS,CAACC,QAArC,EAA+C,OAAO,KAAP;AAC/C,MAAI,CAACC,OAAO,CAACH,SAAS,CAACrB,IAAX,EAAiBsB,SAAS,CAACtB,IAA3B,CAAZ,EAA8C,OAAO,KAAP;AAC9C,SAAO,IAAP;AACD,CAJD;;AAMA,gCAAeyB,IAAI,CAAC3B,UAAD,EAAasB,QAAb,CAAnB;;;;"}
+{"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","ErrorBoundary","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,IAACC,YAAD;AAAA,2BACED,IAAC,cAAD;AACE,MAAA,KAAK,kCACAE,SAAS,CAACJ,IAAD,EAAOC,GAAP,EAAY,KAAZ,CADT;AAEHN,QAAAA,MAAM,EAANA,MAFG;AAGHC,QAAAA,KAAK,EAALA;AAHG,QADP;AAAA,6BAOEM;AACE,QAAA,SAAS,EAAEG,iBADb;AAAA,+BAGEH;AACE,UAAA,SAAS,EAAEI,UAAE,WACRD,UADQ,GAEX;AAAEE,YAAAA,QAAQ,EAAER,IAAI,CAACS,QAAL,KAAkB;AAA9B,WAFW,CADf;AAKE,UAAA,KAAK,EAAEd,YALT;AAAA,oBAOGI;AAPH;AAHF;AAPF;AADF,IADF;AAyBD,CAnCD;;AAqCAD,UAAU,CAACY,SAAX,GAAuB;AACrBX,EAAAA,QAAQ,EAAEY,SAAS,CAACC,GADC;AAErBZ,EAAAA,IAAI,EAAEW,SAAS,CAACE,KAAV,CAAgB;AACpBjB,IAAAA,MAAM,EAAEe,SAAS,CAACG,SAAV,CAAoB,CAC1BH,SAAS,CAACI,MADgB,EAE1BJ,SAAS,CAACK,MAFgB,CAApB,CADY;AAKpBC,IAAAA,EAAE,EAAEN,SAAS,CAACK,MALM;AAMpBP,IAAAA,QAAQ,EAAEE,SAAS,CAACK,MANA;AAOpBf,IAAAA,IAAI,EAAEU,SAAS,CAACG,SAAV,CAAoB,CACxBH,SAAS,CAACI,MADc,EAExBJ,SAAS,CAACK,MAFc,CAApB,CAPc;AAWpBE,IAAAA,MAAM,EAAEP,SAAS,CAACK,MAXE;AAYpBd,IAAAA,GAAG,EAAES,SAAS,CAACG,SAAV,CAAoB,CACvBH,SAAS,CAACI,MADa,EAEvBJ,SAAS,CAACK,MAFa,CAApB,CAZe;AAgBpBnB,IAAAA,KAAK,EAAEc,SAAS,CAACG,SAAV,CAAoB,CACzBH,SAAS,CAACI,MADe,EAEzBJ,SAAS,CAACK,MAFe,CAApB;AAhBa,GAAhB;AAFe,CAAvB;AAyBA,gCAAeG,IAAI,CAACrB,UAAD,CAAnB;;;;"}

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

@@ -5,17 +5,23 @@ import PropTypes from 'prop-types';
 import { pageContainer } from '../../constants/classNames.js';
 import ReportItemRenderer from '../Builder/ReportItemRenderer.js';
 import StaticItem from './StaticItem.js';
-import getMergedItem from '../../utils/getMergedItem.js';
 import withZoomPanPinchHOC from '../withZoomPanPinchHOC.js';
+import { usePropStore } from '../../contexts/PropContext.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var StaticPage = function StaticPage(_ref) {
-  var acceptedItems = _ref.acceptedItems,
-      additionalPageItems = _ref.additionalPageItems,
-      hashCode = _ref.hashCode,
-      itemAccessor = _ref.itemAccessor,
-      items = _ref.items,
-      style = _ref.style;
+  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 = usePropStore(function (state) {
+    return state.itemAccessor;
+  });
+  var additionalPageItems = usePropStore(function (state) {
+    return state.additionalPageItems;
+  });
   return /*#__PURE__*/jsx("div", {
     className: pageContainer,
     style: style,
@@ -24,14 +30,13 @@ var StaticPage = function StaticPage(_ref) {
       children: [items.filter(function (item) {
         return item.isVisible !== undefined ? item.isVisible : true;
       }).map(function (item) {
-        var mergedItem = getMergedItem(item, acceptedItems);
         return /*#__PURE__*/jsx(StaticItem, {
-          hashCode: hashCode,
           item: item,
           children: /*#__PURE__*/jsx(ReportItemRenderer, {
             item: item,
-            children: function children(ReportItem) {
+            children: function children(ReportItem, mergedItem) {
               return /*#__PURE__*/jsx(ReportItem, {
+                isThumbnail: isThumbnail,
                 item: mergedItem,
                 itemAccessor: itemAccessor
               });
@@ -44,21 +49,10 @@ var StaticPage = function StaticPage(_ref) {
 };
 
 StaticPage.propTypes = {
-  acceptedItems: PropTypes.shape({}),
-  additionalPageItems: PropTypes.arrayOf(PropTypes.node),
-  hashCode: PropTypes.string,
-  itemAccessor: PropTypes.func,
+  isThumbnail: PropTypes.bool,
   items: PropTypes.arrayOf(PropTypes.shape({})),
   style: PropTypes.shape({})
 };
-StaticPage.defaultProps = {
-  acceptedItems: {},
-  additionalPageItems: [],
-  hashCode: '',
-  itemAccessor: function itemAccessor() {},
-  items: [],
-  style: {}
-};
 var StaticPage$1 = /*#__PURE__*/memo(StaticPage);
 var StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);
 

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

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

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

@@ -9,11 +9,11 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { mainWrapper, canvas, viewport, page } from '../../constants/classNames.js';
 import { StaticPageWithZoomPanPinch } from './StaticPage.js';
-import { usePropContext } from '../../utils/propContext.js';
-import { useBuilderContext } from '../../utils/builderContext.js';
+import { usePropStore } from '../../contexts/PropContext.js';
+import { useBuilderStore } from '../../contexts/BuilderContext.js';
 import { slugify } from '../../utils/string.js';
 import { usePageTransition } from '../../utils/hooks.js';
-import { usePresentationContext } from '../../utils/presentationContext.js';
+import { usePresentationStore } from '../../contexts/PresentationContext.js';
 import ZoomControls from '../Builder/ZoomControls.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -24,28 +24,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 = usePresentationContext(),
-      isFullscreen = _usePresentationConte.isFullscreen,
-      showControlsInFullScreen = _usePresentationConte.showControlsInFullScreen;
-
-  var _usePropContext = usePropContext(),
-      acceptedItems = _usePropContext.acceptedItems,
-      settings = _usePropContext.settings;
-
-  var _useBuilderContext = 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 = useBuilderStore(function (state) {
+    return state.setZoom;
+  });
+  var zoom = useBuilderStore(function (state) {
+    return state.zoom;
+  });
+  var isFullscreen = usePresentationStore(function (state) {
+    return state.isFullscreen;
+  });
+  var showControlsInFullScreen = usePresentationStore(function (state) {
+    return state.showControlsInFullScreen;
+  });
+  var settings = usePropStore(function (state) {
+    return state.settings;
+  });
+  var pages = usePropStore(function (state) {
+    return state.pages;
+  });
   var viewPortRef = useRef({});
   var transformRefs = useRef([]);
   var reportBackgroundColor = settings.reportBackgroundColor,
@@ -59,12 +63,6 @@ var StaticScene = function StaticScene(_ref) {
       reportPageTransition = _settings$reportPageT === void 0 ? 'noAnimation' : _settings$reportPageT;
   var width = parseInt(reportLayoutWidth, 10);
   var height = parseInt(reportLayoutHeight, 10);
-  useEffect(function () {
-    if (viewPortRef.current) {
-      viewPortRef.current.scrollTop = lastScrollPosition;
-    }
-  }, []); // set last scroll position after changing mode
-
   useEffect(function () {
     transformRefs.current = transformRefs.current.slice(0, pages.length);
   }, [pages.length]);
@@ -82,14 +80,15 @@ var StaticScene = function StaticScene(_ref) {
     if (roundValue <= 2 && roundValue >= 0.5) {
       setZoom(roundValue);
     }
-  }, []);
+  }, [setZoom]);
   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__*/jsxs("main", {
     className: mainWrapper,
     children: [/*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
@@ -110,12 +109,9 @@ var StaticScene = function StaticScene(_ref) {
 
           return /*#__PURE__*/jsx("div", {
             className: classNames((_cNames = {}, _defineProperty(_cNames, page, true), _defineProperty(_cNames, slugify(reportLayout), true), _defineProperty(_cNames, "activePage", index === presentationPage), _cNames)),
+            id: "presentation-page-".concat(page$1.id.toString()),
             children: /*#__PURE__*/jsx(StaticPageWithZoomPanPinch, {
-              acceptedItems: acceptedItems,
-              additionalPageItems: additionalPageItems,
               handleZoom: handleZoom,
-              hashCode: hashCode,
-              itemAccessor: itemAccessor,
               items: page$1.items,
               mode: mode,
               refSetter: function refSetter(element) {
@@ -126,34 +122,16 @@ var StaticScene = function StaticScene(_ref) {
           }, "page_".concat(index.toString()));
         })
       })
-    })), /*#__PURE__*/jsx(ZoomControls, {
-      pages: pages,
-      showZoom: (!isFullscreen || isFullscreen && showControlsInFullScreen) && !hideZoom
-    })]
+    })), isEnabledZoomControls && /*#__PURE__*/jsx(ZoomControls, {})]
   });
 };
 
 StaticScene.propTypes = {
-  additionalPageItems: PropTypes.arrayOf(PropTypes.node),
   gesture: PropTypes.func,
-  hashCode: PropTypes.string,
   hideZoom: PropTypes.bool,
-  itemAccessor: PropTypes.func,
-  lastScrollPosition: PropTypes.number,
   mode: PropTypes.string.isRequired,
-  pages: PropTypes.arrayOf(PropTypes.shape({})),
   presentationPage: PropTypes.number
 };
-StaticScene.defaultProps = {
-  additionalPageItems: [],
-  gesture: function gesture() {},
-  hashCode: '',
-  hideZoom: false,
-  itemAccessor: function itemAccessor() {},
-  lastScrollPosition: 0,
-  pages: [],
-  presentationPage: 0
-};
 
 export default StaticScene;
 //# sourceMappingURL=StaticScene.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StaticScene.js","sources":["../../../../src/components/Preview/StaticScene.js"],"sourcesContent":["import {\n  useCallback, useEffect, useMemo, useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport cNames from 'classnames';\nimport * 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","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","items","element","propTypes","PropTypes","func","bool","string","isRequired","number"],"mappings":"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"}

package/lib/esm/components/Print/Print.js

@@ -1,6 +1,8 @@
-import PropTypes from 'prop-types';
-import Modal from 'react-modal';
-import PrintModeWithoutContext from './PrintModeWithoutContext.js';
+import PrintWrapper from './PrintWrapper.js';
+import Providers from '../../contexts/Providers.js';
+import ReportWrapper from '../ReportWrapper.js';
+import StaticScene from '../Preview/StaticScene.js';
+import '../../styles/jfReportsBundle.scss';
 import { jsx } from 'react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -10,60 +12,19 @@ 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 Print = function Print(props) {
-  return /*#__PURE__*/jsx(Modal, {
-    appElement: document.getElementById('root'),
-    closeTimeoutMS: 300,
-    contentLabel: "modalA",
-    id: "printModal",
-    isOpen: true,
-    portalClassName: "ReportPrintPortal",
-    shouldCloseOnEsc: false,
-    style: {
-      content: {
-        backgroundColor: '#fff',
-        border: 'none',
-        borderRadius: 'none',
-        bottom: 0,
-        left: 0,
-        overflow: 'visible',
-        padding: 0,
-        position: 'absolute',
-        right: 0,
-        top: 0
-      },
-      overlay: {
-        border: 'none',
-        height: 'auto',
-        position: 'absolute',
-        zIndex: '99999'
-      }
-    },
-    children: /*#__PURE__*/jsx(PrintModeWithoutContext, _objectSpread({}, props))
-  });
-};
-
-Print.propTypes = {
-  /** Items for to render in the report */
-  acceptedItems: PropTypes.shape({}),
-
-  /** Array of React components to render statically on each page (eg. watermark) */
-  additionalPageItems: PropTypes.arrayOf(PropTypes.node),
-
-  /** To pass in extra props to items selectively */
-  itemAccessor: PropTypes.func,
-
-  /** Array of pages with their settings and items */
-  pages: PropTypes.arrayOf(PropTypes.shape({})),
-
-  /** General report settings such as layout size and background color */
-  settings: PropTypes.shape({})
-};
-Print.defaultProps = {
-  acceptedItems: {},
-  additionalPageItems: [],
-  itemAccessor: function itemAccessor() {},
-  pages: [],
-  settings: {}
+  return /*#__PURE__*/jsx(Providers, _objectSpread(_objectSpread({
+    mode: "print"
+  }, props), {}, {
+    children: /*#__PURE__*/jsx(PrintWrapper, {
+      children: /*#__PURE__*/jsx(ReportWrapper, {
+        mode: "print",
+        children: /*#__PURE__*/jsx(StaticScene, {
+          hideZoom: true,
+          mode: "print"
+        })
+      })
+    })
+  }));
 };
 
 export default Print;

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

@@ -1 +1 @@
-{"version":3,"file":"Print.js","sources":["../../../../src/components/Print/Print.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Modal from 'react-modal';\nimport PrintModeWithoutContext from './PrintModeWithoutContext';\n\nconst Print = props => {\n  return (\n    <Modal\n      appElement={document.getElementById('root')}\n      closeTimeoutMS={300}\n      contentLabel=\"modalA\"\n      id=\"printModal\"\n      isOpen={true}\n      portalClassName=\"ReportPrintPortal\"\n      shouldCloseOnEsc={false}\n      style={{\n        content: {\n          backgroundColor: '#fff',\n          border: 'none',\n          borderRadius: 'none',\n          bottom: 0,\n          left: 0,\n          overflow: 'visible',\n          padding: 0,\n          position: 'absolute',\n          right: 0,\n          top: 0,\n        },\n        overlay: {\n          border: 'none',\n          height: 'auto',\n          position: 'absolute',\n          zIndex: '99999',\n        },\n      }}\n    >\n      <PrintModeWithoutContext\n        {...props}\n      />\n    </Modal>\n  );\n};\n\nPrint.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  /** 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};\n\nPrint.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  itemAccessor: () => {},\n  pages: [],\n  settings: {},\n};\n\nexport default Print;\n"],"names":["Print","props","_jsx","document","getElementById","content","backgroundColor","border","borderRadius","bottom","left","overflow","padding","position","right","top","overlay","height","zIndex","propTypes","acceptedItems","PropTypes","shape","additionalPageItems","arrayOf","node","itemAccessor","func","pages","settings","defaultProps"],"mappings":";;;;;;;;;;;IAIMA,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK,EAAI;AACrB,sBACEC,IAAC,KAAD;AACE,IAAA,UAAU,EAAEC,QAAQ,CAACC,cAAT,CAAwB,MAAxB,CADd;AAEE,IAAA,cAAc,EAAE,GAFlB;AAGE,IAAA,YAAY,EAAC,QAHf;AAIE,IAAA,EAAE,EAAC,YAJL;AAKE,IAAA,MAAM,EAAE,IALV;AAME,IAAA,eAAe,EAAC,mBANlB;AAOE,IAAA,gBAAgB,EAAE,KAPpB;AAQE,IAAA,KAAK,EAAE;AACLC,MAAAA,OAAO,EAAE;AACPC,QAAAA,eAAe,EAAE,MADV;AAEPC,QAAAA,MAAM,EAAE,MAFD;AAGPC,QAAAA,YAAY,EAAE,MAHP;AAIPC,QAAAA,MAAM,EAAE,CAJD;AAKPC,QAAAA,IAAI,EAAE,CALC;AAMPC,QAAAA,QAAQ,EAAE,SANH;AAOPC,QAAAA,OAAO,EAAE,CAPF;AAQPC,QAAAA,QAAQ,EAAE,UARH;AASPC,QAAAA,KAAK,EAAE,CATA;AAUPC,QAAAA,GAAG,EAAE;AAVE,OADJ;AAaLC,MAAAA,OAAO,EAAE;AACPT,QAAAA,MAAM,EAAE,MADD;AAEPU,QAAAA,MAAM,EAAE,MAFD;AAGPJ,QAAAA,QAAQ,EAAE,UAHH;AAIPK,QAAAA,MAAM,EAAE;AAJD;AAbJ,KART;AAAA,2BA6BEhB,IAAC,uBAAD,oBACMD,KADN;AA7BF,IADF;AAmCD;;AAEDD,KAAK,CAACmB,SAAN,GAAkB;AAChB;AACAC,EAAAA,aAAa,EAAEC,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAFC;;AAGhB;AACAC,EAAAA,mBAAmB,EAAEF,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,IAA5B,CAJL;;AAKhB;AACAC,EAAAA,YAAY,EAAEL,SAAS,CAACM,IANR;;AAOhB;AACAC,EAAAA,KAAK,EAAEP,SAAS,CAACG,OAAV,CACLH,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADK,CARS;;AAWhB;AACAO,EAAAA,QAAQ,EAAER,SAAS,CAACC,KAAV,CAAgB,EAAhB;AAZM,CAAlB;AAeAtB,KAAK,CAAC8B,YAAN,GAAqB;AACnBV,EAAAA,aAAa,EAAE,EADI;AAEnBG,EAAAA,mBAAmB,EAAE,EAFF;AAGnBG,EAAAA,YAAY,EAAE,wBAAM,EAHD;AAInBE,EAAAA,KAAK,EAAE,EAJY;AAKnBC,EAAAA,QAAQ,EAAE;AALS,CAArB;;;;"}
+{"version":3,"file":"Print.js","sources":["../../../../src/components/Print/Print.js"],"sourcesContent":["import PrintWrapper from './PrintWrapper';\nimport Providers from '../../contexts/Providers';\nimport ReportWrapper from '../ReportWrapper';\nimport StaticScene from '../Preview/StaticScene';\n\nimport '../../styles/jfReportsBundle.scss';\n\nconst Print = props => {\n  return (\n    <Providers\n      mode=\"print\"\n      {...props}\n    >\n      <PrintWrapper>\n        <ReportWrapper mode=\"print\">\n          <StaticScene\n            hideZoom={true}\n            mode=\"print\"\n          />\n        </ReportWrapper>\n      </PrintWrapper>\n    </Providers>\n  );\n};\n\nexport default Print;\n"],"names":["Print","props","_jsx"],"mappings":";;;;;;;;;;;;;IAOMA,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK,EAAI;AACrB,sBACEC,IAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEMD,KAFN;AAAA,2BAIEC,IAAC,YAAD;AAAA,6BACEA,IAAC,aAAD;AAAe,QAAA,IAAI,EAAC,OAApB;AAAA,+BACEA,IAAC,WAAD;AACE,UAAA,QAAQ,EAAE,IADZ;AAEE,UAAA,IAAI,EAAC;AAFP;AADF;AADF;AAJF,KADF;AAeD;;;;"}