@jotforminc/dnd-builder 2.9.16 → 2.9.19

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

@@ -13,13 +13,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var PageThumbnailActions = function PageThumbnailActions(_ref) {
-  var disableInteraction = _ref.disableInteraction,
-      onAnEventTrigger = _ref.onAnEventTrigger,
-      onPageAdd = _ref.onPageAdd,
-      onPageDuplicate = _ref.onPageDuplicate,
-      onPageRemove = _ref.onPageRemove,
-      order = _ref.order,
-      page = _ref.page;
+  var _ref$disableInteracti = _ref.disableInteraction,
+      disableInteraction = _ref$disableInteracti === void 0 ? [] : _ref$disableInteracti,
+      _ref$onAnEventTrigger = _ref.onAnEventTrigger,
+      onAnEventTrigger = _ref$onAnEventTrigger === void 0 ? function () {} : _ref$onAnEventTrigger,
+      _ref$onPageAdd = _ref.onPageAdd,
+      onPageAdd = _ref$onPageAdd === void 0 ? function () {} : _ref$onPageAdd,
+      _ref$onPageDuplicate = _ref.onPageDuplicate,
+      onPageDuplicate = _ref$onPageDuplicate === void 0 ? function () {} : _ref$onPageDuplicate,
+      _ref$onPageRemove = _ref.onPageRemove,
+      onPageRemove = _ref$onPageRemove === void 0 ? function () {} : _ref$onPageRemove,
+      _ref$order = _ref.order,
+      order = _ref$order === void 0 ? 0 : _ref$order,
+      _ref$page = _ref.page,
+      page = _ref$page === void 0 ? {} : _ref$page;
   var nextPageIndex = order + 1;
 
   var onPageDuplicateClick = function onPageDuplicateClick() {
@@ -96,15 +103,6 @@ PageThumbnailActions.propTypes = {
     id: PropTypes__default['default'].string
   })
 };
-PageThumbnailActions.defaultProps = {
-  disableInteraction: [],
-  onAnEventTrigger: function onAnEventTrigger() {},
-  onPageAdd: function onPageAdd() {},
-  onPageDuplicate: function onPageDuplicate() {},
-  onPageRemove: function onPageRemove() {},
-  order: 0,
-  page: {}
-};
 var PageThumbnailActions$1 = /*#__PURE__*/React.memo(PageThumbnailActions);
 
 module.exports = PageThumbnailActions$1;

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

@@ -1 +1 @@
-{"version":3,"file":"PageThumbnailActions.js","sources":["../../../../../src/components/Panels/SlidesPanel/PageThumbnailActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst PageThumbnailActions = ({\n  disableInteraction,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\n}) => {\n  const nextPageIndex = order + 1;\n\n  const onPageDuplicateClick = () => {\n    onPageDuplicate(page);\n    onAnEventTrigger('duplicatePage', nextPageIndex);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(page.id);\n    onAnEventTrigger('removePageFromSlides', page.id);\n  };\n\n  const onPageAddClick = () => {\n    onPageAdd(nextPageIndex);\n    onAnEventTrigger('addNewPageFromSlides', nextPageIndex);\n  };\n\n  const { ADD_NEW_PAGE, DUPLICATE_PAGE, REMOVE_PAGE } = useTranslatedTexts();\n  return (\n    <div\n      className=\"thumbnailActions d-flex dir-col f-height j-center\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"floatingController forPageAction forSlides\">\n        <div className=\"floatingController-container\">\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem\"\n            data-order={nextPageIndex}\n            disabled={disableInteraction.indexOf('duplicate') > -1}\n            onClick={onPageDuplicateClick}\n            title={DUPLICATE_PAGE}\n            type=\"button\"\n          >\n            <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n          </button>\n          <button\n            key=\"Remove Slide\"\n            className=\"controllerItem isDanger\"\n            data-order={order}\n            disabled={disableInteraction.indexOf('remove') > -1}\n            onClick={onPageRemoveClick}\n            title={REMOVE_PAGE}\n            type=\"button\"\n          >\n            <icons.trash className=\"jfReportSVG icon-trashLine\" />\n          </button>\n          <button\n            key=\"Add Slide\"\n            className=\"controllerItem\"\n            data-order={nextPageIndex}\n            disabled={disableInteraction.indexOf('add') > -1}\n            onClick={onPageAddClick}\n            title={ADD_NEW_PAGE}\n            type=\"button\"\n          >\n            <icons.plus className=\"jfReportSVG icon-plus\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPageThumbnailActions.propTypes = {\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  page: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n};\n\nPageThumbnailActions.defaultProps = {\n  disableInteraction: [],\n  onAnEventTrigger: () => {},\n  onPageAdd: () => {},\n  onPageDuplicate: () => {},\n  onPageRemove: () => {},\n  order: 0,\n  page: {},\n};\n\nexport default memo(PageThumbnailActions);\n"],"names":["PageThumbnailActions","disableInteraction","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageRemove","order","page","nextPageIndex","onPageDuplicateClick","onPageRemoveClick","id","onPageAddClick","useTranslatedTexts","ADD_NEW_PAGE","DUPLICATE_PAGE","REMOVE_PAGE","_jsx","_jsxs","indexOf","icons.duplicate","icons.trash","icons.plus","propTypes","PropTypes","arrayOf","string","func","number","shape","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"PageThumbnailActions.js","sources":["../../../../../src/components/Panels/SlidesPanel/PageThumbnailActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst PageThumbnailActions = ({\n  disableInteraction = [],\n  onAnEventTrigger = () => {},\n  onPageAdd = () => {},\n  onPageDuplicate = () => {},\n  onPageRemove = () => {},\n  order = 0,\n  page = {},\n}) => {\n  const nextPageIndex = order + 1;\n\n  const onPageDuplicateClick = () => {\n    onPageDuplicate(page);\n    onAnEventTrigger('duplicatePage', nextPageIndex);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(page.id);\n    onAnEventTrigger('removePageFromSlides', page.id);\n  };\n\n  const onPageAddClick = () => {\n    onPageAdd(nextPageIndex);\n    onAnEventTrigger('addNewPageFromSlides', nextPageIndex);\n  };\n\n  const { ADD_NEW_PAGE, DUPLICATE_PAGE, REMOVE_PAGE } = useTranslatedTexts();\n  return (\n    <div\n      className=\"thumbnailActions d-flex dir-col f-height j-center\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"floatingController forPageAction forSlides\">\n        <div className=\"floatingController-container\">\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem\"\n            data-order={nextPageIndex}\n            disabled={disableInteraction.indexOf('duplicate') > -1}\n            onClick={onPageDuplicateClick}\n            title={DUPLICATE_PAGE}\n            type=\"button\"\n          >\n            <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n          </button>\n          <button\n            key=\"Remove Slide\"\n            className=\"controllerItem isDanger\"\n            data-order={order}\n            disabled={disableInteraction.indexOf('remove') > -1}\n            onClick={onPageRemoveClick}\n            title={REMOVE_PAGE}\n            type=\"button\"\n          >\n            <icons.trash className=\"jfReportSVG icon-trashLine\" />\n          </button>\n          <button\n            key=\"Add Slide\"\n            className=\"controllerItem\"\n            data-order={nextPageIndex}\n            disabled={disableInteraction.indexOf('add') > -1}\n            onClick={onPageAddClick}\n            title={ADD_NEW_PAGE}\n            type=\"button\"\n          >\n            <icons.plus className=\"jfReportSVG icon-plus\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPageThumbnailActions.propTypes = {\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  page: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n};\n\nexport default memo(PageThumbnailActions);\n"],"names":["PageThumbnailActions","disableInteraction","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageRemove","order","page","nextPageIndex","onPageDuplicateClick","onPageRemoveClick","id","onPageAddClick","useTranslatedTexts","ADD_NEW_PAGE","DUPLICATE_PAGE","REMOVE_PAGE","_jsx","_jsxs","indexOf","icons.duplicate","icons.trash","icons.plus","propTypes","PropTypes","arrayOf","string","func","number","shape","memo"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAQvB;AAAA,mCAPJC,kBAOI;AAAA,MAPJA,kBAOI,sCAPiB,EAOjB;AAAA,mCANJC,gBAMI;AAAA,MANJA,gBAMI,sCANe,YAAM,EAMrB;AAAA,4BALJC,SAKI;AAAA,MALJA,SAKI,+BALQ,YAAM,EAKd;AAAA,kCAJJC,eAII;AAAA,MAJJA,eAII,qCAJc,YAAM,EAIpB;AAAA,+BAHJC,YAGI;AAAA,MAHJA,YAGI,kCAHW,YAAM,EAGjB;AAAA,wBAFJC,KAEI;AAAA,MAFJA,KAEI,2BAFI,CAEJ;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,EACH;AACJ,MAAMC,aAAa,GAAGF,KAAK,GAAG,CAA9B;;AAEA,MAAMG,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjCL,IAAAA,eAAe,CAACG,IAAD,CAAf;AACAL,IAAAA,gBAAgB,CAAC,eAAD,EAAkBM,aAAlB,CAAhB;AACD,GAHD;;AAKA,MAAME,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9BL,IAAAA,YAAY,CAACE,IAAI,CAACI,EAAN,CAAZ;AACAT,IAAAA,gBAAgB,CAAC,sBAAD,EAAyBK,IAAI,CAACI,EAA9B,CAAhB;AACD,GAHD;;AAKA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3BT,IAAAA,SAAS,CAACK,aAAD,CAAT;AACAN,IAAAA,gBAAgB,CAAC,sBAAD,EAAyBM,aAAzB,CAAhB;AACD,GAHD;;AAKA,4BAAsDK,wBAAkB,EAAxE;AAAA,MAAQC,YAAR,uBAAQA,YAAR;AAAA,MAAsBC,cAAtB,uBAAsBA,cAAtB;AAAA,MAAsCC,WAAtC,uBAAsCA,WAAtC;;AACA,sBACEC;AACE,IAAA,SAAS,EAAC,mDADZ;AAEE,IAAA,EAAE,2BAAoBX,KAApB,CAFJ;AAAA,2BAIEW;AAAK,MAAA,SAAS,EAAC,4CAAf;AAAA,6BACEC;AAAK,QAAA,SAAS,EAAC,8BAAf;AAAA,gCACED;AAEE,UAAA,SAAS,EAAC,gBAFZ;AAGE,wBAAYT,aAHd;AAIE,UAAA,QAAQ,EAAEP,kBAAkB,CAACkB,OAAnB,CAA2B,WAA3B,IAA0C,CAAC,CAJvD;AAKE,UAAA,OAAO,EAAEV,oBALX;AAME,UAAA,KAAK,EAAEM,cANT;AAOE,UAAA,IAAI,EAAC,QAPP;AAAA,iCASEE,eAACG,SAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B;AATF,WACM,gBADN,CADF,eAYEH;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAGE,wBAAYX,KAHd;AAIE,UAAA,QAAQ,EAAEL,kBAAkB,CAACkB,OAAnB,CAA2B,QAA3B,IAAuC,CAAC,CAJpD;AAKE,UAAA,OAAO,EAAET,iBALX;AAME,UAAA,KAAK,EAAEM,WANT;AAOE,UAAA,IAAI,EAAC,QAPP;AAAA,iCASEC,eAACI,KAAD;AAAa,YAAA,SAAS,EAAC;AAAvB;AATF,WACM,cADN,CAZF,eAuBEJ;AAEE,UAAA,SAAS,EAAC,gBAFZ;AAGE,wBAAYT,aAHd;AAIE,UAAA,QAAQ,EAAEP,kBAAkB,CAACkB,OAAnB,CAA2B,KAA3B,IAAoC,CAAC,CAJjD;AAKE,UAAA,OAAO,EAAEP,cALX;AAME,UAAA,KAAK,EAAEE,YANT;AAOE,UAAA,IAAI,EAAC,QAPP;AAAA,iCASEG,eAACK,IAAD;AAAY,YAAA,SAAS,EAAC;AAAtB;AATF,WACM,WADN,CAvBF;AAAA;AADF;AAJF,IADF;AA4CD,CAvED;;AAyEAtB,oBAAoB,CAACuB,SAArB,GAAiC;AAC/BtB,EAAAA,kBAAkB,EAAEuB,6BAAS,CAACC,OAAV,CAAkBD,6BAAS,CAACE,MAA5B,CADW;AAE/BxB,EAAAA,gBAAgB,EAAEsB,6BAAS,CAACG,IAFG;AAG/BxB,EAAAA,SAAS,EAAEqB,6BAAS,CAACG,IAHU;AAI/BvB,EAAAA,eAAe,EAAEoB,6BAAS,CAACG,IAJI;AAK/BtB,EAAAA,YAAY,EAAEmB,6BAAS,CAACG,IALO;AAM/BrB,EAAAA,KAAK,EAAEkB,6BAAS,CAACI,MANc;AAO/BrB,EAAAA,IAAI,EAAEiB,6BAAS,CAACK,KAAV,CAAgB;AACpBlB,IAAAA,EAAE,EAAEa,6BAAS,CAACE;AADM,GAAhB;AAPyB,CAAjC;AAYA,0CAAeI,UAAI,CAAC9B,oBAAD,CAAnB;;;;"}

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

@@ -3,7 +3,6 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var classNames = require('classnames');
-var reactWindow = require('react-window');
 var Panel = require('../../Builder/Panel.js');
 var SortablePageList = require('./SortablePageList.js');
 var Section = require('../../Builder/Section.js');
@@ -34,14 +33,22 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var SlidesPanel = function SlidesPanel(_ref) {
-  var additionalPageItems = _ref.additionalPageItems,
-      hashCode = _ref.hashCode,
-      itemAccessor = _ref.itemAccessor,
-      onPageAdd = _ref.onPageAdd,
-      onPageDuplicate = _ref.onPageDuplicate,
-      onPageOrdersChange = _ref.onPageOrdersChange,
-      onPageRemove = _ref.onPageRemove,
-      pages = _ref.pages;
+  var _ref$additionalPageIt = _ref.additionalPageItems,
+      additionalPageItems = _ref$additionalPageIt === void 0 ? [] : _ref$additionalPageIt,
+      _ref$hashCode = _ref.hashCode,
+      hashCode = _ref$hashCode === void 0 ? '' : _ref$hashCode,
+      _ref$itemAccessor = _ref.itemAccessor,
+      itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
+      _ref$onPageAdd = _ref.onPageAdd,
+      onPageAdd = _ref$onPageAdd === void 0 ? function () {} : _ref$onPageAdd,
+      _ref$onPageDuplicate = _ref.onPageDuplicate,
+      onPageDuplicate = _ref$onPageDuplicate === void 0 ? function () {} : _ref$onPageDuplicate,
+      _ref$onPageOrdersChan = _ref.onPageOrdersChange,
+      onPageOrdersChange = _ref$onPageOrdersChan === void 0 ? function () {} : _ref$onPageOrdersChan,
+      _ref$onPageRemove = _ref.onPageRemove,
+      onPageRemove = _ref$onPageRemove === void 0 ? function () {} : _ref$onPageRemove,
+      _ref$pages = _ref.pages,
+      pages = _ref$pages === void 0 ? [] : _ref$pages;
 
   var _useBuilderContext = builderContext.useBuilderContext(),
       isRightPanelOpen = _useBuilderContext.isRightPanelOpen,
@@ -64,7 +71,7 @@ var SlidesPanel = function SlidesPanel(_ref) {
   var pageGetter = React.useCallback(function (index) {
     return pages[index];
   }, [pages]);
-  var onPageSort = React.useCallback(function (_ref2, nativeEvent, list) {
+  var onPageSort = React.useCallback(function (_ref2) {
     var newIndex = _ref2.newIndex,
         oldIndex = _ref2.oldIndex;
     var newPageOrders = functions.arrayMove(pages, oldIndex, newIndex).reduce(function (acc, page, index) {
@@ -75,7 +82,6 @@ var SlidesPanel = function SlidesPanel(_ref) {
     }, {});
     onPageOrdersChange(newPageOrders);
     onAnEventTrigger('sortPageFromSlides');
-    list.forceUpdate();
   }, [pages]); // Panel className
 
   var panelAdditionalClassName = classNames__default['default']('jfReport-settings forSlides f-height', {
@@ -121,7 +127,7 @@ var SlidesPanel = function SlidesPanel(_ref) {
           children: /*#__PURE__*/jsxRuntime.jsx(ListWrapper, {
             acceptedItems: acceptedItems,
             additionalPageItems: additionalPageItems,
-            component: SortablePageList(reactWindow.FixedSizeList),
+            component: SortablePageList(),
             disableInteraction: disableInteraction,
             hashCode: hashCode,
             itemAccessor: itemAccessor,
@@ -132,6 +138,7 @@ var SlidesPanel = function SlidesPanel(_ref) {
             onSortEnd: onPageSort,
             pageCount: pages.length,
             pageGetter: pageGetter,
+            pages: pages,
             reportSettings: reportSettings
           })
         })
@@ -150,16 +157,6 @@ SlidesPanel.propTypes = {
   onPageRemove: PropTypes__default['default'].func,
   pages: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({}))
 };
-SlidesPanel.defaultProps = {
-  additionalPageItems: [],
-  hashCode: '',
-  itemAccessor: function itemAccessor() {},
-  onPageAdd: function onPageAdd() {},
-  onPageDuplicate: function onPageDuplicate() {},
-  onPageOrdersChange: function onPageOrdersChange() {},
-  onPageRemove: function onPageRemove() {},
-  pages: []
-};
 var SlidesPanel$1 = /*#__PURE__*/React.memo(SlidesPanel);
 
 module.exports = SlidesPanel$1;

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

@@ -1 +1 @@
-{"version":3,"file":"SlidesPanel.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanel.js"],"sourcesContent":["import { memo, useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FixedSizeList } from 'react-window';\nimport Panel from '../../Builder/Panel';\nimport SortablePageList from './SortablePageList';\nimport Section from '../../Builder/Section';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport { arrayMove } from '../../../utils/functions';\nimport SlidesPanelToggler from './SlidesPanelToggler';\nimport ListWrapper from './ListWrapper';\nimport Button from '../../Settings/Button';\nimport { useClickOutsideListener, useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanel = ({\n  additionalPageItems,\n  hashCode,\n  itemAccessor,\n  onPageAdd,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  pages,\n}) => {\n  const {\n    isRightPanelOpen,\n    isSlidesPanelOpen,\n    setIsAllSlidesPanelOpen,\n    setIsSlidesPanelOpen,\n  } = useBuilderContext();\n  const {\n    acceptedItems,\n    disableInteraction,\n    onAnEventTrigger,\n    settings: reportSettings,\n    useExperimentalFeatures,\n  } = usePropContext();\n  const [animationEnd, setAnimationEnd] = useState(true);\n\n  const pageGetter = useCallback(index => {\n    return pages[index];\n  }, [pages]);\n\n  const onPageSort = useCallback(({ newIndex, oldIndex }, nativeEvent, list) => {\n    const newPageOrders = arrayMove(pages, oldIndex, newIndex).reduce((acc, page, index) => {\n      acc[page.id] = { order: index + 1 };\n      return acc;\n    }, {});\n\n    onPageOrdersChange(newPageOrders);\n    onAnEventTrigger('sortPageFromSlides');\n\n    list.forceUpdate();\n  }, [pages]);\n\n  // Panel className\n  const panelAdditionalClassName = classNames(\n    'jfReport-settings forSlides f-height',\n    {\n      isIdle: !isSlidesPanelOpen,\n      otherOpened: isRightPanelOpen,\n    },\n  );\n\n  const onClosePanel = () => {\n    setAnimationEnd(false);\n    setIsSlidesPanelOpen(false);\n  };\n\n  const onAnimationEnd = useCallback(() => {\n    if (!isSlidesPanelOpen) {\n      setAnimationEnd(true);\n    }\n  }, [isSlidesPanelOpen]);\n\n  useClickOutsideListener(\n    ['jfReport-canvas', 'jfReport-viewport', 'jfReport-pageInfo'],\n    isSlidesPanelOpen,\n    onClosePanel,\n  );\n\n  const { SLIDES } = useTranslatedTexts();\n\n  return (\n    <Panel\n      additionalClassName={panelAdditionalClassName}\n      onAnimationEnd={onAnimationEnd}\n    >\n      {isRightPanelOpen\n        ? null\n        : <SlidesPanelToggler onClosePanel={onClosePanel} />}\n      {(isSlidesPanelOpen || (!isSlidesPanelOpen && !animationEnd)) && (\n        <div className=\"toolItemWrapper f-height d-flex dir-col\">\n          <Section\n            additionalComponent={useExperimentalFeatures ? (\n              <Button\n                classNames=\"jfReportButton isAccent showAll\"\n                icon=\"allSlides\"\n                onClick={() => setIsAllSlidesPanelOpen(true)}\n                title=\"Show All\"\n              />\n            ) : null}\n            icon=\"slides\"\n            title={SLIDES}\n          >\n            <div className=\"toolItem-tabContent hasInnerScroll\">\n              <ListWrapper\n                acceptedItems={acceptedItems}\n                additionalPageItems={additionalPageItems}\n                component={SortablePageList(FixedSizeList)}\n                disableInteraction={disableInteraction}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                onAnEventTrigger={onAnEventTrigger}\n                onPageAdd={onPageAdd}\n                onPageDuplicate={onPageDuplicate}\n                onPageRemove={onPageRemove}\n                onSortEnd={onPageSort}\n                pageCount={pages.length}\n                pageGetter={pageGetter}\n                reportSettings={reportSettings}\n              />\n            </div>\n          </Section>\n        </div>\n      )}\n    </Panel>\n  );\n};\n\nSlidesPanel.propTypes = {\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  hashCode: PropTypes.string,\n  itemAccessor: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageOrdersChange: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n};\n\nSlidesPanel.defaultProps = {\n  additionalPageItems: [],\n  hashCode: '',\n  itemAccessor: () => { },\n  onPageAdd: () => { },\n  onPageDuplicate: () => { },\n  onPageOrdersChange: () => { },\n  onPageRemove: () => { },\n  pages: [],\n};\n\nexport default memo(SlidesPanel);\n"],"names":["SlidesPanel","additionalPageItems","hashCode","itemAccessor","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","pages","useBuilderContext","isRightPanelOpen","isSlidesPanelOpen","setIsAllSlidesPanelOpen","setIsSlidesPanelOpen","usePropContext","acceptedItems","disableInteraction","onAnEventTrigger","reportSettings","settings","useExperimentalFeatures","useState","animationEnd","setAnimationEnd","pageGetter","useCallback","index","onPageSort","nativeEvent","list","newIndex","oldIndex","newPageOrders","arrayMove","reduce","acc","page","id","order","forceUpdate","panelAdditionalClassName","classNames","isIdle","otherOpened","onClosePanel","onAnimationEnd","useClickOutsideListener","useTranslatedTexts","SLIDES","_jsxs","_jsx","SortablePageList","FixedSizeList","length","propTypes","PropTypes","arrayOf","node","string","func","shape","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"SlidesPanel.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanel.js"],"sourcesContent":["import { memo, useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport SortablePageList from './SortablePageList';\nimport Section from '../../Builder/Section';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport { arrayMove } from '../../../utils/functions';\nimport SlidesPanelToggler from './SlidesPanelToggler';\nimport ListWrapper from './ListWrapper';\nimport Button from '../../Settings/Button';\nimport { useClickOutsideListener, useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanel = ({\n  additionalPageItems = [],\n  hashCode = '',\n  itemAccessor = () => {},\n  onPageAdd = () => {},\n  onPageDuplicate = () => {},\n  onPageOrdersChange = () => {},\n  onPageRemove = () => {},\n  pages = [],\n}) => {\n  const {\n    isRightPanelOpen,\n    isSlidesPanelOpen,\n    setIsAllSlidesPanelOpen,\n    setIsSlidesPanelOpen,\n  } = useBuilderContext();\n  const {\n    acceptedItems,\n    disableInteraction,\n    onAnEventTrigger,\n    settings: reportSettings,\n    useExperimentalFeatures,\n  } = usePropContext();\n  const [animationEnd, setAnimationEnd] = useState(true);\n\n  const pageGetter = useCallback(index => {\n    return pages[index];\n  }, [pages]);\n\n  const onPageSort = useCallback(({ newIndex, oldIndex }) => {\n    const newPageOrders = arrayMove(pages, oldIndex, newIndex).reduce((acc, page, index) => {\n      acc[page.id] = { order: index + 1 };\n      return acc;\n    }, {});\n\n    onPageOrdersChange(newPageOrders);\n    onAnEventTrigger('sortPageFromSlides');\n  }, [pages]);\n\n  // Panel className\n  const panelAdditionalClassName = classNames(\n    'jfReport-settings forSlides f-height',\n    {\n      isIdle: !isSlidesPanelOpen,\n      otherOpened: isRightPanelOpen,\n    },\n  );\n\n  const onClosePanel = () => {\n    setAnimationEnd(false);\n    setIsSlidesPanelOpen(false);\n  };\n\n  const onAnimationEnd = useCallback(() => {\n    if (!isSlidesPanelOpen) {\n      setAnimationEnd(true);\n    }\n  }, [isSlidesPanelOpen]);\n\n  useClickOutsideListener(\n    ['jfReport-canvas', 'jfReport-viewport', 'jfReport-pageInfo'],\n    isSlidesPanelOpen,\n    onClosePanel,\n  );\n\n  const { SLIDES } = useTranslatedTexts();\n\n  return (\n    <Panel\n      additionalClassName={panelAdditionalClassName}\n      onAnimationEnd={onAnimationEnd}\n    >\n      {isRightPanelOpen\n        ? null\n        : <SlidesPanelToggler onClosePanel={onClosePanel} />}\n      {(isSlidesPanelOpen || (!isSlidesPanelOpen && !animationEnd)) && (\n        <div className=\"toolItemWrapper f-height d-flex dir-col\">\n          <Section\n            additionalComponent={useExperimentalFeatures ? (\n              <Button\n                classNames=\"jfReportButton isAccent showAll\"\n                icon=\"allSlides\"\n                onClick={() => setIsAllSlidesPanelOpen(true)}\n                title=\"Show All\"\n              />\n            ) : null}\n            icon=\"slides\"\n            title={SLIDES}\n          >\n            <div className=\"toolItem-tabContent hasInnerScroll\">\n              <ListWrapper\n                acceptedItems={acceptedItems}\n                additionalPageItems={additionalPageItems}\n                component={SortablePageList()}\n                disableInteraction={disableInteraction}\n                hashCode={hashCode}\n                itemAccessor={itemAccessor}\n                onAnEventTrigger={onAnEventTrigger}\n                onPageAdd={onPageAdd}\n                onPageDuplicate={onPageDuplicate}\n                onPageRemove={onPageRemove}\n                onSortEnd={onPageSort}\n                pageCount={pages.length}\n                pageGetter={pageGetter}\n                pages={pages}\n                reportSettings={reportSettings}\n              />\n            </div>\n          </Section>\n        </div>\n      )}\n    </Panel>\n  );\n};\n\nSlidesPanel.propTypes = {\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  hashCode: PropTypes.string,\n  itemAccessor: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageOrdersChange: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n};\n\nexport default memo(SlidesPanel);\n"],"names":["SlidesPanel","additionalPageItems","hashCode","itemAccessor","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","pages","useBuilderContext","isRightPanelOpen","isSlidesPanelOpen","setIsAllSlidesPanelOpen","setIsSlidesPanelOpen","usePropContext","acceptedItems","disableInteraction","onAnEventTrigger","reportSettings","settings","useExperimentalFeatures","useState","animationEnd","setAnimationEnd","pageGetter","useCallback","index","onPageSort","newIndex","oldIndex","newPageOrders","arrayMove","reduce","acc","page","id","order","panelAdditionalClassName","classNames","isIdle","otherOpened","onClosePanel","onAnimationEnd","useClickOutsideListener","useTranslatedTexts","SLIDES","_jsxs","_jsx","SortablePageList","length","propTypes","PropTypes","arrayOf","node","string","func","shape","memo"],"mappings":"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"}

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

@@ -12,7 +12,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var SlidesPanelToggler = function SlidesPanelToggler(_ref) {
-  var onClosePanel = _ref.onClosePanel;
+  var _ref$onClosePanel = _ref.onClosePanel,
+      onClosePanel = _ref$onClosePanel === void 0 ? function () {} : _ref$onClosePanel;
 
   var _useBuilderContext = builderContext.useBuilderContext(),
       setActiveElement = _useBuilderContext.setActiveElement,
@@ -47,9 +48,6 @@ var SlidesPanelToggler = function SlidesPanelToggler(_ref) {
 SlidesPanelToggler.propTypes = {
   onClosePanel: PropTypes__default['default'].func
 };
-SlidesPanelToggler.defaultProps = {
-  onClosePanel: function onClosePanel() {}
-};
 
 module.exports = SlidesPanelToggler;
 //# sourceMappingURL=SlidesPanelToggler.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SlidesPanelToggler.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanelToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanelToggler = ({ onClosePanel }) => {\n  const {\n    setActiveElement,\n    setIsSlidesPanelOpen,\n  } = useBuilderContext();\n  const { SLIDES } = useTranslatedTexts();\n\n  return (\n    <>\n      <button\n        className=\"paneToggler settingsToggle\"\n        onClick={() => {\n          setActiveElement(null);\n          setIsSlidesPanelOpen(true);\n        }}\n        title={SLIDES}\n        type=\"button\"\n      >\n        <icons.slides className=\"jfReportSVG isTick\" />\n      </button>\n      <button\n        className=\"paneClose p-absolute\"\n        onClick={onClosePanel}\n        type=\"button\"\n      >\n        <icons.close className=\"jfReportSVG\" />\n      </button>\n    </>\n  );\n};\n\nSlidesPanelToggler.propTypes = {\n  onClosePanel: PropTypes.func,\n};\n\nSlidesPanelToggler.defaultProps = {\n  onClosePanel: () => {},\n};\n\nexport default SlidesPanelToggler;\n"],"names":["SlidesPanelToggler","onClosePanel","useBuilderContext","setActiveElement","setIsSlidesPanelOpen","useTranslatedTexts","SLIDES","_jsxs","_jsx","icons.slides","icons.close","propTypes","PropTypes","func","defaultProps"],"mappings":";;;;;;;;;;;;;IAKMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAsB;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;AAC/C,2BAGIC,gCAAiB,EAHrB;AAAA,MACEC,gBADF,sBACEA,gBADF;AAAA,MAEEC,oBAFF,sBAEEA,oBAFF;;AAIA,4BAAmBC,wBAAkB,EAArC;AAAA,MAAQC,MAAR,uBAAQA,MAAR;;AAEA,sBACEC;AAAA,4BACEC;AACE,MAAA,SAAS,EAAC,4BADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AACbL,QAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACAC,QAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,OALH;AAME,MAAA,KAAK,EAAEE,MANT;AAOE,MAAA,IAAI,EAAC,QAPP;AAAA,6BASEE,eAACC,MAAD;AAAc,QAAA,SAAS,EAAC;AAAxB;AATF,MADF,eAYED;AACE,MAAA,SAAS,EAAC,sBADZ;AAEE,MAAA,OAAO,EAAEP,YAFX;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEO,eAACE,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF,MAZF;AAAA,IADF;AAsBD;;AAEDV,kBAAkB,CAACW,SAAnB,GAA+B;AAC7BV,EAAAA,YAAY,EAAEW,6BAAS,CAACC;AADK,CAA/B;AAIAb,kBAAkB,CAACc,YAAnB,GAAkC;AAChCb,EAAAA,YAAY,EAAE,wBAAM;AADY,CAAlC;;;;"}
+{"version":3,"file":"SlidesPanelToggler.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanelToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanelToggler = ({ onClosePanel = () => {} }) => {\n  const {\n    setActiveElement,\n    setIsSlidesPanelOpen,\n  } = useBuilderContext();\n  const { SLIDES } = useTranslatedTexts();\n\n  return (\n    <>\n      <button\n        className=\"paneToggler settingsToggle\"\n        onClick={() => {\n          setActiveElement(null);\n          setIsSlidesPanelOpen(true);\n        }}\n        title={SLIDES}\n        type=\"button\"\n      >\n        <icons.slides className=\"jfReportSVG isTick\" />\n      </button>\n      <button\n        className=\"paneClose p-absolute\"\n        onClick={onClosePanel}\n        type=\"button\"\n      >\n        <icons.close className=\"jfReportSVG\" />\n      </button>\n    </>\n  );\n};\n\nSlidesPanelToggler.propTypes = {\n  onClosePanel: PropTypes.func,\n};\n\nexport default SlidesPanelToggler;\n"],"names":["SlidesPanelToggler","onClosePanel","useBuilderContext","setActiveElement","setIsSlidesPanelOpen","useTranslatedTexts","SLIDES","_jsxs","_jsx","icons.slides","icons.close","propTypes","PropTypes","func"],"mappings":";;;;;;;;;;;;;IAKMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAiC;AAAA,+BAA9BC,YAA8B;AAAA,MAA9BA,YAA8B,kCAAf,YAAM,EAAS;;AAC1D,2BAGIC,gCAAiB,EAHrB;AAAA,MACEC,gBADF,sBACEA,gBADF;AAAA,MAEEC,oBAFF,sBAEEA,oBAFF;;AAIA,4BAAmBC,wBAAkB,EAArC;AAAA,MAAQC,MAAR,uBAAQA,MAAR;;AAEA,sBACEC;AAAA,4BACEC;AACE,MAAA,SAAS,EAAC,4BADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AACbL,QAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACAC,QAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,OALH;AAME,MAAA,KAAK,EAAEE,MANT;AAOE,MAAA,IAAI,EAAC,QAPP;AAAA,6BASEE,eAACC,MAAD;AAAc,QAAA,SAAS,EAAC;AAAxB;AATF,MADF,eAYED;AACE,MAAA,SAAS,EAAC,sBADZ;AAEE,MAAA,OAAO,EAAEP,YAFX;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEO,eAACE,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF,MAZF;AAAA,IADF;AAsBD;;AAEDV,kBAAkB,CAACW,SAAnB,GAA+B;AAC7BV,EAAAA,YAAY,EAAEW,6BAAS,CAACC;AADK,CAA/B;;;;"}

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

@@ -1,16 +1,32 @@
 'use strict';
 
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/es.regexp.to-string.js');
 var React = require('react');
-var reactSortableHoc = require('react-sortable-hoc');
+var sortable = require('@dnd-kit/sortable');
+var utilities = require('@dnd-kit/utilities');
+var PropTypes = require('prop-types');
 var StaticPage = require('../../Preview/StaticPage.js');
 var PageThumbnailActions = require('./PageThumbnailActions.js');
+var functions = require('../../../utils/functions.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-var SortablePageItem = reactSortableHoc.SortableElement(function (_ref) {
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+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 _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 _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 SortablePageItem = function SortablePageItem(_ref) {
   var acceptedItems = _ref.acceptedItems,
       additionalPageItems = _ref.additionalPageItems,
       disableInteraction = _ref.disableInteraction,
       hashCode = _ref.hashCode,
+      id = _ref.id,
       itemAccessor = _ref.itemAccessor,
       onAnEventTrigger = _ref.onAnEventTrigger,
       onPageAdd = _ref.onPageAdd,
@@ -22,17 +38,33 @@ var SortablePageItem = reactSortableHoc.SortableElement(function (_ref) {
       pageContainerStyle = _ref.pageContainerStyle,
       style = _ref.style;
 
-  var onKeyDown = function onKeyDown(f) {
-    return f;
-  };
+  var _useSortable = sortable.useSortable({
+    id: id
+  }),
+      attributes = _useSortable.attributes,
+      isDragging = _useSortable.isDragging,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
 
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+  var dragStyle = React.useMemo(function () {
+    var baseStyle = {
+      opacity: isDragging ? 0.5 : 1,
+      transform: utilities.CSS.Transform.toString(transform),
+      transition: transition
+    };
+    return _objectSpread(_objectSpread({}, baseStyle), style);
+  }, [transform, transition, isDragging, style]);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+    ref: setNodeRef,
     className: "thumbnailWrapper d-flex a-center j-between",
     "data-id": page.id,
     "data-order": order,
     onClick: onPageClick,
-    onKeyDown: onKeyDown,
-    style: style,
+    onKeyDown: functions.emptyFunction,
+    style: dragStyle
+  }, attributes), listeners), {}, {
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "thumbnailOrder",
       children: order
@@ -56,8 +88,35 @@ var SortablePageItem = reactSortableHoc.SortableElement(function (_ref) {
       order: order,
       page: page
     })]
-  });
-});
+  }));
+};
+
+SortablePageItem.propTypes = {
+  acceptedItems: PropTypes__default['default'].shape({}),
+  additionalPageItems: PropTypes__default['default'].arrayOf(PropTypes__default['default'].node),
+  disableInteraction: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
+  hashCode: PropTypes__default['default'].string,
+  id: PropTypes__default['default'].string.isRequired,
+  itemAccessor: PropTypes__default['default'].func,
+  onAnEventTrigger: PropTypes__default['default'].func,
+  onPageAdd: PropTypes__default['default'].func,
+  onPageClick: PropTypes__default['default'].func,
+  onPageDuplicate: PropTypes__default['default'].func,
+  onPageRemove: PropTypes__default['default'].func,
+  order: PropTypes__default['default'].number,
+  page: PropTypes__default['default'].shape({
+    id: PropTypes__default['default'].string.isRequired,
+    items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({}))
+  }),
+  pageContainerStyle: PropTypes__default['default'].shape({
+    backgroundColor: PropTypes__default['default'].string
+  }),
+  style: PropTypes__default['default'].shape({
+    opacity: PropTypes__default['default'].number,
+    transform: PropTypes__default['default'].string,
+    transition: PropTypes__default['default'].string
+  })
+};
 var SortablePageItem$1 = /*#__PURE__*/React.memo(SortablePageItem);
 
 module.exports = SortablePageItem$1;

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 StaticPage from '../../Preview/StaticPage';\nimport PageThumbnailActions from './PageThumbnailActions';\n\nconst SortablePageItem = SortableElement(({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\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=\"thumbnailWrapper d-flex a-center j-between\"\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","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","order","page","pageContainerStyle","style","onKeyDown","f","_jsxs","id","_jsx","StaticPage","items","memo"],"mappings":";;;;;;;;AAKA,IAAMA,gBAAgB,GAAGC,gCAAe,CAAC,gBAenC;AAAA,MAdJC,aAcI,QAdJA,aAcI;AAAA,MAbJC,mBAaI,QAbJA,mBAaI;AAAA,MAZJC,kBAYI,QAZJA,kBAYI;AAAA,MAXJC,QAWI,QAXJA,QAWI;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,EAAC,4CADZ;AAEE,eAASL,IAAI,CAACM,EAFhB;AAGE,kBAAYP,KAHd;AAIE,IAAA,OAAO,EAAEH,WAJX;AAKE,IAAA,SAAS,EAAEO,SALb;AAME,IAAA,KAAK,EAAED,KANT;AAAA,4BAQEK;AAAK,MAAA,SAAS,EAAC,gBAAf;AAAA,gBAAiCR;AAAjC,MARF,eASEQ;AAAK,MAAA,SAAS,EAAC,yBAAf;AAAA,6BACEA,eAACC,qBAAD;AACE,QAAA,aAAa,EAAEnB,aADjB;AAEE,QAAA,mBAAmB,EAAEC,mBAFvB;AAGE,QAAA,QAAQ,EAAEE,QAHZ;AAIE,QAAA,WAAW,MAJb;AAKE,QAAA,YAAY,EAAEC,YALhB;AAME,QAAA,KAAK,EAAEO,IAAI,CAACS,KANd;AAOE,QAAA,KAAK,EAAER;AAPT;AADF,MATF,eAoBEM,eAAC,oBAAD;AACE,MAAA,kBAAkB,EAAEhB,kBADtB;AAEE,MAAA,gBAAgB,EAAEG,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,CAjDuC,CAAxC;AAmDA,sCAAeU,UAAI,CAACvB,gBAAD,CAAnB;;;;"}
+{"version":3,"file":"SortablePageItem.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageItem.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport PropTypes from 'prop-types';\nimport StaticPage from '../../Preview/StaticPage';\nimport PageThumbnailActions from './PageThumbnailActions';\nimport { emptyFunction } from '../../../utils/functions';\n\nconst SortablePageItem = ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  id,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\n  pageContainerStyle,\n  style,\n}) => {\n  const {\n    attributes,\n    isDragging,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({ id });\n\n  const dragStyle = useMemo(() => {\n    const baseStyle = {\n      opacity: isDragging ? 0.5 : 1,\n      transform: CSS.Transform.toString(transform),\n      transition: transition,\n    };\n\n    return { ...baseStyle, ...style };\n  }, [transform, transition, isDragging, style]);\n\n  return (\n    <div\n      ref={setNodeRef}\n      className=\"thumbnailWrapper d-flex a-center j-between\"\n      data-id={page.id}\n      data-order={order}\n      onClick={onPageClick}\n      onKeyDown={emptyFunction}\n      style={dragStyle}\n      {...attributes}\n      {...listeners}\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\nSortablePageItem.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  hashCode: PropTypes.string,\n  id: PropTypes.string.isRequired,\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  order: PropTypes.number,\n  page: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    items: PropTypes.arrayOf(PropTypes.shape({})),\n  }),\n  pageContainerStyle: PropTypes.shape({\n    backgroundColor: PropTypes.string,\n  }),\n  style: PropTypes.shape({\n    opacity: PropTypes.number,\n    transform: PropTypes.string,\n    transition: PropTypes.string,\n  }),\n};\n\nexport default memo(SortablePageItem);\n"],"names":["SortablePageItem","acceptedItems","additionalPageItems","disableInteraction","hashCode","id","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","order","page","pageContainerStyle","style","useSortable","attributes","isDragging","listeners","setNodeRef","transform","transition","dragStyle","useMemo","baseStyle","opacity","CSS","Transform","toString","_jsxs","emptyFunction","_jsx","StaticPage","items","propTypes","PropTypes","shape","arrayOf","node","string","isRequired","func","number","backgroundColor","memo"],"mappings":"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"}

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

@@ -0,0 +1,66 @@
+'use strict';
+
+var core = require('@dnd-kit/core');
+var PropTypes = require('prop-types');
+var StaticPage = require('../../Preview/StaticPage.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+var SortablePageItemDragOverlay = function SortablePageItemDragOverlay(_ref) {
+  var acceptedItems = _ref.acceptedItems,
+      activePageData = _ref.activePageData,
+      additionalPageItems = _ref.additionalPageItems,
+      hashCode = _ref.hashCode,
+      itemAccessor = _ref.itemAccessor;
+  return /*#__PURE__*/jsxRuntime.jsx(core.DragOverlay, {
+    adjustScale: false,
+    dropAnimation: null,
+    style: {
+      cursor: 'grabbing'
+    },
+    children: activePageData ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "thumbnailWrapper d-flex a-center j-between pageThumbnailHelper",
+      style: {
+        height: 127,
+        opacity: 0.5
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "thumbnailOrder",
+        children: activePageData.page.order
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "thumbnailFrame o-hidden",
+        children: /*#__PURE__*/jsxRuntime.jsx(StaticPage['default'], {
+          acceptedItems: acceptedItems,
+          additionalPageItems: additionalPageItems,
+          hashCode: hashCode,
+          isThumbnail: true,
+          itemAccessor: itemAccessor,
+          items: activePageData.page.items,
+          style: activePageData.pageContainerLastStyle
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "thumbnailActions d-flex dir-col f-height j-center"
+      })]
+    }) : null
+  });
+};
+
+SortablePageItemDragOverlay.propTypes = {
+  acceptedItems: PropTypes__default['default'].shape({}),
+  activePageData: PropTypes__default['default'].shape({
+    page: PropTypes__default['default'].shape({
+      items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
+      order: PropTypes__default['default'].number
+    }),
+    pageContainerLastStyle: PropTypes__default['default'].shape({})
+  }),
+  additionalPageItems: PropTypes__default['default'].arrayOf(PropTypes__default['default'].node),
+  hashCode: PropTypes__default['default'].string,
+  itemAccessor: PropTypes__default['default'].func
+};
+
+module.exports = SortablePageItemDragOverlay;
+//# sourceMappingURL=SortablePageItemDragOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortablePageItemDragOverlay.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageItemDragOverlay.js"],"sourcesContent":["import { DragOverlay } from '@dnd-kit/core';\nimport PropTypes from 'prop-types';\nimport StaticPage from '../../Preview/StaticPage';\n\nconst SortablePageItemDragOverlay = ({\n  acceptedItems,\n  activePageData,\n  additionalPageItems,\n  hashCode,\n  itemAccessor,\n}) => {\n  return (\n    <DragOverlay\n      adjustScale={false}\n      dropAnimation={null}\n      style={{ cursor: 'grabbing' }}\n    >\n      {activePageData ? (\n        <div\n          className=\"thumbnailWrapper d-flex a-center j-between pageThumbnailHelper\"\n          style={{ height: 127, opacity: 0.5 }}\n        >\n          <div className=\"thumbnailOrder\">{activePageData.page.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={activePageData.page.items}\n              style={activePageData.pageContainerLastStyle}\n            />\n          </div>\n          <div className=\"thumbnailActions d-flex dir-col f-height j-center\" />\n        </div>\n      ) : null}\n    </DragOverlay>\n  );\n};\n\nSortablePageItemDragOverlay.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  activePageData: PropTypes.shape({\n    page: PropTypes.shape({\n      items: PropTypes.arrayOf(PropTypes.shape({})),\n      order: PropTypes.number,\n    }),\n    pageContainerLastStyle: PropTypes.shape({}),\n  }),\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  hashCode: PropTypes.string,\n  itemAccessor: PropTypes.func,\n};\n\nexport default SortablePageItemDragOverlay;\n"],"names":["SortablePageItemDragOverlay","acceptedItems","activePageData","additionalPageItems","hashCode","itemAccessor","_jsx","DragOverlay","cursor","_jsxs","height","opacity","page","order","StaticPage","items","pageContainerLastStyle","propTypes","PropTypes","shape","arrayOf","number","node","string","func"],"mappings":";;;;;;;;;;;IAIMA,2BAA2B,GAAG,SAA9BA,2BAA8B,OAM9B;AAAA,MALJC,aAKI,QALJA,aAKI;AAAA,MAJJC,cAII,QAJJA,cAII;AAAA,MAHJC,mBAGI,QAHJA,mBAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,YACI,QADJA,YACI;AACJ,sBACEC,eAACC,gBAAD;AACE,IAAA,WAAW,EAAE,KADf;AAEE,IAAA,aAAa,EAAE,IAFjB;AAGE,IAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAE;AAAV,KAHT;AAAA,cAKGN,cAAc,gBACbO;AACE,MAAA,SAAS,EAAC,gEADZ;AAEE,MAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAE,GAAV;AAAeC,QAAAA,OAAO,EAAE;AAAxB,OAFT;AAAA,8BAIEL;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAA,kBAAiCJ,cAAc,CAACU,IAAf,CAAoBC;AAArD,QAJF,eAKEP;AAAK,QAAA,SAAS,EAAC,yBAAf;AAAA,+BACEA,eAACQ,qBAAD;AACE,UAAA,aAAa,EAAEb,aADjB;AAEE,UAAA,mBAAmB,EAAEE,mBAFvB;AAGE,UAAA,QAAQ,EAAEC,QAHZ;AAIE,UAAA,WAAW,MAJb;AAKE,UAAA,YAAY,EAAEC,YALhB;AAME,UAAA,KAAK,EAAEH,cAAc,CAACU,IAAf,CAAoBG,KAN7B;AAOE,UAAA,KAAK,EAAEb,cAAc,CAACc;AAPxB;AADF,QALF,eAgBEV;AAAK,QAAA,SAAS,EAAC;AAAf,QAhBF;AAAA,MADa,GAmBX;AAxBN,IADF;AA4BD;;AAEDN,2BAA2B,CAACiB,SAA5B,GAAwC;AACtChB,EAAAA,aAAa,EAAEiB,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADuB;AAEtCjB,EAAAA,cAAc,EAAEgB,6BAAS,CAACC,KAAV,CAAgB;AAC9BP,IAAAA,IAAI,EAAEM,6BAAS,CAACC,KAAV,CAAgB;AACpBJ,MAAAA,KAAK,EAAEG,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CADa;AAEpBN,MAAAA,KAAK,EAAEK,6BAAS,CAACG;AAFG,KAAhB,CADwB;AAK9BL,IAAAA,sBAAsB,EAAEE,6BAAS,CAACC,KAAV,CAAgB,EAAhB;AALM,GAAhB,CAFsB;AAStChB,EAAAA,mBAAmB,EAAEe,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACI,IAA5B,CATiB;AAUtClB,EAAAA,QAAQ,EAAEc,6BAAS,CAACK,MAVkB;AAWtClB,EAAAA,YAAY,EAAEa,6BAAS,CAACM;AAXc,CAAxC;;;;"}

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

@@ -3,7 +3,6 @@
 require('core-js/modules/es.array.concat.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var reactWindow = require('react-window');
 var SortablePageItem = require('./SortablePageItem.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -24,7 +23,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 
 var SortablePageItemRenderer = function SortablePageItemRenderer(_ref) {
-  var data = _ref.data,
+  var _ref$data = _ref.data,
+      data = _ref$data === void 0 ? {} : _ref$data,
+      id = _ref.id,
       index = _ref.index,
       style = _ref.style;
 
@@ -33,12 +34,14 @@ var SortablePageItemRenderer = function SortablePageItemRenderer(_ref) {
       otherData = _objectWithoutProperties(data, _excluded);
 
   var page = pageGetter(index);
+  if (!page) return null;
 
   var pageContainerLastStyle = _objectSpread(_objectSpread({}, pageContainerStyle), page.backgroundColor ? {
     backgroundColor: page.backgroundColor
   } : {});
 
   return /*#__PURE__*/jsxRuntime.jsx(SortablePageItem, _objectSpread({
+    id: id,
     index: index,
     order: page.order,
     page: page,
@@ -55,15 +58,13 @@ SortablePageItemRenderer.propTypes = {
     pageGetter: PropTypes__default['default'].func,
     selectedPageIndex: PropTypes__default['default'].number
   }),
+  id: PropTypes__default['default'].string.isRequired,
   index: PropTypes__default['default'].number.isRequired,
   style: PropTypes__default['default'].shape({
     top: PropTypes__default['default'].number
   }).isRequired
 };
-SortablePageItemRenderer.defaultProps = {
-  data: {}
-};
-var SortablePageItemRenderer$1 = /*#__PURE__*/React.memo(SortablePageItemRenderer, reactWindow.areEqual);
+var SortablePageItemRenderer$1 = /*#__PURE__*/React.memo(SortablePageItemRenderer);
 
 module.exports = SortablePageItemRenderer$1;
 //# sourceMappingURL=SortablePageItemRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SortablePageItemRenderer.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageItemRenderer.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { areEqual } from 'react-window';\nimport SortablePageItem from './SortablePageItem';\n\nconst SortablePageItemRenderer = ({ data, index, style }) => {\n  const {\n    pageContainerStyle, pageGetter, ...otherData\n  } = data;\n  const page = pageGetter(index);\n  const pageContainerLastStyle = {\n    ...pageContainerStyle,\n    ...page.backgroundColor ? { backgroundColor: page.backgroundColor } : {},\n  };\n  return (\n    <SortablePageItem\n      key={`page-${index}-${page.id}`}\n      index={index}\n      order={page.order}\n      page={page}\n      pageContainerStyle={pageContainerLastStyle}\n      style={style}\n      {...otherData}\n    />\n  );\n};\n\nSortablePageItemRenderer.propTypes = {\n  data: PropTypes.shape({\n    pageContainerStyle: PropTypes.shape({\n      backgroundColor: PropTypes.string,\n    }),\n    pageGetter: PropTypes.func,\n    selectedPageIndex: PropTypes.number,\n  }),\n  index: PropTypes.number.isRequired,\n  style: PropTypes.shape({\n    top: PropTypes.number,\n  }).isRequired,\n};\n\nSortablePageItemRenderer.defaultProps = {\n  data: {},\n};\n\nexport default memo(SortablePageItemRenderer, areEqual);\n"],"names":["SortablePageItemRenderer","data","index","style","pageContainerStyle","pageGetter","otherData","page","pageContainerLastStyle","backgroundColor","_jsx","order","id","propTypes","PropTypes","shape","string","func","selectedPageIndex","number","isRequired","top","defaultProps","memo","areEqual"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,OAA4B;AAAA,MAAzBC,IAAyB,QAAzBA,IAAyB;AAAA,MAAnBC,KAAmB,QAAnBA,KAAmB;AAAA,MAAZC,KAAY,QAAZA,KAAY;;AAC3D,MACEC,kBADF,GAEIH,IAFJ,CACEG,kBADF;AAAA,MACsBC,UADtB,GAEIJ,IAFJ,CACsBI,UADtB;AAAA,MACqCC,SADrC,4BAEIL,IAFJ;;AAGA,MAAMM,IAAI,GAAGF,UAAU,CAACH,KAAD,CAAvB;;AACA,MAAMM,sBAAsB,mCACvBJ,kBADuB,GAEvBG,IAAI,CAACE,eAAL,GAAuB;AAAEA,IAAAA,eAAe,EAAEF,IAAI,CAACE;AAAxB,GAAvB,GAAmE,EAF5C,CAA5B;;AAIA,sBACEC,eAAC,gBAAD;AAEE,IAAA,KAAK,EAAER,KAFT;AAGE,IAAA,KAAK,EAAEK,IAAI,CAACI,KAHd;AAIE,IAAA,IAAI,EAAEJ,IAJR;AAKE,IAAA,kBAAkB,EAAEC,sBALtB;AAME,IAAA,KAAK,EAAEL;AANT,KAOMG,SAPN,kBACeJ,KADf,cACwBK,IAAI,CAACK,EAD7B,EADF;AAWD,CApBD;;AAsBAZ,wBAAwB,CAACa,SAAzB,GAAqC;AACnCZ,EAAAA,IAAI,EAAEa,6BAAS,CAACC,KAAV,CAAgB;AACpBX,IAAAA,kBAAkB,EAAEU,6BAAS,CAACC,KAAV,CAAgB;AAClCN,MAAAA,eAAe,EAAEK,6BAAS,CAACE;AADO,KAAhB,CADA;AAIpBX,IAAAA,UAAU,EAAES,6BAAS,CAACG,IAJF;AAKpBC,IAAAA,iBAAiB,EAAEJ,6BAAS,CAACK;AALT,GAAhB,CAD6B;AAQnCjB,EAAAA,KAAK,EAAEY,6BAAS,CAACK,MAAV,CAAiBC,UARW;AASnCjB,EAAAA,KAAK,EAAEW,6BAAS,CAACC,KAAV,CAAgB;AACrBM,IAAAA,GAAG,EAAEP,6BAAS,CAACK;AADM,GAAhB,EAEJC;AAXgC,CAArC;AAcApB,wBAAwB,CAACsB,YAAzB,GAAwC;AACtCrB,EAAAA,IAAI,EAAE;AADgC,CAAxC;AAIA,8CAAesB,UAAI,CAACvB,wBAAD,EAA2BwB,oBAA3B,CAAnB;;;;"}
+{"version":3,"file":"SortablePageItemRenderer.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageItemRenderer.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport SortablePageItem from './SortablePageItem';\n\nconst SortablePageItemRenderer = ({\n  data = {}, id, index, style,\n}) => {\n  const {\n    pageContainerStyle, pageGetter, ...otherData\n  } = data;\n  const page = pageGetter(index);\n  if (!page) return null;\n\n  const pageContainerLastStyle = {\n    ...pageContainerStyle,\n    ...page.backgroundColor ? { backgroundColor: page.backgroundColor } : {},\n  };\n  return (\n    <SortablePageItem\n      key={`page-${index}-${page.id}`}\n      id={id}\n      index={index}\n      order={page.order}\n      page={page}\n      pageContainerStyle={pageContainerLastStyle}\n      style={style}\n      {...otherData}\n    />\n  );\n};\n\nSortablePageItemRenderer.propTypes = {\n  data: PropTypes.shape({\n    pageContainerStyle: PropTypes.shape({\n      backgroundColor: PropTypes.string,\n    }),\n    pageGetter: PropTypes.func,\n    selectedPageIndex: PropTypes.number,\n  }),\n  id: PropTypes.string.isRequired,\n  index: PropTypes.number.isRequired,\n  style: PropTypes.shape({\n    top: PropTypes.number,\n  }).isRequired,\n};\n\nexport default memo(SortablePageItemRenderer);\n"],"names":["SortablePageItemRenderer","data","id","index","style","pageContainerStyle","pageGetter","otherData","page","pageContainerLastStyle","backgroundColor","_jsx","order","propTypes","PropTypes","shape","string","func","selectedPageIndex","number","isRequired","top","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,OAE3B;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,EACH;AAAA,MADOC,EACP,QADOA,EACP;AAAA,MADWC,KACX,QADWA,KACX;AAAA,MADkBC,KAClB,QADkBA,KAClB;;AACJ,MACEC,kBADF,GAEIJ,IAFJ,CACEI,kBADF;AAAA,MACsBC,UADtB,GAEIL,IAFJ,CACsBK,UADtB;AAAA,MACqCC,SADrC,4BAEIN,IAFJ;;AAGA,MAAMO,IAAI,GAAGF,UAAU,CAACH,KAAD,CAAvB;AACA,MAAI,CAACK,IAAL,EAAW,OAAO,IAAP;;AAEX,MAAMC,sBAAsB,mCACvBJ,kBADuB,GAEvBG,IAAI,CAACE,eAAL,GAAuB;AAAEA,IAAAA,eAAe,EAAEF,IAAI,CAACE;AAAxB,GAAvB,GAAmE,EAF5C,CAA5B;;AAIA,sBACEC,eAAC,gBAAD;AAEE,IAAA,EAAE,EAAET,EAFN;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,KAAK,EAAEK,IAAI,CAACI,KAJd;AAKE,IAAA,IAAI,EAAEJ,IALR;AAME,IAAA,kBAAkB,EAAEC,sBANtB;AAOE,IAAA,KAAK,EAAEL;AAPT,KAQMG,SARN,kBACeJ,KADf,cACwBK,IAAI,CAACN,EAD7B,EADF;AAYD,CAzBD;;AA2BAF,wBAAwB,CAACa,SAAzB,GAAqC;AACnCZ,EAAAA,IAAI,EAAEa,6BAAS,CAACC,KAAV,CAAgB;AACpBV,IAAAA,kBAAkB,EAAES,6BAAS,CAACC,KAAV,CAAgB;AAClCL,MAAAA,eAAe,EAAEI,6BAAS,CAACE;AADO,KAAhB,CADA;AAIpBV,IAAAA,UAAU,EAAEQ,6BAAS,CAACG,IAJF;AAKpBC,IAAAA,iBAAiB,EAAEJ,6BAAS,CAACK;AALT,GAAhB,CAD6B;AAQnCjB,EAAAA,EAAE,EAAEY,6BAAS,CAACE,MAAV,CAAiBI,UARc;AASnCjB,EAAAA,KAAK,EAAEW,6BAAS,CAACK,MAAV,CAAiBC,UATW;AAUnChB,EAAAA,KAAK,EAAEU,6BAAS,CAACC,KAAV,CAAgB;AACrBM,IAAAA,GAAG,EAAEP,6BAAS,CAACK;AADM,GAAhB,EAEJC;AAZgC,CAArC;AAeA,8CAAeE,UAAI,CAACtB,wBAAD,CAAnB;;;;"}