@jotforminc/dnd-builder 2.8.1 → 2.9.0

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [2.9.0](https://github.com/jotform/dnd-builder/compare/v2.8.2...v2.9.0) (2023-12-26)
+
+
+### Features
+
+* **slides-panel:** isThumbnail prop is added for slides panel item ([be0418a](https://github.com/jotform/dnd-builder/commit/be0418a74179e9c885afc17c0a399ed15e7ecff6))
+
+### [2.8.2](https://github.com/jotform/dnd-builder/compare/v2.8.1...v2.8.2) (2023-12-25)
+
 ### [2.8.1](https://github.com/jotform/dnd-builder/compare/v2.8.0...v2.8.1) (2023-11-27)
 
 

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

@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-var _excluded = ["component", "onSortEnd", "pageCount", "reportSettings"];
+var _excluded = ["component", "onPageAdd", "onSortEnd", "pageCount", "reportSettings"];
 
 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; }
 
@@ -41,6 +41,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var ListWrapper = function ListWrapper(_ref) {
   var Component = _ref.component,
+      onPageAdd = _ref.onPageAdd,
       onSortEnd = _ref.onSortEnd,
       pageCount = _ref.pageCount,
       reportSettings = _ref.reportSettings,
@@ -83,12 +84,19 @@ var ListWrapper = function ListWrapper(_ref) {
     };
   }, [reportSettings]);
 
-  var _onSortEnd = function _onSortEnd(sortEvent, nativeEvent) {
+  var _onSortEnd = React.useCallback(function (sortEvent, nativeEvent) {
     if (onSortEnd) {
       onSortEnd(sortEvent, nativeEvent, outerRef.current);
     }
-  };
+  }, [onSortEnd]);
 
+  React.useEffect(function () {
+    if (selectedPageIndex !== -1) {
+      var instance = outerRef.current.getWrappedInstance();
+      var list = instance.sortablePageListRef.current;
+      list.scrollToItem(selectedPageIndex);
+    }
+  }, [selectedPageIndex]);
   React.useEffect(function () {
     // for page thumbnails actions
     if (!scrollTracking) {
@@ -98,23 +106,7 @@ var ListWrapper = function ListWrapper(_ref) {
   }, [pageCount]);
   hooks.usePageVisibility(function (index) {
     if (scrollTracking && index !== selectedPageIndex && !Number.isNaN(index)) {
-      var instance = outerRef.current.getWrappedInstance();
-      var list = instance.sortableOuterRef.current;
       setSelectedPageIndex(index);
-
-      if (selectedPageIndex === -1 && index !== 1) {
-        setTimeout(function () {
-          list.scrollTo({
-            behavior: 'smooth',
-            top: (index - 1) * 120 + 7
-          });
-        }, 300);
-      } else {
-        list.scrollTo({
-          behavior: 'smooth',
-          top: (index - 1) * 120 + 7
-        });
-      }
     } else if (!scrollTracking && index === selectedPageIndex) {
       setScrollTracking(true);
     }
@@ -128,14 +120,12 @@ var ListWrapper = function ListWrapper(_ref) {
       // for page thumbnails actions
       functions.scrollToTarget("pageActions-id-".concat(order));
     }
-  }, [selectedPageIndex]);
-
-  var onPageAdd = function onPageAdd(index) {
+  }, []);
+  var handlePageAdd = React.useCallback(function (index) {
     setScrollTracking(false);
     setSelectedPageIndex(index);
-    otherProps.onPageAdd(index);
-  };
-
+    onPageAdd(index);
+  }, [onPageAdd]);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(recharts.ResponsiveContainer, {
       children: /*#__PURE__*/jsxRuntime.jsx(ResponsiveContent, {
@@ -159,7 +149,7 @@ var ListWrapper = function ListWrapper(_ref) {
       className: "jfReport-pane-footer",
       children: /*#__PURE__*/jsxRuntime.jsx(PageAdder, {
         additionalClass: "forOptions",
-        onPageAdd: onPageAdd,
+        onPageAdd: handlePageAdd,
         pageCount: pageCount
       })
     })]
@@ -168,6 +158,7 @@ var ListWrapper = function ListWrapper(_ref) {
 
 ListWrapper.propTypes = {
   component: PropTypes__default['default'].any,
+  onPageAdd: PropTypes__default['default'].func,
   onSortEnd: PropTypes__default['default'].func,
   pageCount: PropTypes__default['default'].number,
   reportSettings: PropTypes__default['default'].shape({
@@ -178,6 +169,7 @@ ListWrapper.propTypes = {
 };
 ListWrapper.defaultProps = {
   component: null,
+  onPageAdd: function onPageAdd() {},
   onSortEnd: function onSortEnd() {},
   pageCount: 0,
   reportSettings: {}

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

@@ -1 +1 @@
-{"version":3,"file":"ListWrapper.js","sources":["../../../../../src/components/Panels/SlidesPanel/ListWrapper.js"],"sourcesContent":["import {\n  memo, useCallback, useRef, useState, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveContainer } from 'recharts';\nimport ResponsiveContent from '../../ResponsiveContent';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n  component: Component,\n  onSortEnd,\n  pageCount,\n  reportSettings,\n  ...otherProps\n}) => {\n  const outerRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const [scrollTracking, setScrollTracking] = useState(true);\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = reportSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n  const pageContainerStyles = useMemo(() => ({\n    backgroundColor: reportBackgroundColor || '#fff',\n    height: height,\n    left,\n    top,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  }), [reportSettings]);\n\n  const _onSortEnd = (sortEvent, nativeEvent) => {\n    if (onSortEnd) {\n      onSortEnd(sortEvent, nativeEvent, outerRef.current);\n    }\n  };\n\n  useEffect(() => { // for page thumbnails actions\n    if (!scrollTracking) {\n      scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n      setScrollTracking(true);\n    }\n  }, [pageCount]);\n\n  usePageVisibility(index => {\n    if (scrollTracking && index !== selectedPageIndex && !Number.isNaN(index)) {\n      const instance = outerRef.current.getWrappedInstance();\n      const list = instance.sortableOuterRef.current;\n      setSelectedPageIndex(index);\n      if (selectedPageIndex === -1 && index !== 1) {\n        setTimeout(() => {\n          list.scrollTo({ behavior: 'smooth', top: ((index - 1) * 120) + 7 });\n        }, 300);\n      } else {\n        list.scrollTo({ behavior: 'smooth', top: ((index - 1) * 120) + 7 });\n      }\n    } else if (!scrollTracking && index === selectedPageIndex) {\n      setScrollTracking(true);\n    }\n  }, scrollTracking, pageCount, selectedPageIndex);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setScrollTracking(false);\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n  }, [selectedPageIndex]);\n\n  const onPageAdd = index => {\n    setScrollTracking(false);\n    setSelectedPageIndex(index);\n    otherProps.onPageAdd(index);\n  };\n\n  return (\n    <>\n      <ResponsiveContainer>\n        <ResponsiveContent>\n          {(containerWidth, containerHeight) => (\n            <Component\n              ref={outerRef}\n              distance={50}\n              height={containerHeight}\n              helperClass=\"pageThumbnailHelper\"\n              lockAxis=\"y\"\n              onPageClick={onPageClick}\n              onSortEnd={_onSortEnd}\n              pageContainerStyle={pageContainerStyles}\n              pageCount={pageCount}\n              selectedPageIndex={selectedPageIndex}\n              width={containerWidth}\n              {...otherProps}\n            />\n          )}\n        </ResponsiveContent>\n      </ResponsiveContainer>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder\n          additionalClass=\"forOptions\"\n          onPageAdd={onPageAdd}\n          pageCount={pageCount}\n        />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onSortEnd: PropTypes.func,\n  pageCount: PropTypes.number,\n  reportSettings: PropTypes.shape({\n    reportBackgroundColor: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n};\n\nListWrapper.defaultProps = {\n  component: null,\n  onSortEnd: () => {},\n  pageCount: 0,\n  reportSettings: {},\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","Component","component","onSortEnd","pageCount","reportSettings","otherProps","outerRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","scrollTracking","setScrollTracking","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","sortEvent","nativeEvent","current","useEffect","scrollToTarget","usePageVisibility","index","Number","isNaN","instance","getWrappedInstance","list","sortableOuterRef","setTimeout","scrollTo","behavior","onPageClick","useCallback","e","order","target","getAttribute","classList","contains","onPageAdd","_jsxs","_jsx","ResponsiveContainer","containerWidth","containerHeight","propTypes","PropTypes","any","func","number","shape","string","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"ListWrapper.js","sources":["../../../../../src/components/Panels/SlidesPanel/ListWrapper.js"],"sourcesContent":["import {\n  memo, useCallback, useRef, useState, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveContainer } from 'recharts';\nimport ResponsiveContent from '../../ResponsiveContent';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n  component: Component,\n  onPageAdd,\n  onSortEnd,\n  pageCount,\n  reportSettings,\n  ...otherProps\n}) => {\n  const outerRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const [scrollTracking, setScrollTracking] = useState(true);\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = reportSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n  const pageContainerStyles = useMemo(() => ({\n    backgroundColor: reportBackgroundColor || '#fff',\n    height: height,\n    left,\n    top,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  }), [reportSettings]);\n\n  const _onSortEnd = useCallback((sortEvent, nativeEvent) => {\n    if (onSortEnd) {\n      onSortEnd(sortEvent, nativeEvent, outerRef.current);\n    }\n  }, [onSortEnd]);\n\n  useEffect(() => {\n    if (selectedPageIndex !== -1) {\n      const instance = outerRef.current.getWrappedInstance();\n      const list = instance.sortablePageListRef.current;\n      list.scrollToItem(selectedPageIndex);\n    }\n  }, [selectedPageIndex]);\n\n  useEffect(() => { // for page thumbnails actions\n    if (!scrollTracking) {\n      scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n      setScrollTracking(true);\n    }\n  }, [pageCount]);\n\n  usePageVisibility(index => {\n    if (scrollTracking && index !== selectedPageIndex && !Number.isNaN(index)) {\n      setSelectedPageIndex(index);\n    } else if (!scrollTracking && index === selectedPageIndex) {\n      setScrollTracking(true);\n    }\n  }, scrollTracking, pageCount, selectedPageIndex);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setScrollTracking(false);\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n  }, []);\n\n  const handlePageAdd = useCallback(index => {\n    setScrollTracking(false);\n    setSelectedPageIndex(index);\n    onPageAdd(index);\n  }, [onPageAdd]);\n\n  return (\n    <>\n      <ResponsiveContainer>\n        <ResponsiveContent>\n          {(containerWidth, containerHeight) => (\n            <Component\n              ref={outerRef}\n              distance={50}\n              height={containerHeight}\n              helperClass=\"pageThumbnailHelper\"\n              lockAxis=\"y\"\n              onPageClick={onPageClick}\n              onSortEnd={_onSortEnd}\n              pageContainerStyle={pageContainerStyles}\n              pageCount={pageCount}\n              selectedPageIndex={selectedPageIndex}\n              width={containerWidth}\n              {...otherProps}\n            />\n          )}\n        </ResponsiveContent>\n      </ResponsiveContainer>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder\n          additionalClass=\"forOptions\"\n          onPageAdd={handlePageAdd}\n          pageCount={pageCount}\n        />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onPageAdd: PropTypes.func,\n  onSortEnd: PropTypes.func,\n  pageCount: PropTypes.number,\n  reportSettings: PropTypes.shape({\n    reportBackgroundColor: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n};\n\nListWrapper.defaultProps = {\n  component: null,\n  onPageAdd: () => {},\n  onSortEnd: () => {},\n  pageCount: 0,\n  reportSettings: {},\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","Component","component","onPageAdd","onSortEnd","pageCount","reportSettings","otherProps","outerRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","scrollTracking","setScrollTracking","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","useCallback","sortEvent","nativeEvent","current","useEffect","instance","getWrappedInstance","list","sortablePageListRef","scrollToItem","scrollToTarget","usePageVisibility","index","Number","isNaN","onPageClick","e","order","target","getAttribute","classList","contains","handlePageAdd","_jsxs","_jsx","ResponsiveContainer","containerWidth","containerHeight","propTypes","PropTypes","any","func","number","shape","string","defaultProps","memo"],"mappings":"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"}

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

@@ -50,6 +50,7 @@ var SortablePageItem = reactSortableHoc.SortableElement(function (_ref) {
         acceptedItems: acceptedItems,
         additionalPageItems: additionalPageItems,
         hashCode: hashCode,
+        isThumbnail: true,
         itemAccessor: itemAccessor,
         items: page.items,
         style: pageContainerStyle

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

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

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

@@ -65,7 +65,6 @@ var SortablePageList = function SortablePageList(Component) {
 
       _this = _super.call(this, props);
       _this.sortablePageListRef = /*#__PURE__*/React.createRef();
-      _this.sortableOuterRef = /*#__PURE__*/React.createRef();
       return _this;
     }
 
@@ -101,7 +100,6 @@ var SortablePageList = function SortablePageList(Component) {
           itemCount: pageCount,
           itemData: this.itemData,
           itemSize: 127,
-          outerRef: this.sortableOuterRef,
           width: width,
           children: SortablePageItemRenderer
         });

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

@@ -1 +1 @@
-{"version":3,"file":"SortablePageList.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageList.js"],"sourcesContent":["import { PureComponent, createRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SortableContainer } from 'react-sortable-hoc';\nimport memoize from 'memoize-one';\nimport SortablePageItemRenderer from './SortablePageItemRenderer';\n\nconst createItemData = memoize((\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pageContainerStyle,\n  pageGetter,\n  selectedPageIndex,\n) => ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pageContainerStyle,\n  pageGetter,\n  selectedPageIndex,\n}));\n\nconst SortablePageList = Component => {\n  class ReactWindowList extends PureComponent {\n    constructor(props) {\n      super(props);\n\n      this.sortablePageListRef = createRef();\n      this.sortableOuterRef = createRef();\n    }\n\n    get itemData() {\n      const {\n        acceptedItems,\n        additionalPageItems,\n        disableInteraction,\n        hashCode,\n        itemAccessor,\n        onAnEventTrigger,\n        onPageAdd,\n        onPageClick,\n        onPageDuplicate,\n        onPageRemove,\n        pageContainerStyle,\n        pageGetter,\n        selectedPageIndex,\n      } = this.props;\n      return createItemData(\n        acceptedItems,\n        additionalPageItems,\n        disableInteraction,\n        hashCode,\n        itemAccessor,\n        onAnEventTrigger,\n        onPageAdd,\n        onPageClick,\n        onPageDuplicate,\n        onPageRemove,\n        pageContainerStyle,\n        pageGetter,\n        selectedPageIndex,\n      );\n    }\n\n    render() {\n      const { height, pageCount, width } = this.props;\n\n      return (\n        <Component\n          ref={this.sortablePageListRef}\n          height={height}\n          itemCount={pageCount}\n          itemData={this.itemData}\n          itemSize={127}\n          outerRef={this.sortableOuterRef}\n          width={width}\n        >\n          {SortablePageItemRenderer}\n        </Component>\n      );\n    }\n  }\n\n  ReactWindowList.propTypes = {\n    acceptedItems: PropTypes.shape({}),\n    additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n    disableInteraction: PropTypes.arrayOf(PropTypes.string),\n    hashCode: PropTypes.string,\n    height: PropTypes.number,\n    itemAccessor: PropTypes.func,\n    onAnEventTrigger: PropTypes.func,\n    onPageAdd: PropTypes.func,\n    onPageClick: PropTypes.func,\n    onPageDuplicate: PropTypes.func,\n    onPageRemove: PropTypes.func,\n    pageContainerStyle: PropTypes.shape({}),\n    pageCount: PropTypes.number,\n    pageGetter: PropTypes.func,\n    selectedPageIndex: PropTypes.number,\n    width: PropTypes.number,\n  };\n\n  ReactWindowList.defaultProps = {\n    acceptedItems: {},\n    additionalPageItems: [],\n    disableInteraction: [],\n    hashCode: '',\n    height: 0,\n    itemAccessor: () => {},\n    onAnEventTrigger: () => {},\n    onPageAdd: () => {},\n    onPageClick: () => {},\n    onPageDuplicate: () => {},\n    onPageRemove: () => {},\n    pageContainerStyle: {},\n    pageCount: 0,\n    pageGetter: () => {},\n    selectedPageIndex: 1,\n    width: 0,\n  };\n\n  return SortableContainer(ReactWindowList, { withRef: true });\n};\n\nexport default memoize(SortablePageList);\n"],"names":["createItemData","memoize","acceptedItems","additionalPageItems","disableInteraction","hashCode","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","pageContainerStyle","pageGetter","selectedPageIndex","SortablePageList","Component","ReactWindowList","props","sortablePageListRef","createRef","sortableOuterRef","height","pageCount","width","_jsx","itemData","SortablePageItemRenderer","PureComponent","propTypes","PropTypes","shape","arrayOf","node","string","number","func","defaultProps","SortableContainer","withRef"],"mappings":"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"}
+{"version":3,"file":"SortablePageList.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageList.js"],"sourcesContent":["import { PureComponent, createRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SortableContainer } from 'react-sortable-hoc';\nimport memoize from 'memoize-one';\nimport SortablePageItemRenderer from './SortablePageItemRenderer';\n\nconst createItemData = memoize((\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pageContainerStyle,\n  pageGetter,\n  selectedPageIndex,\n) => ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pageContainerStyle,\n  pageGetter,\n  selectedPageIndex,\n}));\n\nconst SortablePageList = Component => {\n  class ReactWindowList extends PureComponent {\n    constructor(props) {\n      super(props);\n\n      this.sortablePageListRef = createRef();\n    }\n\n    get itemData() {\n      const {\n        acceptedItems,\n        additionalPageItems,\n        disableInteraction,\n        hashCode,\n        itemAccessor,\n        onAnEventTrigger,\n        onPageAdd,\n        onPageClick,\n        onPageDuplicate,\n        onPageRemove,\n        pageContainerStyle,\n        pageGetter,\n        selectedPageIndex,\n      } = this.props;\n      return createItemData(\n        acceptedItems,\n        additionalPageItems,\n        disableInteraction,\n        hashCode,\n        itemAccessor,\n        onAnEventTrigger,\n        onPageAdd,\n        onPageClick,\n        onPageDuplicate,\n        onPageRemove,\n        pageContainerStyle,\n        pageGetter,\n        selectedPageIndex,\n      );\n    }\n\n    render() {\n      const { height, pageCount, width } = this.props;\n\n      return (\n        <Component\n          ref={this.sortablePageListRef}\n          height={height}\n          itemCount={pageCount}\n          itemData={this.itemData}\n          itemSize={127}\n          width={width}\n        >\n          {SortablePageItemRenderer}\n        </Component>\n      );\n    }\n  }\n\n  ReactWindowList.propTypes = {\n    acceptedItems: PropTypes.shape({}),\n    additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n    disableInteraction: PropTypes.arrayOf(PropTypes.string),\n    hashCode: PropTypes.string,\n    height: PropTypes.number,\n    itemAccessor: PropTypes.func,\n    onAnEventTrigger: PropTypes.func,\n    onPageAdd: PropTypes.func,\n    onPageClick: PropTypes.func,\n    onPageDuplicate: PropTypes.func,\n    onPageRemove: PropTypes.func,\n    pageContainerStyle: PropTypes.shape({}),\n    pageCount: PropTypes.number,\n    pageGetter: PropTypes.func,\n    selectedPageIndex: PropTypes.number,\n    width: PropTypes.number,\n  };\n\n  ReactWindowList.defaultProps = {\n    acceptedItems: {},\n    additionalPageItems: [],\n    disableInteraction: [],\n    hashCode: '',\n    height: 0,\n    itemAccessor: () => {},\n    onAnEventTrigger: () => {},\n    onPageAdd: () => {},\n    onPageClick: () => {},\n    onPageDuplicate: () => {},\n    onPageRemove: () => {},\n    pageContainerStyle: {},\n    pageCount: 0,\n    pageGetter: () => {},\n    selectedPageIndex: 1,\n    width: 0,\n  };\n\n  return SortableContainer(ReactWindowList, { withRef: true });\n};\n\nexport default memoize(SortablePageList);\n"],"names":["createItemData","memoize","acceptedItems","additionalPageItems","disableInteraction","hashCode","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","pageContainerStyle","pageGetter","selectedPageIndex","SortablePageList","Component","ReactWindowList","props","sortablePageListRef","createRef","height","pageCount","width","_jsx","itemData","SortablePageItemRenderer","PureComponent","propTypes","PropTypes","shape","arrayOf","node","string","number","func","defaultProps","SortableContainer","withRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,cAAc,GAAGC,8BAAO,CAAC,UAC7BC,aAD6B,EAE7BC,mBAF6B,EAG7BC,kBAH6B,EAI7BC,QAJ6B,EAK7BC,YAL6B,EAM7BC,gBAN6B,EAO7BC,SAP6B,EAQ7BC,WAR6B,EAS7BC,eAT6B,EAU7BC,YAV6B,EAW7BC,kBAX6B,EAY7BC,UAZ6B,EAa7BC,iBAb6B;AAAA,SAczB;AACJZ,IAAAA,aAAa,EAAbA,aADI;AAEJC,IAAAA,mBAAmB,EAAnBA,mBAFI;AAGJC,IAAAA,kBAAkB,EAAlBA,kBAHI;AAIJC,IAAAA,QAAQ,EAARA,QAJI;AAKJC,IAAAA,YAAY,EAAZA,YALI;AAMJC,IAAAA,gBAAgB,EAAhBA,gBANI;AAOJC,IAAAA,SAAS,EAATA,SAPI;AAQJC,IAAAA,WAAW,EAAXA,WARI;AASJC,IAAAA,eAAe,EAAfA,eATI;AAUJC,IAAAA,YAAY,EAAZA,YAVI;AAWJC,IAAAA,kBAAkB,EAAlBA,kBAXI;AAYJC,IAAAA,UAAU,EAAVA,UAZI;AAaJC,IAAAA,iBAAiB,EAAjBA;AAbI,GAdyB;AAAA,CAAD,CAA9B;;AA8BA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,SAAS,EAAI;AAAA,MAC9BC,eAD8B;AAAA;;AAAA;;AAElC,6BAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,gCAAMA,KAAN;AAEA,YAAKC,mBAAL,gBAA2BC,eAAS,EAApC;AAHiB;AAIlB;;AANiC;AAAA;AAAA,WAQlC,eAAe;AACb,0BAcI,KAAKF,KAdT;AAAA,YACEhB,aADF,eACEA,aADF;AAAA,YAEEC,mBAFF,eAEEA,mBAFF;AAAA,YAGEC,kBAHF,eAGEA,kBAHF;AAAA,YAIEC,QAJF,eAIEA,QAJF;AAAA,YAKEC,YALF,eAKEA,YALF;AAAA,YAMEC,gBANF,eAMEA,gBANF;AAAA,YAOEC,SAPF,eAOEA,SAPF;AAAA,YAQEC,WARF,eAQEA,WARF;AAAA,YASEC,eATF,eASEA,eATF;AAAA,YAUEC,YAVF,eAUEA,YAVF;AAAA,YAWEC,kBAXF,eAWEA,kBAXF;AAAA,YAYEC,UAZF,eAYEA,UAZF;AAAA,YAaEC,iBAbF,eAaEA,iBAbF;AAeA,eAAOd,cAAc,CACnBE,aADmB,EAEnBC,mBAFmB,EAGnBC,kBAHmB,EAInBC,QAJmB,EAKnBC,YALmB,EAMnBC,gBANmB,EAOnBC,SAPmB,EAQnBC,WARmB,EASnBC,eATmB,EAUnBC,YAVmB,EAWnBC,kBAXmB,EAYnBC,UAZmB,EAanBC,iBAbmB,CAArB;AAeD;AAvCiC;AAAA;AAAA,aAyClC,kBAAS;AACP,2BAAqC,KAAKI,KAA1C;AAAA,YAAQG,MAAR,gBAAQA,MAAR;AAAA,YAAgBC,SAAhB,gBAAgBA,SAAhB;AAAA,YAA2BC,KAA3B,gBAA2BA,KAA3B;AAEA,4BACEC,eAAC,SAAD;AACE,UAAA,GAAG,EAAE,KAAKL,mBADZ;AAEE,UAAA,MAAM,EAAEE,MAFV;AAGE,UAAA,SAAS,EAAEC,SAHb;AAIE,UAAA,QAAQ,EAAE,KAAKG,QAJjB;AAKE,UAAA,QAAQ,EAAE,GALZ;AAME,UAAA,KAAK,EAAEF,KANT;AAAA,oBAQGG;AARH,UADF;AAYD;AAxDiC;;AAAA;AAAA,IACNC,mBADM;;AA2DpCV,EAAAA,eAAe,CAACW,SAAhB,GAA4B;AAC1B1B,IAAAA,aAAa,EAAE2B,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADW;AAE1B3B,IAAAA,mBAAmB,EAAE0B,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,IAA5B,CAFK;AAG1B5B,IAAAA,kBAAkB,EAAEyB,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACI,MAA5B,CAHM;AAI1B5B,IAAAA,QAAQ,EAAEwB,6BAAS,CAACI,MAJM;AAK1BZ,IAAAA,MAAM,EAAEQ,6BAAS,CAACK,MALQ;AAM1B5B,IAAAA,YAAY,EAAEuB,6BAAS,CAACM,IANE;AAO1B5B,IAAAA,gBAAgB,EAAEsB,6BAAS,CAACM,IAPF;AAQ1B3B,IAAAA,SAAS,EAAEqB,6BAAS,CAACM,IARK;AAS1B1B,IAAAA,WAAW,EAAEoB,6BAAS,CAACM,IATG;AAU1BzB,IAAAA,eAAe,EAAEmB,6BAAS,CAACM,IAVD;AAW1BxB,IAAAA,YAAY,EAAEkB,6BAAS,CAACM,IAXE;AAY1BvB,IAAAA,kBAAkB,EAAEiB,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAZM;AAa1BR,IAAAA,SAAS,EAAEO,6BAAS,CAACK,MAbK;AAc1BrB,IAAAA,UAAU,EAAEgB,6BAAS,CAACM,IAdI;AAe1BrB,IAAAA,iBAAiB,EAAEe,6BAAS,CAACK,MAfH;AAgB1BX,IAAAA,KAAK,EAAEM,6BAAS,CAACK;AAhBS,GAA5B;AAmBAjB,EAAAA,eAAe,CAACmB,YAAhB,GAA+B;AAC7BlC,IAAAA,aAAa,EAAE,EADc;AAE7BC,IAAAA,mBAAmB,EAAE,EAFQ;AAG7BC,IAAAA,kBAAkB,EAAE,EAHS;AAI7BC,IAAAA,QAAQ,EAAE,EAJmB;AAK7BgB,IAAAA,MAAM,EAAE,CALqB;AAM7Bf,IAAAA,YAAY,EAAE,wBAAM,EANS;AAO7BC,IAAAA,gBAAgB,EAAE,4BAAM,EAPK;AAQ7BC,IAAAA,SAAS,EAAE,qBAAM,EARY;AAS7BC,IAAAA,WAAW,EAAE,uBAAM,EATU;AAU7BC,IAAAA,eAAe,EAAE,2BAAM,EAVM;AAW7BC,IAAAA,YAAY,EAAE,wBAAM,EAXS;AAY7BC,IAAAA,kBAAkB,EAAE,EAZS;AAa7BU,IAAAA,SAAS,EAAE,CAbkB;AAc7BT,IAAAA,UAAU,EAAE,sBAAM,EAdW;AAe7BC,IAAAA,iBAAiB,EAAE,CAfU;AAgB7BS,IAAAA,KAAK,EAAE;AAhBsB,GAA/B;AAmBA,SAAOc,kCAAiB,CAACpB,eAAD,EAAkB;AAAEqB,IAAAA,OAAO,EAAE;AAAX,GAAlB,CAAxB;AACD,CAlGD;;AAoGA,yBAAerC,8BAAO,CAACc,gBAAD,CAAtB;;;;"}

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

@@ -21,6 +21,7 @@ var StaticPage = function StaticPage(_ref) {
   var acceptedItems = _ref.acceptedItems,
       additionalPageItems = _ref.additionalPageItems,
       hashCode = _ref.hashCode,
+      isThumbnail = _ref.isThumbnail,
       itemAccessor = _ref.itemAccessor,
       items = _ref.items,
       style = _ref.style;
@@ -40,6 +41,7 @@ var StaticPage = function StaticPage(_ref) {
             item: item,
             children: function children(ReportItem) {
               return /*#__PURE__*/jsxRuntime.jsx(ReportItem, {
+                isThumbnail: isThumbnail,
                 item: mergedItem,
                 itemAccessor: itemAccessor
               });
@@ -55,6 +57,7 @@ StaticPage.propTypes = {
   acceptedItems: PropTypes__default['default'].shape({}),
   additionalPageItems: PropTypes__default['default'].arrayOf(PropTypes__default['default'].node),
   hashCode: PropTypes__default['default'].string,
+  isThumbnail: PropTypes__default['default'].bool,
   itemAccessor: PropTypes__default['default'].func,
   items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
   style: PropTypes__default['default'].shape({})
@@ -63,6 +66,7 @@ StaticPage.defaultProps = {
   acceptedItems: {},
   additionalPageItems: [],
   hashCode: '',
+  isThumbnail: false,
   itemAccessor: function itemAccessor() {},
   items: [],
   style: {}

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

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

package/lib/esm/components/Panels/SlidesPanel/ListWrapper.js

@@ -1,6 +1,6 @@
 import 'core-js/modules/es.number.constructor.js';
 import 'core-js/modules/es.number.is-nan.js';
-import { memo, useRef, useState, useMemo, useEffect, useCallback } from 'react';
+import { memo, useRef, useState, useMemo, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { ResponsiveContainer } from 'recharts';
 import ResponsiveContent from '../../ResponsiveContent.js';
@@ -9,7 +9,7 @@ import { scrollToTarget, getScaleForPageThumbnail } from '../../../utils/functio
 import { usePageVisibility } from '../../../utils/hooks.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-var _excluded = ["component", "onSortEnd", "pageCount", "reportSettings"];
+var _excluded = ["component", "onPageAdd", "onSortEnd", "pageCount", "reportSettings"];
 
 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; }
 
@@ -35,6 +35,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var ListWrapper = function ListWrapper(_ref) {
   var Component = _ref.component,
+      onPageAdd = _ref.onPageAdd,
       onSortEnd = _ref.onSortEnd,
       pageCount = _ref.pageCount,
       reportSettings = _ref.reportSettings,
@@ -77,12 +78,19 @@ var ListWrapper = function ListWrapper(_ref) {
     };
   }, [reportSettings]);
 
-  var _onSortEnd = function _onSortEnd(sortEvent, nativeEvent) {
+  var _onSortEnd = useCallback(function (sortEvent, nativeEvent) {
     if (onSortEnd) {
       onSortEnd(sortEvent, nativeEvent, outerRef.current);
     }
-  };
+  }, [onSortEnd]);
 
+  useEffect(function () {
+    if (selectedPageIndex !== -1) {
+      var instance = outerRef.current.getWrappedInstance();
+      var list = instance.sortablePageListRef.current;
+      list.scrollToItem(selectedPageIndex);
+    }
+  }, [selectedPageIndex]);
   useEffect(function () {
     // for page thumbnails actions
     if (!scrollTracking) {
@@ -92,23 +100,7 @@ var ListWrapper = function ListWrapper(_ref) {
   }, [pageCount]);
   usePageVisibility(function (index) {
     if (scrollTracking && index !== selectedPageIndex && !Number.isNaN(index)) {
-      var instance = outerRef.current.getWrappedInstance();
-      var list = instance.sortableOuterRef.current;
       setSelectedPageIndex(index);
-
-      if (selectedPageIndex === -1 && index !== 1) {
-        setTimeout(function () {
-          list.scrollTo({
-            behavior: 'smooth',
-            top: (index - 1) * 120 + 7
-          });
-        }, 300);
-      } else {
-        list.scrollTo({
-          behavior: 'smooth',
-          top: (index - 1) * 120 + 7
-        });
-      }
     } else if (!scrollTracking && index === selectedPageIndex) {
       setScrollTracking(true);
     }
@@ -122,14 +114,12 @@ var ListWrapper = function ListWrapper(_ref) {
       // for page thumbnails actions
       scrollToTarget("pageActions-id-".concat(order));
     }
-  }, [selectedPageIndex]);
-
-  var onPageAdd = function onPageAdd(index) {
+  }, []);
+  var handlePageAdd = useCallback(function (index) {
     setScrollTracking(false);
     setSelectedPageIndex(index);
-    otherProps.onPageAdd(index);
-  };
-
+    onPageAdd(index);
+  }, [onPageAdd]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(ResponsiveContainer, {
       children: /*#__PURE__*/jsx(ResponsiveContent, {
@@ -153,7 +143,7 @@ var ListWrapper = function ListWrapper(_ref) {
       className: "jfReport-pane-footer",
       children: /*#__PURE__*/jsx(PageAdder, {
         additionalClass: "forOptions",
-        onPageAdd: onPageAdd,
+        onPageAdd: handlePageAdd,
         pageCount: pageCount
       })
     })]
@@ -162,6 +152,7 @@ var ListWrapper = function ListWrapper(_ref) {
 
 ListWrapper.propTypes = {
   component: PropTypes.any,
+  onPageAdd: PropTypes.func,
   onSortEnd: PropTypes.func,
   pageCount: PropTypes.number,
   reportSettings: PropTypes.shape({
@@ -172,6 +163,7 @@ ListWrapper.propTypes = {
 };
 ListWrapper.defaultProps = {
   component: null,
+  onPageAdd: function onPageAdd() {},
   onSortEnd: function onSortEnd() {},
   pageCount: 0,
   reportSettings: {}

package/lib/esm/components/Panels/SlidesPanel/ListWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListWrapper.js","sources":["../../../../../src/components/Panels/SlidesPanel/ListWrapper.js"],"sourcesContent":["import {\n  memo, useCallback, useRef, useState, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveContainer } from 'recharts';\nimport ResponsiveContent from '../../ResponsiveContent';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n  component: Component,\n  onSortEnd,\n  pageCount,\n  reportSettings,\n  ...otherProps\n}) => {\n  const outerRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const [scrollTracking, setScrollTracking] = useState(true);\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = reportSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n  const pageContainerStyles = useMemo(() => ({\n    backgroundColor: reportBackgroundColor || '#fff',\n    height: height,\n    left,\n    top,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  }), [reportSettings]);\n\n  const _onSortEnd = (sortEvent, nativeEvent) => {\n    if (onSortEnd) {\n      onSortEnd(sortEvent, nativeEvent, outerRef.current);\n    }\n  };\n\n  useEffect(() => { // for page thumbnails actions\n    if (!scrollTracking) {\n      scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n      setScrollTracking(true);\n    }\n  }, [pageCount]);\n\n  usePageVisibility(index => {\n    if (scrollTracking && index !== selectedPageIndex && !Number.isNaN(index)) {\n      const instance = outerRef.current.getWrappedInstance();\n      const list = instance.sortableOuterRef.current;\n      setSelectedPageIndex(index);\n      if (selectedPageIndex === -1 && index !== 1) {\n        setTimeout(() => {\n          list.scrollTo({ behavior: 'smooth', top: ((index - 1) * 120) + 7 });\n        }, 300);\n      } else {\n        list.scrollTo({ behavior: 'smooth', top: ((index - 1) * 120) + 7 });\n      }\n    } else if (!scrollTracking && index === selectedPageIndex) {\n      setScrollTracking(true);\n    }\n  }, scrollTracking, pageCount, selectedPageIndex);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setScrollTracking(false);\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n  }, [selectedPageIndex]);\n\n  const onPageAdd = index => {\n    setScrollTracking(false);\n    setSelectedPageIndex(index);\n    otherProps.onPageAdd(index);\n  };\n\n  return (\n    <>\n      <ResponsiveContainer>\n        <ResponsiveContent>\n          {(containerWidth, containerHeight) => (\n            <Component\n              ref={outerRef}\n              distance={50}\n              height={containerHeight}\n              helperClass=\"pageThumbnailHelper\"\n              lockAxis=\"y\"\n              onPageClick={onPageClick}\n              onSortEnd={_onSortEnd}\n              pageContainerStyle={pageContainerStyles}\n              pageCount={pageCount}\n              selectedPageIndex={selectedPageIndex}\n              width={containerWidth}\n              {...otherProps}\n            />\n          )}\n        </ResponsiveContent>\n      </ResponsiveContainer>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder\n          additionalClass=\"forOptions\"\n          onPageAdd={onPageAdd}\n          pageCount={pageCount}\n        />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onSortEnd: PropTypes.func,\n  pageCount: PropTypes.number,\n  reportSettings: PropTypes.shape({\n    reportBackgroundColor: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n};\n\nListWrapper.defaultProps = {\n  component: null,\n  onSortEnd: () => {},\n  pageCount: 0,\n  reportSettings: {},\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","Component","component","onSortEnd","pageCount","reportSettings","otherProps","outerRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","scrollTracking","setScrollTracking","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","sortEvent","nativeEvent","current","useEffect","scrollToTarget","usePageVisibility","index","Number","isNaN","instance","getWrappedInstance","list","sortableOuterRef","setTimeout","scrollTo","behavior","onPageClick","useCallback","e","order","target","getAttribute","classList","contains","onPageAdd","_jsxs","_jsx","containerWidth","containerHeight","propTypes","PropTypes","any","func","number","shape","string","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"ListWrapper.js","sources":["../../../../../src/components/Panels/SlidesPanel/ListWrapper.js"],"sourcesContent":["import {\n  memo, useCallback, useRef, useState, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveContainer } from 'recharts';\nimport ResponsiveContent from '../../ResponsiveContent';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n  component: Component,\n  onPageAdd,\n  onSortEnd,\n  pageCount,\n  reportSettings,\n  ...otherProps\n}) => {\n  const outerRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const [scrollTracking, setScrollTracking] = useState(true);\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = reportSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n  const pageContainerStyles = useMemo(() => ({\n    backgroundColor: reportBackgroundColor || '#fff',\n    height: height,\n    left,\n    top,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  }), [reportSettings]);\n\n  const _onSortEnd = useCallback((sortEvent, nativeEvent) => {\n    if (onSortEnd) {\n      onSortEnd(sortEvent, nativeEvent, outerRef.current);\n    }\n  }, [onSortEnd]);\n\n  useEffect(() => {\n    if (selectedPageIndex !== -1) {\n      const instance = outerRef.current.getWrappedInstance();\n      const list = instance.sortablePageListRef.current;\n      list.scrollToItem(selectedPageIndex);\n    }\n  }, [selectedPageIndex]);\n\n  useEffect(() => { // for page thumbnails actions\n    if (!scrollTracking) {\n      scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n      setScrollTracking(true);\n    }\n  }, [pageCount]);\n\n  usePageVisibility(index => {\n    if (scrollTracking && index !== selectedPageIndex && !Number.isNaN(index)) {\n      setSelectedPageIndex(index);\n    } else if (!scrollTracking && index === selectedPageIndex) {\n      setScrollTracking(true);\n    }\n  }, scrollTracking, pageCount, selectedPageIndex);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setScrollTracking(false);\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n  }, []);\n\n  const handlePageAdd = useCallback(index => {\n    setScrollTracking(false);\n    setSelectedPageIndex(index);\n    onPageAdd(index);\n  }, [onPageAdd]);\n\n  return (\n    <>\n      <ResponsiveContainer>\n        <ResponsiveContent>\n          {(containerWidth, containerHeight) => (\n            <Component\n              ref={outerRef}\n              distance={50}\n              height={containerHeight}\n              helperClass=\"pageThumbnailHelper\"\n              lockAxis=\"y\"\n              onPageClick={onPageClick}\n              onSortEnd={_onSortEnd}\n              pageContainerStyle={pageContainerStyles}\n              pageCount={pageCount}\n              selectedPageIndex={selectedPageIndex}\n              width={containerWidth}\n              {...otherProps}\n            />\n          )}\n        </ResponsiveContent>\n      </ResponsiveContainer>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder\n          additionalClass=\"forOptions\"\n          onPageAdd={handlePageAdd}\n          pageCount={pageCount}\n        />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onPageAdd: PropTypes.func,\n  onSortEnd: PropTypes.func,\n  pageCount: PropTypes.number,\n  reportSettings: PropTypes.shape({\n    reportBackgroundColor: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n};\n\nListWrapper.defaultProps = {\n  component: null,\n  onPageAdd: () => {},\n  onSortEnd: () => {},\n  pageCount: 0,\n  reportSettings: {},\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","Component","component","onPageAdd","onSortEnd","pageCount","reportSettings","otherProps","outerRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","scrollTracking","setScrollTracking","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","useCallback","sortEvent","nativeEvent","current","useEffect","instance","getWrappedInstance","list","sortablePageListRef","scrollToItem","scrollToTarget","usePageVisibility","index","Number","isNaN","onPageClick","e","order","target","getAttribute","classList","contains","handlePageAdd","_jsxs","_jsx","containerWidth","containerHeight","propTypes","PropTypes","any","func","number","shape","string","defaultProps","memo"],"mappings":"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"}

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

@@ -44,6 +44,7 @@ var SortablePageItem = SortableElement(function (_ref) {
         acceptedItems: acceptedItems,
         additionalPageItems: additionalPageItems,
         hashCode: hashCode,
+        isThumbnail: true,
         itemAccessor: itemAccessor,
         items: page.items,
         style: pageContainerStyle

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

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

package/lib/esm/components/Panels/SlidesPanel/SortablePageList.js

@@ -58,7 +58,6 @@ var SortablePageList = function SortablePageList(Component) {
 
       _this = _super.call(this, props);
       _this.sortablePageListRef = /*#__PURE__*/createRef();
-      _this.sortableOuterRef = /*#__PURE__*/createRef();
       return _this;
     }
 
@@ -94,7 +93,6 @@ var SortablePageList = function SortablePageList(Component) {
           itemCount: pageCount,
           itemData: this.itemData,
           itemSize: 127,
-          outerRef: this.sortableOuterRef,
           width: width,
           children: SortablePageItemRenderer
         });

package/lib/esm/components/Panels/SlidesPanel/SortablePageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortablePageList.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageList.js"],"sourcesContent":["import { PureComponent, createRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SortableContainer } from 'react-sortable-hoc';\nimport memoize from 'memoize-one';\nimport SortablePageItemRenderer from './SortablePageItemRenderer';\n\nconst createItemData = memoize((\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pageContainerStyle,\n  pageGetter,\n  selectedPageIndex,\n) => ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pageContainerStyle,\n  pageGetter,\n  selectedPageIndex,\n}));\n\nconst SortablePageList = Component => {\n  class ReactWindowList extends PureComponent {\n    constructor(props) {\n      super(props);\n\n      this.sortablePageListRef = createRef();\n      this.sortableOuterRef = createRef();\n    }\n\n    get itemData() {\n      const {\n        acceptedItems,\n        additionalPageItems,\n        disableInteraction,\n        hashCode,\n        itemAccessor,\n        onAnEventTrigger,\n        onPageAdd,\n        onPageClick,\n        onPageDuplicate,\n        onPageRemove,\n        pageContainerStyle,\n        pageGetter,\n        selectedPageIndex,\n      } = this.props;\n      return createItemData(\n        acceptedItems,\n        additionalPageItems,\n        disableInteraction,\n        hashCode,\n        itemAccessor,\n        onAnEventTrigger,\n        onPageAdd,\n        onPageClick,\n        onPageDuplicate,\n        onPageRemove,\n        pageContainerStyle,\n        pageGetter,\n        selectedPageIndex,\n      );\n    }\n\n    render() {\n      const { height, pageCount, width } = this.props;\n\n      return (\n        <Component\n          ref={this.sortablePageListRef}\n          height={height}\n          itemCount={pageCount}\n          itemData={this.itemData}\n          itemSize={127}\n          outerRef={this.sortableOuterRef}\n          width={width}\n        >\n          {SortablePageItemRenderer}\n        </Component>\n      );\n    }\n  }\n\n  ReactWindowList.propTypes = {\n    acceptedItems: PropTypes.shape({}),\n    additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n    disableInteraction: PropTypes.arrayOf(PropTypes.string),\n    hashCode: PropTypes.string,\n    height: PropTypes.number,\n    itemAccessor: PropTypes.func,\n    onAnEventTrigger: PropTypes.func,\n    onPageAdd: PropTypes.func,\n    onPageClick: PropTypes.func,\n    onPageDuplicate: PropTypes.func,\n    onPageRemove: PropTypes.func,\n    pageContainerStyle: PropTypes.shape({}),\n    pageCount: PropTypes.number,\n    pageGetter: PropTypes.func,\n    selectedPageIndex: PropTypes.number,\n    width: PropTypes.number,\n  };\n\n  ReactWindowList.defaultProps = {\n    acceptedItems: {},\n    additionalPageItems: [],\n    disableInteraction: [],\n    hashCode: '',\n    height: 0,\n    itemAccessor: () => {},\n    onAnEventTrigger: () => {},\n    onPageAdd: () => {},\n    onPageClick: () => {},\n    onPageDuplicate: () => {},\n    onPageRemove: () => {},\n    pageContainerStyle: {},\n    pageCount: 0,\n    pageGetter: () => {},\n    selectedPageIndex: 1,\n    width: 0,\n  };\n\n  return SortableContainer(ReactWindowList, { withRef: true });\n};\n\nexport default memoize(SortablePageList);\n"],"names":["createItemData","memoize","acceptedItems","additionalPageItems","disableInteraction","hashCode","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","pageContainerStyle","pageGetter","selectedPageIndex","SortablePageList","Component","ReactWindowList","props","sortablePageListRef","createRef","sortableOuterRef","height","pageCount","width","_jsx","itemData","SortablePageItemRenderer","PureComponent","propTypes","PropTypes","shape","arrayOf","node","string","number","func","defaultProps","SortableContainer","withRef"],"mappings":"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"}
+{"version":3,"file":"SortablePageList.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageList.js"],"sourcesContent":["import { PureComponent, createRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SortableContainer } from 'react-sortable-hoc';\nimport memoize from 'memoize-one';\nimport SortablePageItemRenderer from './SortablePageItemRenderer';\n\nconst createItemData = memoize((\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pageContainerStyle,\n  pageGetter,\n  selectedPageIndex,\n) => ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pageContainerStyle,\n  pageGetter,\n  selectedPageIndex,\n}));\n\nconst SortablePageList = Component => {\n  class ReactWindowList extends PureComponent {\n    constructor(props) {\n      super(props);\n\n      this.sortablePageListRef = createRef();\n    }\n\n    get itemData() {\n      const {\n        acceptedItems,\n        additionalPageItems,\n        disableInteraction,\n        hashCode,\n        itemAccessor,\n        onAnEventTrigger,\n        onPageAdd,\n        onPageClick,\n        onPageDuplicate,\n        onPageRemove,\n        pageContainerStyle,\n        pageGetter,\n        selectedPageIndex,\n      } = this.props;\n      return createItemData(\n        acceptedItems,\n        additionalPageItems,\n        disableInteraction,\n        hashCode,\n        itemAccessor,\n        onAnEventTrigger,\n        onPageAdd,\n        onPageClick,\n        onPageDuplicate,\n        onPageRemove,\n        pageContainerStyle,\n        pageGetter,\n        selectedPageIndex,\n      );\n    }\n\n    render() {\n      const { height, pageCount, width } = this.props;\n\n      return (\n        <Component\n          ref={this.sortablePageListRef}\n          height={height}\n          itemCount={pageCount}\n          itemData={this.itemData}\n          itemSize={127}\n          width={width}\n        >\n          {SortablePageItemRenderer}\n        </Component>\n      );\n    }\n  }\n\n  ReactWindowList.propTypes = {\n    acceptedItems: PropTypes.shape({}),\n    additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n    disableInteraction: PropTypes.arrayOf(PropTypes.string),\n    hashCode: PropTypes.string,\n    height: PropTypes.number,\n    itemAccessor: PropTypes.func,\n    onAnEventTrigger: PropTypes.func,\n    onPageAdd: PropTypes.func,\n    onPageClick: PropTypes.func,\n    onPageDuplicate: PropTypes.func,\n    onPageRemove: PropTypes.func,\n    pageContainerStyle: PropTypes.shape({}),\n    pageCount: PropTypes.number,\n    pageGetter: PropTypes.func,\n    selectedPageIndex: PropTypes.number,\n    width: PropTypes.number,\n  };\n\n  ReactWindowList.defaultProps = {\n    acceptedItems: {},\n    additionalPageItems: [],\n    disableInteraction: [],\n    hashCode: '',\n    height: 0,\n    itemAccessor: () => {},\n    onAnEventTrigger: () => {},\n    onPageAdd: () => {},\n    onPageClick: () => {},\n    onPageDuplicate: () => {},\n    onPageRemove: () => {},\n    pageContainerStyle: {},\n    pageCount: 0,\n    pageGetter: () => {},\n    selectedPageIndex: 1,\n    width: 0,\n  };\n\n  return SortableContainer(ReactWindowList, { withRef: true });\n};\n\nexport default memoize(SortablePageList);\n"],"names":["createItemData","memoize","acceptedItems","additionalPageItems","disableInteraction","hashCode","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","pageContainerStyle","pageGetter","selectedPageIndex","SortablePageList","Component","ReactWindowList","props","sortablePageListRef","createRef","height","pageCount","width","_jsx","itemData","SortablePageItemRenderer","PureComponent","propTypes","PropTypes","shape","arrayOf","node","string","number","func","defaultProps","SortableContainer","withRef"],"mappings":"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"}

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

@@ -13,6 +13,7 @@ var StaticPage = function StaticPage(_ref) {
   var acceptedItems = _ref.acceptedItems,
       additionalPageItems = _ref.additionalPageItems,
       hashCode = _ref.hashCode,
+      isThumbnail = _ref.isThumbnail,
       itemAccessor = _ref.itemAccessor,
       items = _ref.items,
       style = _ref.style;
@@ -32,6 +33,7 @@ var StaticPage = function StaticPage(_ref) {
             item: item,
             children: function children(ReportItem) {
               return /*#__PURE__*/jsx(ReportItem, {
+                isThumbnail: isThumbnail,
                 item: mergedItem,
                 itemAccessor: itemAccessor
               });
@@ -47,6 +49,7 @@ StaticPage.propTypes = {
   acceptedItems: PropTypes.shape({}),
   additionalPageItems: PropTypes.arrayOf(PropTypes.node),
   hashCode: PropTypes.string,
+  isThumbnail: PropTypes.bool,
   itemAccessor: PropTypes.func,
   items: PropTypes.arrayOf(PropTypes.shape({})),
   style: PropTypes.shape({})
@@ -55,6 +58,7 @@ StaticPage.defaultProps = {
   acceptedItems: {},
   additionalPageItems: [],
   hashCode: '',
+  isThumbnail: false,
   itemAccessor: function itemAccessor() {},
   items: [],
   style: {}

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 getMergedItem from '../../utils/getMergedItem';\nimport withZoomPanPinchHOC from '../withZoomPanPinchHOC';\n\nconst StaticPage = ({\n  acceptedItems,\n  additionalPageItems,\n  hashCode,\n  isThumbnail,\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                  isThumbnail={isThumbnail}\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  isThumbnail: PropTypes.bool,\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  isThumbnail: false,\n  itemAccessor: () => {},\n  items: [],\n  style: {},\n};\n\nexport default memo(StaticPage);\nexport const StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);\n"],"names":["StaticPage","acceptedItems","additionalPageItems","hashCode","isThumbnail","itemAccessor","items","style","_jsx","classNames","_jsxs","filter","item","isVisible","undefined","map","mergedItem","getMergedItem","ReportItem","id","propTypes","PropTypes","shape","arrayOf","node","string","bool","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,WAJiB,QAIjBA,WAJiB;AAAA,MAKjBC,YALiB,QAKjBA,YALiB;AAAA,MAMjBC,KANiB,QAMjBA,KANiB;AAAA,MAOjBC,KAPiB,QAOjBA,KAPiB;AAAA,sBASjBC;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,EAAOX,aAAP,CAAhC;AACA,4BACEO,IAAC,UAAD;AAEE,UAAA,QAAQ,EAAEL,QAFZ;AAGE,UAAA,IAAI,EAAES,IAHR;AAAA,iCAKEJ,IAAC,kBAAD;AACE,YAAA,IAAI,EAAEI,IADR;AAAA,sBAGG,kBAAAM,UAAU;AAAA,kCACTV,IAAC,UAAD;AACE,gBAAA,WAAW,EAAEJ,WADf;AAEE,gBAAA,IAAI,EAAEY,UAFR;AAGE,gBAAA,YAAY,EAAEX;AAHhB,gBADS;AAAA;AAHb;AALF,WACOO,IAAI,CAACO,EADZ,CADF;AAmBD,OAzBA,CADH,EA2BGjB,mBA3BH;AAAA;AAJF,IATiB;AAAA,CAAnB;;AA6CAF,UAAU,CAACoB,SAAX,GAAuB;AACrBnB,EAAAA,aAAa,EAAEoB,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADM;AAErBpB,EAAAA,mBAAmB,EAAEmB,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACG,IAA5B,CAFA;AAGrBrB,EAAAA,QAAQ,EAAEkB,SAAS,CAACI,MAHC;AAIrBrB,EAAAA,WAAW,EAAEiB,SAAS,CAACK,IAJF;AAKrBrB,EAAAA,YAAY,EAAEgB,SAAS,CAACM,IALH;AAMrBrB,EAAAA,KAAK,EAAEe,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CANc;AAOrBf,EAAAA,KAAK,EAAEc,SAAS,CAACC,KAAV,CAAgB,EAAhB;AAPc,CAAvB;AAUAtB,UAAU,CAAC4B,YAAX,GAA0B;AACxB3B,EAAAA,aAAa,EAAE,EADS;AAExBC,EAAAA,mBAAmB,EAAE,EAFG;AAGxBC,EAAAA,QAAQ,EAAE,EAHc;AAIxBC,EAAAA,WAAW,EAAE,KAJW;AAKxBC,EAAAA,YAAY,EAAE,wBAAM,EALI;AAMxBC,EAAAA,KAAK,EAAE,EANiB;AAOxBC,EAAAA,KAAK,EAAE;AAPiB,CAA1B;AAUA,gCAAesB,IAAI,CAAC7B,UAAD,CAAnB;IACa8B,0BAA0B,GAAGC,mBAAmB,CAAC/B,UAAD;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jotforminc/dnd-builder",
-  "version": "2.8.1",
+  "version": "2.9.0",
   "files": [
     "lib"
   ],