@jotforminc/dnd-builder 2.9.18 → 2.9.19

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

@@ -1 +1 @@
-{"version":3,"file":"AllSlidesPanel.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/AllSlidesPanel.js"],"sourcesContent":["import { memo, useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport { arrayMove } from '../../../utils/functions';\nimport AllSlidesPanelToggler from './AllSlidesPanelToggler';\nimport PageList from './PageList';\nimport PageActionsBar from './PageActionsBar';\n\nconst AllSlidesPanel = ({\n  additionalPageItems,\n  hashCode,\n  itemAccessor,\n  onPageAdd,\n  onPageDuplicate,\n  onPageOrdersChange,\n  onPageRemove,\n  pages,\n}) => {\n  const {\n    isAllSlidesPanelOpen,\n    setIsAllSlidesPanelOpen,\n  } = useBuilderContext();\n  const {\n    acceptedItems,\n    onAnEventTrigger,\n    settings: layoutSettings,\n    useExperimentalFeatures,\n  } = usePropContext();\n  const [selectedPages, setSelectedPages] = useState([]);\n  const [animationEnd, setAnimationEnd] = useState(false);\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    onPageOrdersChange(newPageOrders);\n    onAnEventTrigger('sortPageFromAllSlides');\n  }, [pages]);\n\n  const onPageClick = useCallback(e => {\n    const pageID = e.target.getAttribute('data-id');\n    if (selectedPages.indexOf(pageID) > -1) {\n      setSelectedPages(selectedPages.filter(pid => pid !== pageID));\n    } else {\n      setSelectedPages([...selectedPages, pageID]);\n    }\n  }, [selectedPages]);\n\n  const onPageSelectAll = () => {\n    const getAllPageIds = pages.map(page => page.id);\n    setSelectedPages(getAllPageIds);\n  };\n\n  const onPageDeselect = () => {\n    setSelectedPages([]);\n  };\n\n  const onClosePanel = () => {\n    setAnimationEnd(false);\n    setIsAllSlidesPanelOpen(false);\n  };\n\n  const onAnimationEnd = () => {\n    if (!isAllSlidesPanelOpen) {\n      setAnimationEnd(true);\n    }\n  };\n\n  // Panel className\n  const panelAdditionalClassName = classNames(\n    'forAllSlides p-absolute f-all',\n    {\n      isIdle: !isAllSlidesPanelOpen,\n    },\n    { hidden: !useExperimentalFeatures },\n  );\n\n  return (\n    <Panel\n      additionalClassName={panelAdditionalClassName}\n      onAnimationEnd={onAnimationEnd}\n    >\n      <AllSlidesPanelToggler onClosePanel={onClosePanel} />\n      {(isAllSlidesPanelOpen || (!isAllSlidesPanelOpen && !animationEnd)) && (\n        <div className=\"toolItemWrapper f-height d-flex\">\n          <div className=\"toolItem-tabContent f-width\">\n            <PageList\n              acceptedItems={acceptedItems}\n              additionalPageItems={additionalPageItems}\n              axis=\"xy\"\n              distance={50}\n              hashCode={hashCode}\n              helperClass=\"pageThumbnailHelper forAllSlides\"\n              itemAccessor={itemAccessor}\n              layoutSettings={layoutSettings}\n              onAnEventTrigger={onAnEventTrigger}\n              onPageAdd={onPageAdd}\n              onPageClick={onPageClick}\n              onPageDuplicate={onPageDuplicate}\n              onPageRemove={onPageRemove}\n              onSortEnd={onPageSort}\n              pages={pages}\n              selectedPages={selectedPages}\n            />\n            <PageActionsBar\n              onPageDeselect={onPageDeselect}\n              onPageSelectAll={onPageSelectAll}\n              pageCount={pages.length}\n              selectedPagesCount={selectedPages.length}\n            />\n          </div>\n        </div>\n      )}\n    </Panel>\n  );\n};\n\nAllSlidesPanel.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\nAllSlidesPanel.defaultProps = {\n  additionalPageItems: [],\n  hashCode: '',\n  itemAccessor: () => {},\n  onPageAdd: () => {},\n  onPageDuplicate: () => {},\n  onPageOrdersChange: () => {},\n  onPageRemove: () => {},\n  pages: [],\n};\n\nexport default memo(AllSlidesPanel);\n"],"names":["AllSlidesPanel","additionalPageItems","hashCode","itemAccessor","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","pages","useBuilderContext","isAllSlidesPanelOpen","setIsAllSlidesPanelOpen","usePropContext","acceptedItems","onAnEventTrigger","layoutSettings","settings","useExperimentalFeatures","useState","selectedPages","setSelectedPages","animationEnd","setAnimationEnd","onPageSort","useCallback","newIndex","oldIndex","newPageOrders","arrayMove","reduce","acc","page","index","id","order","onPageClick","e","pageID","target","getAttribute","indexOf","filter","pid","onPageSelectAll","getAllPageIds","map","onPageDeselect","onClosePanel","onAnimationEnd","panelAdditionalClassName","classNames","isIdle","hidden","_jsxs","_jsx","length","propTypes","PropTypes","arrayOf","node","string","func","shape","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OASjB;AAAA,MARJC,mBAQI,QARJA,mBAQI;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,YAMI,QANJA,YAMI;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,eAII,QAJJA,eAII;AAAA,MAHJC,kBAGI,QAHJA,kBAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,2BAGIC,gCAAiB,EAHrB;AAAA,MACEC,oBADF,sBACEA,oBADF;AAAA,MAEEC,uBAFF,sBAEEA,uBAFF;;AAIA,wBAKIC,0BAAc,EALlB;AAAA,MACEC,aADF,mBACEA,aADF;AAAA,MAEEC,gBAFF,mBAEEA,gBAFF;AAAA,MAGYC,cAHZ,mBAGEC,QAHF;AAAA,MAIEC,uBAJF,mBAIEA,uBAJF;;AAMA,kBAA0CC,cAAQ,CAAC,EAAD,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAAwCF,cAAQ,CAAC,KAAD,CAAhD;AAAA;AAAA,MAAOG,YAAP;AAAA,MAAqBC,eAArB;;AAEA,MAAMC,UAAU,GAAGC,iBAAW,CAAC,iBAA4B;AAAA,QAAzBC,QAAyB,SAAzBA,QAAyB;AAAA,QAAfC,QAAe,SAAfA,QAAe;AACzD,QAAMC,aAAa,GAAGC,mBAAS,CAACpB,KAAD,EAAQkB,QAAR,EAAkBD,QAAlB,CAAT,CAAqCI,MAArC,CAA4C,UAACC,GAAD,EAAMC,IAAN,EAAYC,KAAZ,EAAsB;AACtFF,MAAAA,GAAG,CAACC,IAAI,CAACE,EAAN,CAAH,GAAe;AAAEC,QAAAA,KAAK,EAAEF,KAAK,GAAG;AAAjB,OAAf;AACA,aAAOF,GAAP;AACD,KAHqB,EAGnB,EAHmB,CAAtB;AAIAxB,IAAAA,kBAAkB,CAACqB,aAAD,CAAlB;AACAb,IAAAA,gBAAgB,CAAC,uBAAD,CAAhB;AACD,GAP6B,EAO3B,CAACN,KAAD,CAP2B,CAA9B;AASA,MAAM2B,WAAW,GAAGX,iBAAW,CAAC,UAAAY,CAAC,EAAI;AACnC,QAAMC,MAAM,GAAGD,CAAC,CAACE,MAAF,CAASC,YAAT,CAAsB,SAAtB,CAAf;;AACA,QAAIpB,aAAa,CAACqB,OAAd,CAAsBH,MAAtB,IAAgC,CAAC,CAArC,EAAwC;AACtCjB,MAAAA,gBAAgB,CAACD,aAAa,CAACsB,MAAd,CAAqB,UAAAC,GAAG;AAAA,eAAIA,GAAG,KAAKL,MAAZ;AAAA,OAAxB,CAAD,CAAhB;AACD,KAFD,MAEO;AACLjB,MAAAA,gBAAgB,8BAAKD,aAAL,IAAoBkB,MAApB,GAAhB;AACD;AACF,GAP8B,EAO5B,CAAClB,aAAD,CAP4B,CAA/B;;AASA,MAAMwB,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAC5B,QAAMC,aAAa,GAAGpC,KAAK,CAACqC,GAAN,CAAU,UAAAd,IAAI;AAAA,aAAIA,IAAI,CAACE,EAAT;AAAA,KAAd,CAAtB;AACAb,IAAAA,gBAAgB,CAACwB,aAAD,CAAhB;AACD,GAHD;;AAKA,MAAME,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B1B,IAAAA,gBAAgB,CAAC,EAAD,CAAhB;AACD,GAFD;;AAIA,MAAM2B,YAAY,GAAG,SAAfA,YAAe,GAAM;AACzBzB,IAAAA,eAAe,CAAC,KAAD,CAAf;AACAX,IAAAA,uBAAuB,CAAC,KAAD,CAAvB;AACD,GAHD;;AAKA,MAAMqC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAI,CAACtC,oBAAL,EAA2B;AACzBY,MAAAA,eAAe,CAAC,IAAD,CAAf;AACD;AACF,GAJD,CA9CI;;;AAqDJ,MAAM2B,wBAAwB,GAAGC,8BAAU,CACzC,+BADyC,EAEzC;AACEC,IAAAA,MAAM,EAAE,CAACzC;AADX,GAFyC,EAKzC;AAAE0C,IAAAA,MAAM,EAAE,CAACnC;AAAX,GALyC,CAA3C;AAQA,sBACEoC,gBAAC,KAAD;AACE,IAAA,mBAAmB,EAAEJ,wBADvB;AAEE,IAAA,cAAc,EAAED,cAFlB;AAAA,4BAIEM,eAAC,qBAAD;AAAuB,MAAA,YAAY,EAAEP;AAArC,MAJF,EAKG,CAACrC,oBAAoB,IAAK,CAACA,oBAAD,IAAyB,CAACW,YAApD,kBACCiC;AAAK,MAAA,SAAS,EAAC,iCAAf;AAAA,6BACED;AAAK,QAAA,SAAS,EAAC,6BAAf;AAAA,gCACEC,eAAC,QAAD;AACE,UAAA,aAAa,EAAEzC,aADjB;AAEE,UAAA,mBAAmB,EAAEZ,mBAFvB;AAGE,UAAA,IAAI,EAAC,IAHP;AAIE,UAAA,QAAQ,EAAE,EAJZ;AAKE,UAAA,QAAQ,EAAEC,QALZ;AAME,UAAA,WAAW,EAAC,kCANd;AAOE,UAAA,YAAY,EAAEC,YAPhB;AAQE,UAAA,cAAc,EAAEY,cARlB;AASE,UAAA,gBAAgB,EAAED,gBATpB;AAUE,UAAA,SAAS,EAAEV,SAVb;AAWE,UAAA,WAAW,EAAE+B,WAXf;AAYE,UAAA,eAAe,EAAE9B,eAZnB;AAaE,UAAA,YAAY,EAAEE,YAbhB;AAcE,UAAA,SAAS,EAAEgB,UAdb;AAeE,UAAA,KAAK,EAAEf,KAfT;AAgBE,UAAA,aAAa,EAAEW;AAhBjB,UADF,eAmBEmC,eAAC,cAAD;AACE,UAAA,cAAc,EAAER,cADlB;AAEE,UAAA,eAAe,EAAEH,eAFnB;AAGE,UAAA,SAAS,EAAEnC,KAAK,CAAC+C,MAHnB;AAIE,UAAA,kBAAkB,EAAEpC,aAAa,CAACoC;AAJpC,UAnBF;AAAA;AADF,MANJ;AAAA,IADF;AAsCD,CA5GD;;AA8GAvD,cAAc,CAACwD,SAAf,GAA2B;AACzBvD,EAAAA,mBAAmB,EAAEwD,6BAAS,CAACC,OAAV,CAAkBD,6BAAS,CAACE,IAA5B,CADI;AAEzBzD,EAAAA,QAAQ,EAAEuD,6BAAS,CAACG,MAFK;AAGzBzD,EAAAA,YAAY,EAAEsD,6BAAS,CAACI,IAHC;AAIzBzD,EAAAA,SAAS,EAAEqD,6BAAS,CAACI,IAJI;AAKzBxD,EAAAA,eAAe,EAAEoD,6BAAS,CAACI,IALF;AAMzBvD,EAAAA,kBAAkB,EAAEmD,6BAAS,CAACI,IANL;AAOzBtD,EAAAA,YAAY,EAAEkD,6BAAS,CAACI,IAPC;AAQzBrD,EAAAA,KAAK,EAAEiD,6BAAS,CAACC,OAAV,CACLD,6BAAS,CAACK,KAAV,CAAgB,EAAhB,CADK;AARkB,CAA3B;AAaA9D,cAAc,CAAC+D,YAAf,GAA8B;AAC5B9D,EAAAA,mBAAmB,EAAE,EADO;AAE5BC,EAAAA,QAAQ,EAAE,EAFkB;AAG5BC,EAAAA,YAAY,EAAE,wBAAM,EAHQ;AAI5BC,EAAAA,SAAS,EAAE,qBAAM,EAJW;AAK5BC,EAAAA,eAAe,EAAE,2BAAM,EALK;AAM5BC,EAAAA,kBAAkB,EAAE,8BAAM,EANE;AAO5BC,EAAAA,YAAY,EAAE,wBAAM,EAPQ;AAQ5BC,EAAAA,KAAK,EAAE;AARqB,CAA9B;AAWA,oCAAewD,UAAI,CAAChE,cAAD,CAAnB;;;;"}
+{"version":3,"file":"AllSlidesPanel.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/AllSlidesPanel.js"],"sourcesContent":["import { memo, useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport { arrayMove } from '../../../utils/functions';\nimport AllSlidesPanelToggler from './AllSlidesPanelToggler';\nimport PageList from './PageList';\nimport PageActionsBar from './PageActionsBar';\n\nconst AllSlidesPanel = ({\n  additionalPageItems = [],\n  hashCode = '',\n  itemAccessor = () => {},\n  onPageAdd = () => {},\n  onPageDuplicate = () => {},\n  onPageOrdersChange = () => {},\n  onPageRemove = () => {},\n  pages = [],\n}) => {\n  const {\n    isAllSlidesPanelOpen,\n    setIsAllSlidesPanelOpen,\n  } = useBuilderContext();\n  const {\n    acceptedItems,\n    onAnEventTrigger,\n    settings: layoutSettings,\n    useExperimentalFeatures,\n  } = usePropContext();\n  const [selectedPages, setSelectedPages] = useState([]);\n  const [animationEnd, setAnimationEnd] = useState(false);\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    onPageOrdersChange(newPageOrders);\n    onAnEventTrigger('sortPageFromAllSlides');\n  }, [pages]);\n\n  const onPageClick = useCallback(e => {\n    const pageID = e.target.getAttribute('data-id');\n    if (selectedPages.indexOf(pageID) > -1) {\n      setSelectedPages(selectedPages.filter(pid => pid !== pageID));\n    } else {\n      setSelectedPages([...selectedPages, pageID]);\n    }\n  }, [selectedPages]);\n\n  const onPageSelectAll = () => {\n    const getAllPageIds = pages.map(page => page.id);\n    setSelectedPages(getAllPageIds);\n  };\n\n  const onPageDeselect = () => {\n    setSelectedPages([]);\n  };\n\n  const onClosePanel = () => {\n    setAnimationEnd(false);\n    setIsAllSlidesPanelOpen(false);\n  };\n\n  const onAnimationEnd = () => {\n    if (!isAllSlidesPanelOpen) {\n      setAnimationEnd(true);\n    }\n  };\n\n  // Panel className\n  const panelAdditionalClassName = classNames(\n    'forAllSlides p-absolute f-all',\n    {\n      isIdle: !isAllSlidesPanelOpen,\n    },\n    { hidden: !useExperimentalFeatures },\n  );\n\n  return (\n    <Panel\n      additionalClassName={panelAdditionalClassName}\n      onAnimationEnd={onAnimationEnd}\n    >\n      <AllSlidesPanelToggler onClosePanel={onClosePanel} />\n      {(isAllSlidesPanelOpen || (!isAllSlidesPanelOpen && !animationEnd)) && (\n        <div className=\"toolItemWrapper f-height d-flex\">\n          <div className=\"toolItem-tabContent f-width\">\n            <PageList\n              acceptedItems={acceptedItems}\n              additionalPageItems={additionalPageItems}\n              axis=\"xy\"\n              hashCode={hashCode}\n              itemAccessor={itemAccessor}\n              layoutSettings={layoutSettings}\n              onAnEventTrigger={onAnEventTrigger}\n              onPageAdd={onPageAdd}\n              onPageClick={onPageClick}\n              onPageDuplicate={onPageDuplicate}\n              onPageRemove={onPageRemove}\n              onSortEnd={onPageSort}\n              pages={pages}\n              selectedPages={selectedPages}\n            />\n            <PageActionsBar\n              onPageDeselect={onPageDeselect}\n              onPageSelectAll={onPageSelectAll}\n              pageCount={pages.length}\n              selectedPagesCount={selectedPages.length}\n            />\n          </div>\n        </div>\n      )}\n    </Panel>\n  );\n};\n\nAllSlidesPanel.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(AllSlidesPanel);\n"],"names":["AllSlidesPanel","additionalPageItems","hashCode","itemAccessor","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","pages","useBuilderContext","isAllSlidesPanelOpen","setIsAllSlidesPanelOpen","usePropContext","acceptedItems","onAnEventTrigger","layoutSettings","settings","useExperimentalFeatures","useState","selectedPages","setSelectedPages","animationEnd","setAnimationEnd","onPageSort","useCallback","newIndex","oldIndex","newPageOrders","arrayMove","reduce","acc","page","index","id","order","onPageClick","e","pageID","target","getAttribute","indexOf","filter","pid","onPageSelectAll","getAllPageIds","map","onPageDeselect","onClosePanel","onAnimationEnd","panelAdditionalClassName","classNames","isIdle","hidden","_jsxs","_jsx","length","propTypes","PropTypes","arrayOf","node","string","func","shape","memo"],"mappings":"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"}

package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js

@@ -9,7 +9,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var AllSlidesPanelToggler = function AllSlidesPanelToggler(_ref) {
-  var onClosePanel = _ref.onClosePanel;
+  var _ref$onClosePanel = _ref.onClosePanel,
+      onClosePanel = _ref$onClosePanel === void 0 ? function () {} : _ref$onClosePanel;
   return /*#__PURE__*/jsxRuntime.jsx("button", {
     className: "paneClose p-absolute",
     onClick: onClosePanel,
@@ -23,9 +24,6 @@ var AllSlidesPanelToggler = function AllSlidesPanelToggler(_ref) {
 AllSlidesPanelToggler.propTypes = {
   onClosePanel: PropTypes__default['default'].func
 };
-AllSlidesPanelToggler.defaultProps = {
-  onClosePanel: function onClosePanel() {}
-};
 
 module.exports = AllSlidesPanelToggler;
 //# sourceMappingURL=AllSlidesPanelToggler.js.map

package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js.map

@@ -1 +1 @@
-{"version":3,"file":"AllSlidesPanelToggler.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst AllSlidesPanelToggler = ({ onClosePanel }) => (\n  <button\n    className=\"paneClose p-absolute\"\n    onClick={onClosePanel}\n    type=\"button\"\n  >\n    <icons.arrowLeft className=\"jfReportSVG\" />\n  </button>\n);\n\nAllSlidesPanelToggler.propTypes = {\n  onClosePanel: PropTypes.func,\n};\n\nAllSlidesPanelToggler.defaultProps = {\n  onClosePanel: () => {},\n};\n\nexport default AllSlidesPanelToggler;\n"],"names":["AllSlidesPanelToggler","onClosePanel","_jsx","icons.arrowLeft","propTypes","PropTypes","func","defaultProps"],"mappings":";;;;;;;;;;IAGMA,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,MAAGC,YAAH,QAAGA,YAAH;AAAA,sBAC5BC;AACE,IAAA,SAAS,EAAC,sBADZ;AAEE,IAAA,OAAO,EAAED,YAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,2BAKEC,eAACC,UAAD;AAAiB,MAAA,SAAS,EAAC;AAA3B;AALF,IAD4B;AAAA;;AAU9BH,qBAAqB,CAACI,SAAtB,GAAkC;AAChCH,EAAAA,YAAY,EAAEI,6BAAS,CAACC;AADQ,CAAlC;AAIAN,qBAAqB,CAACO,YAAtB,GAAqC;AACnCN,EAAAA,YAAY,EAAE,wBAAM;AADe,CAArC;;;;"}
+{"version":3,"file":"AllSlidesPanelToggler.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst AllSlidesPanelToggler = ({ onClosePanel = () => {} }) => (\n  <button\n    className=\"paneClose p-absolute\"\n    onClick={onClosePanel}\n    type=\"button\"\n  >\n    <icons.arrowLeft className=\"jfReportSVG\" />\n  </button>\n);\n\nAllSlidesPanelToggler.propTypes = {\n  onClosePanel: PropTypes.func,\n};\n\nexport default AllSlidesPanelToggler;\n"],"names":["AllSlidesPanelToggler","onClosePanel","_jsx","icons.arrowLeft","propTypes","PropTypes","func"],"mappings":";;;;;;;;;;IAGMA,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,+BAAGC,YAAH;AAAA,MAAGA,YAAH,kCAAkB,YAAM,EAAxB;AAAA,sBAC5BC;AACE,IAAA,SAAS,EAAC,sBADZ;AAEE,IAAA,OAAO,EAAED,YAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,2BAKEC,eAACC,UAAD;AAAiB,MAAA,SAAS,EAAC;AAA3B;AALF,IAD4B;AAAA;;AAU9BH,qBAAqB,CAACI,SAAtB,GAAkC;AAChCH,EAAAA,YAAY,EAAEI,6BAAS,CAACC;AADQ,CAAlC;;;;"}

package/lib/cjs/components/Panels/AllSlidesPanel/PageActionsBar.js

@@ -12,10 +12,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var PageActionsBar = function PageActionsBar(_ref) {
-  var onPageDeselect = _ref.onPageDeselect,
-      onPageSelectAll = _ref.onPageSelectAll,
-      pageCount = _ref.pageCount,
-      selectedPagesCount = _ref.selectedPagesCount;
+  var _ref$onPageDeselect = _ref.onPageDeselect,
+      onPageDeselect = _ref$onPageDeselect === void 0 ? function () {} : _ref$onPageDeselect,
+      _ref$onPageSelectAll = _ref.onPageSelectAll,
+      onPageSelectAll = _ref$onPageSelectAll === void 0 ? function () {} : _ref$onPageSelectAll,
+      _ref$pageCount = _ref.pageCount,
+      pageCount = _ref$pageCount === void 0 ? 0 : _ref$pageCount,
+      _ref$selectedPagesCou = _ref.selectedPagesCount,
+      selectedPagesCount = _ref$selectedPagesCou === void 0 ? 0 : _ref$selectedPagesCou;
   // const onPageDuplicateClick = () => {
   //   onPageDuplicate(page);
   //   onAnEventTrigger('duplicatePage', order + 1);
@@ -97,17 +101,6 @@ PageActionsBar.propTypes = {
   pageCount: PropTypes__default['default'].number,
   selectedPagesCount: PropTypes__default['default'].number
 };
-PageActionsBar.defaultProps = {
-  // onAnEventTrigger: () => {},
-  // onPageDuplicate: () => {},
-  // onPageRemove: () => {},
-  // order: '',
-  onPageDeselect: function onPageDeselect() {},
-  onPageSelectAll: function onPageSelectAll() {},
-  page: {},
-  pageCount: 0,
-  selectedPagesCount: 0
-};
 var PageActionsBar$1 = /*#__PURE__*/React.memo(PageActionsBar);
 
 module.exports = PageActionsBar$1;

package/lib/cjs/components/Panels/AllSlidesPanel/PageActionsBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageActionsBar.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageActionsBar.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageActionsBar = ({\n  onPageDeselect,\n  onPageSelectAll,\n  pageCount,\n  selectedPagesCount,\n}) => {\n  // const onPageDuplicateClick = () => {\n  //   onPageDuplicate(page);\n  //   onAnEventTrigger('duplicatePage', order + 1);\n  // };\n\n  // const onPageRemoveClick = () => {\n  //   onPageRemove(page.id);\n  //   onAnEventTrigger('removePageFromSlides', page.id);\n  // };\n\n  return (\n    <div\n      className=\"pageActionsBar p-absolute d-flex j-between a-center\"\n    >\n      <div className=\"pageActionsBar-section\">\n        <span>\n          {`Total ${pageCount} Slides`}\n        </span>\n        <button\n          key=\"Select All\"\n          className=\"jfReportButton forPageActionsBar withRadius\"\n          onClick={onPageSelectAll}\n          title=\"Select All\"\n          type=\"button\"\n        >\n          Select All\n        </button>\n      </div>\n      {selectedPagesCount > 0 && (\n        <>\n          <div className=\"pageActionsBar-section\">\n            <span className=\"pageSummary\">{`${selectedPagesCount} Slides`}</span>\n            <span> selected</span>\n            <button\n              key=\"Deselect\"\n              className=\"jfReportButton forPageActionsBar withRadius forDeselect\"\n              onClick={onPageDeselect}\n              title=\"Deselect\"\n              type=\"button\"\n            >\n              <span>\n                Deselect\n              </span>\n              <icons.close className=\"jfReportSVG icon-duplicateLine\" />\n            </button>\n          </div>\n          <div className=\"pageActionsBar-section\">\n            <button\n              key=\"Duplicate Page\"\n              className=\"jfReportButton forPageActionsBar forDuplicate\"\n          // onClick={onPageDuplicateClick}\n              title=\"Duplicate Page\"\n              type=\"button\"\n            >\n              <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n              <span>Duplicate</span>\n            </button>\n            <button\n              key=\"Remove Slide\"\n              className=\"jfReportButton isDanger\"\n          // onClick={onPageRemoveClick}\n              title=\"Remove Slide\"\n              type=\"button\"\n            >\n              <icons.trash className=\"jfReportSVG icon-trashLine\" />\n              <span>Delete</span>\n            </button>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nPageActionsBar.propTypes = {\n  // onAnEventTrigger: PropTypes.func,\n  // onPageDuplicate: PropTypes.func,\n  // onPageRemove: PropTypes.func,\n  // order: PropTypes.string,\n  onPageDeselect: PropTypes.func,\n  onPageSelectAll: PropTypes.func,\n  page: PropTypes.shape({ id: PropTypes.string }),\n  pageCount: PropTypes.number,\n  selectedPagesCount: PropTypes.number,\n};\n\nPageActionsBar.defaultProps = {\n  // onAnEventTrigger: () => {},\n  // onPageDuplicate: () => {},\n  // onPageRemove: () => {},\n  // order: '',\n  onPageDeselect: () => {},\n  onPageSelectAll: () => {},\n  page: {},\n  pageCount: 0,\n  selectedPagesCount: 0,\n};\n\nexport default memo(PageActionsBar);\n"],"names":["PageActionsBar","onPageDeselect","onPageSelectAll","pageCount","selectedPagesCount","_jsxs","_jsx","icons.close","icons.duplicate","icons.trash","propTypes","PropTypes","func","page","shape","id","string","number","defaultProps","memo"],"mappings":";;;;;;;;;;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAKjB;AAAA,MAJJC,cAII,QAJJA,cAII;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,kBACI,QADJA,kBACI;AACJ;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA,sBACEC;AACE,IAAA,SAAS,EAAC,qDADZ;AAAA,4BAGEA;AAAK,MAAA,SAAS,EAAC,wBAAf;AAAA,8BACEC;AAAA,kCACYH,SADZ;AAAA,QADF,eAIEG;AAEE,QAAA,SAAS,EAAC,6CAFZ;AAGE,QAAA,OAAO,EAAEJ,eAHX;AAIE,QAAA,KAAK,EAAC,YAJR;AAKE,QAAA,IAAI,EAAC,QALP;AAAA;AAAA,SACM,YADN,CAJF;AAAA,MAHF,EAiBGE,kBAAkB,GAAG,CAArB,iBACCC;AAAA,8BACEA;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEC;AAAM,UAAA,SAAS,EAAC,aAAhB;AAAA,8BAAkCF,kBAAlC;AAAA,UADF,eAEEE;AAAA;AAAA,UAFF,eAGED;AAEE,UAAA,SAAS,EAAC,yDAFZ;AAGE,UAAA,OAAO,EAAEJ,cAHX;AAIE,UAAA,KAAK,EAAC,UAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEK;AAAA;AAAA,YAPF,eAUEA,eAACC,KAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAVF;AAAA,WACM,UADN,CAHF;AAAA,QADF,eAiBEF;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEA;AAEE,UAAA,SAAS,EAAC,+CAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,gBAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,eAACE,SAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B,YAPF,eAQEF;AAAA;AAAA,YARF;AAAA,WACM,gBADN,CADF,eAWED;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,cAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,eAACG,KAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAPF,eAQEH;AAAA;AAAA,YARF;AAAA,WACM,cADN,CAXF;AAAA,QAjBF;AAAA,MAlBJ;AAAA,IADF;AA8DD,CA9ED;;AAgFAN,cAAc,CAACU,SAAf,GAA2B;AACzB;AACA;AACA;AACA;AACAT,EAAAA,cAAc,EAAEU,6BAAS,CAACC,IALD;AAMzBV,EAAAA,eAAe,EAAES,6BAAS,CAACC,IANF;AAOzBC,EAAAA,IAAI,EAAEF,6BAAS,CAACG,KAAV,CAAgB;AAAEC,IAAAA,EAAE,EAAEJ,6BAAS,CAACK;AAAhB,GAAhB,CAPmB;AAQzBb,EAAAA,SAAS,EAAEQ,6BAAS,CAACM,MARI;AASzBb,EAAAA,kBAAkB,EAAEO,6BAAS,CAACM;AATL,CAA3B;AAYAjB,cAAc,CAACkB,YAAf,GAA8B;AAC5B;AACA;AACA;AACA;AACAjB,EAAAA,cAAc,EAAE,0BAAM,EALM;AAM5BC,EAAAA,eAAe,EAAE,2BAAM,EANK;AAO5BW,EAAAA,IAAI,EAAE,EAPsB;AAQ5BV,EAAAA,SAAS,EAAE,CARiB;AAS5BC,EAAAA,kBAAkB,EAAE;AATQ,CAA9B;AAYA,oCAAee,UAAI,CAACnB,cAAD,CAAnB;;;;"}
+{"version":3,"file":"PageActionsBar.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageActionsBar.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageActionsBar = ({\n  onPageDeselect = () => {},\n  onPageSelectAll = () => {},\n  pageCount = 0,\n  selectedPagesCount = 0,\n}) => {\n  // const onPageDuplicateClick = () => {\n  //   onPageDuplicate(page);\n  //   onAnEventTrigger('duplicatePage', order + 1);\n  // };\n\n  // const onPageRemoveClick = () => {\n  //   onPageRemove(page.id);\n  //   onAnEventTrigger('removePageFromSlides', page.id);\n  // };\n\n  return (\n    <div\n      className=\"pageActionsBar p-absolute d-flex j-between a-center\"\n    >\n      <div className=\"pageActionsBar-section\">\n        <span>\n          {`Total ${pageCount} Slides`}\n        </span>\n        <button\n          key=\"Select All\"\n          className=\"jfReportButton forPageActionsBar withRadius\"\n          onClick={onPageSelectAll}\n          title=\"Select All\"\n          type=\"button\"\n        >\n          Select All\n        </button>\n      </div>\n      {selectedPagesCount > 0 && (\n        <>\n          <div className=\"pageActionsBar-section\">\n            <span className=\"pageSummary\">{`${selectedPagesCount} Slides`}</span>\n            <span> selected</span>\n            <button\n              key=\"Deselect\"\n              className=\"jfReportButton forPageActionsBar withRadius forDeselect\"\n              onClick={onPageDeselect}\n              title=\"Deselect\"\n              type=\"button\"\n            >\n              <span>\n                Deselect\n              </span>\n              <icons.close className=\"jfReportSVG icon-duplicateLine\" />\n            </button>\n          </div>\n          <div className=\"pageActionsBar-section\">\n            <button\n              key=\"Duplicate Page\"\n              className=\"jfReportButton forPageActionsBar forDuplicate\"\n          // onClick={onPageDuplicateClick}\n              title=\"Duplicate Page\"\n              type=\"button\"\n            >\n              <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n              <span>Duplicate</span>\n            </button>\n            <button\n              key=\"Remove Slide\"\n              className=\"jfReportButton isDanger\"\n          // onClick={onPageRemoveClick}\n              title=\"Remove Slide\"\n              type=\"button\"\n            >\n              <icons.trash className=\"jfReportSVG icon-trashLine\" />\n              <span>Delete</span>\n            </button>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nPageActionsBar.propTypes = {\n  // onAnEventTrigger: PropTypes.func,\n  // onPageDuplicate: PropTypes.func,\n  // onPageRemove: PropTypes.func,\n  // order: PropTypes.string,\n  onPageDeselect: PropTypes.func,\n  onPageSelectAll: PropTypes.func,\n  page: PropTypes.shape({ id: PropTypes.string }),\n  pageCount: PropTypes.number,\n  selectedPagesCount: PropTypes.number,\n};\n\nexport default memo(PageActionsBar);\n"],"names":["PageActionsBar","onPageDeselect","onPageSelectAll","pageCount","selectedPagesCount","_jsxs","_jsx","icons.close","icons.duplicate","icons.trash","propTypes","PropTypes","func","page","shape","id","string","number","memo"],"mappings":";;;;;;;;;;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAKjB;AAAA,iCAJJC,cAII;AAAA,MAJJA,cAII,oCAJa,YAAM,EAInB;AAAA,kCAHJC,eAGI;AAAA,MAHJA,eAGI,qCAHc,YAAM,EAGpB;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,CAER;AAAA,mCADJC,kBACI;AAAA,MADJA,kBACI,sCADiB,CACjB;AACJ;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA,sBACEC;AACE,IAAA,SAAS,EAAC,qDADZ;AAAA,4BAGEA;AAAK,MAAA,SAAS,EAAC,wBAAf;AAAA,8BACEC;AAAA,kCACYH,SADZ;AAAA,QADF,eAIEG;AAEE,QAAA,SAAS,EAAC,6CAFZ;AAGE,QAAA,OAAO,EAAEJ,eAHX;AAIE,QAAA,KAAK,EAAC,YAJR;AAKE,QAAA,IAAI,EAAC,QALP;AAAA;AAAA,SACM,YADN,CAJF;AAAA,MAHF,EAiBGE,kBAAkB,GAAG,CAArB,iBACCC;AAAA,8BACEA;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEC;AAAM,UAAA,SAAS,EAAC,aAAhB;AAAA,8BAAkCF,kBAAlC;AAAA,UADF,eAEEE;AAAA;AAAA,UAFF,eAGED;AAEE,UAAA,SAAS,EAAC,yDAFZ;AAGE,UAAA,OAAO,EAAEJ,cAHX;AAIE,UAAA,KAAK,EAAC,UAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEK;AAAA;AAAA,YAPF,eAUEA,eAACC,KAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAVF;AAAA,WACM,UADN,CAHF;AAAA,QADF,eAiBEF;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEA;AAEE,UAAA,SAAS,EAAC,+CAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,gBAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,eAACE,SAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B,YAPF,eAQEF;AAAA;AAAA,YARF;AAAA,WACM,gBADN,CADF,eAWED;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,cAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,eAACG,KAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAPF,eAQEH;AAAA;AAAA,YARF;AAAA,WACM,cADN,CAXF;AAAA,QAjBF;AAAA,MAlBJ;AAAA,IADF;AA8DD,CA9ED;;AAgFAN,cAAc,CAACU,SAAf,GAA2B;AACzB;AACA;AACA;AACA;AACAT,EAAAA,cAAc,EAAEU,6BAAS,CAACC,IALD;AAMzBV,EAAAA,eAAe,EAAES,6BAAS,CAACC,IANF;AAOzBC,EAAAA,IAAI,EAAEF,6BAAS,CAACG,KAAV,CAAgB;AAAEC,IAAAA,EAAE,EAAEJ,6BAAS,CAACK;AAAhB,GAAhB,CAPmB;AAQzBb,EAAAA,SAAS,EAAEQ,6BAAS,CAACM,MARI;AASzBb,EAAAA,kBAAkB,EAAEO,6BAAS,CAACM;AATL,CAA3B;AAYA,oCAAeC,UAAI,CAAClB,cAAD,CAAnB;;;;"}

package/lib/cjs/components/Panels/AllSlidesPanel/PageItem.js

@@ -1,8 +1,12 @@
 '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 classNames = require('classnames');
+var PropTypes = require('prop-types');
 var StaticPage = require('../../Preview/StaticPage.js');
 var PageThumbnailActions = require('./PageThumbnailActions.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -10,11 +14,19 @@ var jsxRuntime = require('react/jsx-runtime');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-var PageItem = reactSortableHoc.SortableElement(function (_ref) {
+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 PageItem = function PageItem(_ref) {
   var acceptedItems = _ref.acceptedItems,
       additionalPageItems = _ref.additionalPageItems,
       hashCode = _ref.hashCode,
+      id = _ref.id,
       isSelected = _ref.isSelected,
       itemAccessor = _ref.itemAccessor,
       onAnEventTrigger = _ref.onAnEventTrigger,
@@ -26,11 +38,32 @@ var PageItem = reactSortableHoc.SortableElement(function (_ref) {
       page = _ref.page,
       style = _ref.style;
 
+  var _useSortable = sortable.useSortable({
+    id: id
+  }),
+      attributes = _useSortable.attributes,
+      isDragging = _useSortable.isDragging,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
+  var dragStyle = React.useMemo(function () {
+    var opacity = isDragging ? 0.5 : 1;
+    var transitionValue = isDragging ? 'none' : transition;
+    return {
+      opacity: opacity,
+      transform: utilities.CSS.Transform.toString(transform),
+      transition: transitionValue
+    };
+  }, [transform, transition, isDragging, style]);
+
   var onKeyDown = function onKeyDown(f) {
     return f;
   };
 
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+    ref: setNodeRef,
     className: classNames__default['default']('thumbnailWrapper d-flex dir-col a-center j-center p-relative', {
       isSelected: isSelected
     }),
@@ -38,6 +71,8 @@ var PageItem = reactSortableHoc.SortableElement(function (_ref) {
     "data-order": order,
     onClick: onPageClick,
     onKeyDown: onKeyDown,
+    style: dragStyle
+  }, attributes), listeners), {}, {
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "thumbnailOrder",
       children: order
@@ -59,8 +94,32 @@ var PageItem = reactSortableHoc.SortableElement(function (_ref) {
       order: order,
       page: page
     })]
-  });
-});
+  }));
+};
+
+PageItem.propTypes = {
+  acceptedItems: PropTypes__default['default'].shape({}),
+  additionalPageItems: PropTypes__default['default'].arrayOf(PropTypes__default['default'].node),
+  hashCode: PropTypes__default['default'].string,
+  id: PropTypes__default['default'].string.isRequired,
+  isSelected: PropTypes__default['default'].bool,
+  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({}))
+  }),
+  style: PropTypes__default['default'].shape({
+    opacity: PropTypes__default['default'].number,
+    transform: PropTypes__default['default'].string,
+    transition: PropTypes__default['default'].string
+  })
+};
 var PageItem$1 = /*#__PURE__*/React.memo(PageItem);
 
 module.exports = PageItem$1;

package/lib/cjs/components/Panels/AllSlidesPanel/PageItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageItem.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageItem.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 PageItem = SortableElement(({\n  acceptedItems,\n  additionalPageItems,\n  hashCode,\n  isSelected,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\n  style,\n}) => {\n  const onKeyDown = f => f;\n  return (\n    <div\n      className={(\n        classNames('thumbnailWrapper d-flex dir-col a-center j-center p-relative', { isSelected })\n      )}\n      data-id={page.id}\n      data-order={order}\n      onClick={onPageClick}\n      onKeyDown={onKeyDown}\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={style}\n        />\n      </div>\n      <PageThumbnailActions\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(PageItem);\n"],"names":["PageItem","SortableElement","acceptedItems","additionalPageItems","hashCode","isSelected","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","order","page","style","onKeyDown","f","_jsxs","classNames","id","_jsx","StaticPage","items","memo"],"mappings":";;;;;;;;;;;;;AAMA,IAAMA,QAAQ,GAAGC,gCAAe,CAAC,gBAc3B;AAAA,MAbJC,aAaI,QAbJA,aAaI;AAAA,MAZJC,mBAYI,QAZJA,mBAYI;AAAA,MAXJC,QAWI,QAXJA,QAWI;AAAA,MAVJC,UAUI,QAVJA,UAUI;AAAA,MATJC,YASI,QATJA,YASI;AAAA,MARJC,gBAQI,QARJA,gBAQI;AAAA,MAPJC,SAOI,QAPJA,SAOI;AAAA,MANJC,WAMI,QANJA,WAMI;AAAA,MALJC,eAKI,QALJA,eAKI;AAAA,MAJJC,YAII,QAJJA,YAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAC,CAAC;AAAA,WAAIA,CAAJ;AAAA,GAAnB;;AACA,sBACEC;AACE,IAAA,SAAS,EACPC,8BAAU,CAAC,8DAAD,EAAiE;AAAEb,MAAAA,UAAU,EAAVA;AAAF,KAAjE,CAFd;AAIE,eAASQ,IAAI,CAACM,EAJhB;AAKE,kBAAYP,KALd;AAME,IAAA,OAAO,EAAEH,WANX;AAOE,IAAA,SAAS,EAAEM,SAPb;AAAA,4BASEK;AAAK,MAAA,SAAS,EAAC,gBAAf;AAAA,gBAAiCR;AAAjC,MATF,eAUEQ;AAAK,MAAA,SAAS,EAAC,yBAAf;AAAA,6BACEA,eAACC,qBAAD;AACE,QAAA,aAAa,EAAEnB,aADjB;AAEE,QAAA,mBAAmB,EAAEC,mBAFvB;AAGE,QAAA,QAAQ,EAAEC,QAHZ;AAIE,QAAA,YAAY,EAAEE,YAJhB;AAKE,QAAA,KAAK,EAAEO,IAAI,CAACS,KALd;AAME,QAAA,KAAK,EAAER;AANT;AADF,MAVF,eAoBEM,eAAC,oBAAD;AACE,MAAA,gBAAgB,EAAEb,gBADpB;AAEE,MAAA,SAAS,EAAEC,SAFb;AAGE,MAAA,eAAe,EAAEE,eAHnB;AAIE,MAAA,YAAY,EAAEC,YAJhB;AAKE,MAAA,KAAK,EAAEC,KALT;AAME,MAAA,IAAI,EAAEC;AANR,MApBF;AAAA,IADF;AA+BD,CA/C+B,CAAhC;AAiDA,8BAAeU,UAAI,CAACvB,QAAD,CAAnB;;;;"}
+{"version":3,"file":"PageItem.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageItem.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport StaticPage from '../../Preview/StaticPage';\nimport PageThumbnailActions from './PageThumbnailActions';\n\nconst PageItem = ({\n  acceptedItems,\n  additionalPageItems,\n  hashCode,\n  id,\n  isSelected,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\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 opacity = isDragging ? 0.5 : 1;\n    const transitionValue = isDragging ? 'none' : transition;\n    return {\n      opacity,\n      transform: CSS.Transform.toString(transform),\n      transition: transitionValue,\n    };\n  }, [transform, transition, isDragging, style]);\n\n  const onKeyDown = f => f;\n  return (\n    <div\n      ref={setNodeRef}\n      className={(\n        classNames('thumbnailWrapper d-flex dir-col a-center j-center p-relative', { isSelected })\n      )}\n      data-id={page.id}\n      data-order={order}\n      onClick={onPageClick}\n      onKeyDown={onKeyDown}\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          itemAccessor={itemAccessor}\n          items={page.items}\n          style={style}\n        />\n      </div>\n      <PageThumbnailActions\n        onAnEventTrigger={onAnEventTrigger}\n        onPageAdd={onPageAdd}\n        onPageDuplicate={onPageDuplicate}\n        onPageRemove={onPageRemove}\n        order={order}\n        page={page}\n      />\n    </div>\n  );\n};\n\nPageItem.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  hashCode: PropTypes.string,\n  id: PropTypes.string.isRequired,\n  isSelected: PropTypes.bool,\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  style: PropTypes.shape({\n    opacity: PropTypes.number,\n    transform: PropTypes.string,\n    transition: PropTypes.string,\n  }),\n};\n\nexport default memo(PageItem);\n"],"names":["PageItem","acceptedItems","additionalPageItems","hashCode","id","isSelected","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","order","page","style","useSortable","attributes","isDragging","listeners","setNodeRef","transform","transition","dragStyle","useMemo","opacity","transitionValue","CSS","Transform","toString","onKeyDown","f","_jsxs","classNames","_jsx","StaticPage","items","propTypes","PropTypes","shape","arrayOf","node","string","isRequired","bool","func","number","memo"],"mappings":"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"}

package/lib/cjs/components/Panels/AllSlidesPanel/PageItemDragOverlay.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 PageItemDragOverlay = function PageItemDragOverlay(_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", {
+      // eslint-disable-next-line max-len
+      className: "thumbnailWrapper d-flex dir-col a-center j-center p-relative pageThumbnailHelper forAllSlides",
+      style: {
+        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
+  });
+};
+
+PageItemDragOverlay.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 = PageItemDragOverlay;
+//# sourceMappingURL=PageItemDragOverlay.js.map

package/lib/cjs/components/Panels/AllSlidesPanel/PageItemDragOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageItemDragOverlay.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageItemDragOverlay.js"],"sourcesContent":["import { DragOverlay } from '@dnd-kit/core';\nimport PropTypes from 'prop-types';\nimport StaticPage from '../../Preview/StaticPage';\n\nconst PageItemDragOverlay = ({\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          // eslint-disable-next-line max-len\n          className=\"thumbnailWrapper d-flex dir-col a-center j-center p-relative pageThumbnailHelper forAllSlides\"\n          style={{ 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\nPageItemDragOverlay.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 PageItemDragOverlay;\n"],"names":["PageItemDragOverlay","acceptedItems","activePageData","additionalPageItems","hashCode","itemAccessor","_jsx","DragOverlay","cursor","_jsxs","opacity","page","order","StaticPage","items","pageContainerLastStyle","propTypes","PropTypes","shape","arrayOf","number","node","string","func"],"mappings":";;;;;;;;;;;IAIMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAMtB;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;AACA,MAAA,SAAS,EAAC,+FAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAHT;AAAA,8BAKEJ;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAA,kBAAiCJ,cAAc,CAACS,IAAf,CAAoBC;AAArD,QALF,eAMEN;AAAK,QAAA,SAAS,EAAC,yBAAf;AAAA,+BACEA,eAACO,qBAAD;AACE,UAAA,aAAa,EAAEZ,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,CAACS,IAAf,CAAoBG,KAN7B;AAOE,UAAA,KAAK,EAAEZ,cAAc,CAACa;AAPxB;AADF,QANF,eAiBET;AAAK,QAAA,SAAS,EAAC;AAAf,QAjBF;AAAA,MADa,GAoBX;AAzBN,IADF;AA6BD;;AAEDN,mBAAmB,CAACgB,SAApB,GAAgC;AAC9Bf,EAAAA,aAAa,EAAEgB,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADe;AAE9BhB,EAAAA,cAAc,EAAEe,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,CAFc;AAS9Bf,EAAAA,mBAAmB,EAAEc,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACI,IAA5B,CATS;AAU9BjB,EAAAA,QAAQ,EAAEa,6BAAS,CAACK,MAVU;AAW9BjB,EAAAA,YAAY,EAAEY,6BAAS,CAACM;AAXM,CAAhC;;;;"}

package/lib/cjs/components/Panels/AllSlidesPanel/PageList.js

@@ -1,20 +1,42 @@
 'use strict';
 
 require('core-js/modules/es.array.concat.js');
+require('core-js/modules/es.array.find.js');
+require('core-js/modules/es.array.find-index.js');
 require('core-js/modules/es.array.map.js');
 var React = require('react');
-var reactSortableHoc = require('react-sortable-hoc');
+var PropTypes = require('prop-types');
+var core = require('@dnd-kit/core');
+var sortable = require('@dnd-kit/sortable');
 var PageItem = require('./PageItem.js');
+var PageItemDragOverlay = require('./PageItemDragOverlay.js');
 var functions = require('../../../utils/functions.js');
 var PageAdder = require('../../Builder/PageAdder.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);
+
 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 PageList = reactSortableHoc.SortableContainer(function (_ref) {
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var PageList = function PageList(_ref) {
   var acceptedItems = _ref.acceptedItems,
       additionalPageItems = _ref.additionalPageItems,
       hashCode = _ref.hashCode,
@@ -25,8 +47,15 @@ var PageList = reactSortableHoc.SortableContainer(function (_ref) {
       onPageClick = _ref.onPageClick,
       onPageDuplicate = _ref.onPageDuplicate,
       onPageRemove = _ref.onPageRemove,
+      onSortEnd = _ref.onSortEnd,
       pages = _ref.pages,
       selectedPages = _ref.selectedPages;
+
+  var _useState = React.useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      activeId = _useState2[0],
+      setActiveId = _useState2[1];
+
   var pageContainerStyles = React.useRef({});
   var reportBackgroundColor = layoutSettings.reportBackgroundColor,
       _layoutSettings$repor = layoutSettings.reportLayoutHeight,
@@ -42,46 +71,139 @@ var PageList = reactSortableHoc.SortableContainer(function (_ref) {
     transformOrigin: '0 0',
     width: width
   };
-  return /*#__PURE__*/jsxRuntime.jsxs("ul", {
-    className: "jfReport-pageThumbnailList d-flex j-between f-wrap",
-    children: [pages.map(function (page) {
-      var backgroundColor = page.backgroundColor;
+  var sensors = core.useSensors(core.useSensor(core.PointerSensor, {
+    activationConstraint: {
+      distance: 0
+    }
+  }), core.useSensor(core.KeyboardSensor));
+  var handleDragStart = React.useCallback(function (event) {
+    setActiveId(event.active.id);
+  }, []);
+  var handleDragEnd = React.useCallback(function (event) {
+    var active = event.active,
+        over = event.over;
+    setActiveId(null);
 
-      var style = _objectSpread(_objectSpread({}, pageContainerStyles.current), {}, {
-        backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff'
+    if (over && active.id !== over.id) {
+      var oldIndex = pages.findIndex(function (page) {
+        return page.id === active.id;
       });
+      var newIndex = pages.findIndex(function (page) {
+        return page.id === over.id;
+      });
+
+      if (oldIndex !== -1 && newIndex !== -1) {
+        onSortEnd({
+          newIndex: newIndex,
+          oldIndex: oldIndex
+        });
+      }
+    }
+  }, [pages, onSortEnd]);
+  var handleDragCancel = React.useCallback(function () {
+    setActiveId(null);
+  }, []);
+  var items = React.useMemo(function () {
+    if (!pages || pages.length === 0) return [];
+    return pages.map(function (page) {
+      return page.id;
+    });
+  }, [pages]);
+  var activePageData = React.useMemo(function () {
+    if (!activeId || !pages) return null;
+    var activePage = pages.find(function (page) {
+      return page.id === activeId;
+    });
+    if (!activePage) return null;
+    var backgroundColor = activePage.backgroundColor;
 
-      return /*#__PURE__*/jsxRuntime.jsx(PageItem, {
-        acceptedItems: acceptedItems,
-        additionalPageItems: additionalPageItems,
-        hashCode: hashCode,
-        index: page.order - 1,
-        isSelected: selectedPages.indexOf(page.id) > -1,
-        itemAccessor: itemAccessor,
-        onAnEventTrigger: onAnEventTrigger,
-        onPageAdd: onPageAdd,
-        onPageClick: onPageClick,
-        onPageDuplicate: onPageDuplicate,
-        onPageRemove: onPageRemove,
-        order: page.order,
-        page: page,
-        style: style
-      }, "item-".concat(page.id, "-").concat(page.order));
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "thumbnailWrapper forPageAdder d-flex j-end dir-col",
-      children: /*#__PURE__*/jsxRuntime.jsx(PageAdder, {
-        onPageAdd: onPageAdd,
-        pageCount: pages.length
+    var pageContainerLastStyle = _objectSpread(_objectSpread({}, pageContainerStyles.current), {}, {
+      backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff'
+    });
+
+    return {
+      page: activePage,
+      pageContainerLastStyle: pageContainerLastStyle
+    };
+  }, [activeId, pages, reportBackgroundColor]);
+  return /*#__PURE__*/jsxRuntime.jsxs(core.DndContext, {
+    collisionDetection: core.closestCenter,
+    onDragCancel: handleDragCancel,
+    onDragEnd: handleDragEnd,
+    onDragStart: handleDragStart,
+    sensors: sensors,
+    children: [/*#__PURE__*/jsxRuntime.jsx(sortable.SortableContext, {
+      items: items,
+      strategy: sortable.rectSortingStrategy,
+      children: /*#__PURE__*/jsxRuntime.jsxs("ul", {
+        className: "jfReport-pageThumbnailList d-flex j-between f-wrap",
+        children: [pages.map(function (page) {
+          var backgroundColor = page.backgroundColor;
+
+          var style = _objectSpread(_objectSpread({}, pageContainerStyles.current), {}, {
+            backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff'
+          });
+
+          return /*#__PURE__*/jsxRuntime.jsx(PageItem, {
+            acceptedItems: acceptedItems,
+            additionalPageItems: additionalPageItems,
+            hashCode: hashCode,
+            id: page.id,
+            index: page.order - 1,
+            isSelected: selectedPages.indexOf(page.id) > -1,
+            itemAccessor: itemAccessor,
+            onAnEventTrigger: onAnEventTrigger,
+            onPageAdd: onPageAdd,
+            onPageClick: onPageClick,
+            onPageDuplicate: onPageDuplicate,
+            onPageRemove: onPageRemove,
+            order: page.order,
+            page: page,
+            style: style
+          }, "item-".concat(page.id, "-").concat(page.order));
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "thumbnailWrapper forPageAdder d-flex j-end dir-col",
+          children: /*#__PURE__*/jsxRuntime.jsx(PageAdder, {
+            onPageAdd: onPageAdd,
+            pageCount: pages.length
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "spacer"
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "spacer"
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "spacer"
+        })]
       })
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "spacer"
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "spacer"
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "spacer"
+    }), /*#__PURE__*/jsxRuntime.jsx(PageItemDragOverlay, {
+      acceptedItems: acceptedItems,
+      activePageData: activePageData,
+      additionalPageItems: additionalPageItems,
+      hashCode: hashCode,
+      itemAccessor: itemAccessor
     })]
   });
-});
+};
+
+PageList.propTypes = {
+  acceptedItems: PropTypes__default['default'].shape({}),
+  additionalPageItems: PropTypes__default['default'].arrayOf(PropTypes__default['default'].node),
+  hashCode: PropTypes__default['default'].string,
+  itemAccessor: PropTypes__default['default'].func,
+  layoutSettings: PropTypes__default['default'].shape({
+    reportBackgroundColor: PropTypes__default['default'].string,
+    reportLayoutHeight: PropTypes__default['default'].string,
+    reportLayoutWidth: PropTypes__default['default'].string
+  }),
+  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,
+  onSortEnd: PropTypes__default['default'].func,
+  pages: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
+  selectedPages: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string)
+};
 var PageList$1 = /*#__PURE__*/React.memo(PageList);
 
 module.exports = PageList$1;