@jotforminc/dnd-builder 2.9.16 → 2.9.19

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

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

package/lib/esm/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","cursor","_jsxs","height","opacity","page","order","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,IAAC,WAAD;AACE,IAAA,WAAW,EAAE,KADf;AAEE,IAAA,aAAa,EAAE,IAFjB;AAGE,IAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAE;AAAV,KAHT;AAAA,cAKGL,cAAc,gBACbM;AACE,MAAA,SAAS,EAAC,gEADZ;AAEE,MAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAE,GAAV;AAAeC,QAAAA,OAAO,EAAE;AAAxB,OAFT;AAAA,8BAIEJ;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAA,kBAAiCJ,cAAc,CAACS,IAAf,CAAoBC;AAArD,QAJF,eAKEN;AAAK,QAAA,SAAS,EAAC,yBAAf;AAAA,+BACEA,IAAC,UAAD;AACE,UAAA,aAAa,EAAEL,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,CAAoBE,KAN7B;AAOE,UAAA,KAAK,EAAEX,cAAc,CAACY;AAPxB;AADF,QALF,eAgBER;AAAK,QAAA,SAAS,EAAC;AAAf,QAhBF;AAAA,MADa,GAmBX;AAxBN,IADF;AA4BD;;AAEDN,2BAA2B,CAACe,SAA5B,GAAwC;AACtCd,EAAAA,aAAa,EAAEe,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADuB;AAEtCf,EAAAA,cAAc,EAAEc,SAAS,CAACC,KAAV,CAAgB;AAC9BN,IAAAA,IAAI,EAAEK,SAAS,CAACC,KAAV,CAAgB;AACpBJ,MAAAA,KAAK,EAAEG,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CADa;AAEpBL,MAAAA,KAAK,EAAEI,SAAS,CAACG;AAFG,KAAhB,CADwB;AAK9BL,IAAAA,sBAAsB,EAAEE,SAAS,CAACC,KAAV,CAAgB,EAAhB;AALM,GAAhB,CAFsB;AAStCd,EAAAA,mBAAmB,EAAEa,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACI,IAA5B,CATiB;AAUtChB,EAAAA,QAAQ,EAAEY,SAAS,CAACK,MAVkB;AAWtChB,EAAAA,YAAY,EAAEW,SAAS,CAACM;AAXc,CAAxC;;;;"}

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

@@ -1,7 +1,6 @@
 import 'core-js/modules/es.array.concat.js';
 import { memo } from 'react';
 import PropTypes from 'prop-types';
-import { areEqual } from 'react-window';
 import SortablePageItem from './SortablePageItem.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -18,7 +17,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;
 
@@ -27,12 +28,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__*/jsx(SortablePageItem, _objectSpread({
+    id: id,
     index: index,
     order: page.order,
     page: page,
@@ -49,15 +52,13 @@ SortablePageItemRenderer.propTypes = {
     pageGetter: PropTypes.func,
     selectedPageIndex: PropTypes.number
   }),
+  id: PropTypes.string.isRequired,
   index: PropTypes.number.isRequired,
   style: PropTypes.shape({
     top: PropTypes.number
   }).isRequired
 };
-SortablePageItemRenderer.defaultProps = {
-  data: {}
-};
-var SortablePageItemRenderer$1 = /*#__PURE__*/memo(SortablePageItemRenderer, areEqual);
+var SortablePageItemRenderer$1 = /*#__PURE__*/memo(SortablePageItemRenderer);
 
 export default SortablePageItemRenderer$1;
 //# sourceMappingURL=SortablePageItemRenderer.js.map

package/lib/esm/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,IAAC,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,SAAS,CAACC,KAAV,CAAgB;AACpBX,IAAAA,kBAAkB,EAAEU,SAAS,CAACC,KAAV,CAAgB;AAClCN,MAAAA,eAAe,EAAEK,SAAS,CAACE;AADO,KAAhB,CADA;AAIpBX,IAAAA,UAAU,EAAES,SAAS,CAACG,IAJF;AAKpBC,IAAAA,iBAAiB,EAAEJ,SAAS,CAACK;AALT,GAAhB,CAD6B;AAQnCjB,EAAAA,KAAK,EAAEY,SAAS,CAACK,MAAV,CAAiBC,UARW;AASnCjB,EAAAA,KAAK,EAAEW,SAAS,CAACC,KAAV,CAAgB;AACrBM,IAAAA,GAAG,EAAEP,SAAS,CAACK;AADM,GAAhB,EAEJC;AAXgC,CAArC;AAcApB,wBAAwB,CAACsB,YAAzB,GAAwC;AACtCrB,EAAAA,IAAI,EAAE;AADgC,CAAxC;AAIA,8CAAesB,IAAI,CAACvB,wBAAD,EAA2BwB,QAA3B,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,IAAC,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,SAAS,CAACC,KAAV,CAAgB;AACpBV,IAAAA,kBAAkB,EAAES,SAAS,CAACC,KAAV,CAAgB;AAClCL,MAAAA,eAAe,EAAEI,SAAS,CAACE;AADO,KAAhB,CADA;AAIpBV,IAAAA,UAAU,EAAEQ,SAAS,CAACG,IAJF;AAKpBC,IAAAA,iBAAiB,EAAEJ,SAAS,CAACK;AALT,GAAhB,CAD6B;AAQnCjB,EAAAA,EAAE,EAAEY,SAAS,CAACE,MAAV,CAAiBI,UARc;AASnCjB,EAAAA,KAAK,EAAEW,SAAS,CAACK,MAAV,CAAiBC,UATW;AAUnChB,EAAAA,KAAK,EAAEU,SAAS,CAACC,KAAV,CAAgB;AACrBM,IAAAA,GAAG,EAAEP,SAAS,CAACK;AADM,GAAhB,EAEJC;AAZgC,CAArC;AAeA,8CAAeE,IAAI,CAACtB,wBAAD,CAAnB;;;;"}

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

@@ -1,32 +1,33 @@
-import 'core-js/modules/es.object.get-prototype-of.js';
-import { createRef, PureComponent } from 'react';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import { forwardRef, useRef, useState, useMemo, useCallback, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
-import { SortableContainer } from 'react-sortable-hoc';
+import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from '@dnd-kit/core';
+import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { Virtuoso } from 'react-virtuoso';
 import memoizeOne from 'memoize-one';
 import SortablePageItemRenderer from './SortablePageItemRenderer.js';
-import { jsx } from 'react/jsx-runtime';
+import SortablePageItemDragOverlay from './SortablePageItemDragOverlay.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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 _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+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; }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var createItemData = memoizeOne(function (acceptedItems, additionalPageItems, disableInteraction, hashCode, itemAccessor, onAnEventTrigger, onPageAdd, onPageClick, onPageDuplicate, onPageRemove, pageContainerStyle, pageGetter) {
   return {
     acceptedItems: acceptedItems,
@@ -44,63 +45,162 @@ var createItemData = memoizeOne(function (acceptedItems, additionalPageItems, di
   };
 });
 
-var SortablePageList = function SortablePageList(Component) {
-  var ReactWindowList = /*#__PURE__*/function (_PureComponent) {
-    _inherits(ReactWindowList, _PureComponent);
-
-    var _super = _createSuper(ReactWindowList);
-
-    function ReactWindowList(props) {
-      var _this;
-
-      _classCallCheck(this, ReactWindowList);
-
-      _this = _super.call(this, props);
-      _this.sortablePageListRef = /*#__PURE__*/createRef();
-      return _this;
-    }
-
-    _createClass(ReactWindowList, [{
-      key: "itemData",
-      get: function get() {
-        var _this$props = this.props,
-            acceptedItems = _this$props.acceptedItems,
-            additionalPageItems = _this$props.additionalPageItems,
-            disableInteraction = _this$props.disableInteraction,
-            hashCode = _this$props.hashCode,
-            itemAccessor = _this$props.itemAccessor,
-            onAnEventTrigger = _this$props.onAnEventTrigger,
-            onPageAdd = _this$props.onPageAdd,
-            onPageClick = _this$props.onPageClick,
-            onPageDuplicate = _this$props.onPageDuplicate,
-            onPageRemove = _this$props.onPageRemove,
-            pageContainerStyle = _this$props.pageContainerStyle,
-            pageGetter = _this$props.pageGetter;
-        return createItemData(acceptedItems, additionalPageItems, disableInteraction, hashCode, itemAccessor, onAnEventTrigger, onPageAdd, onPageClick, onPageDuplicate, onPageRemove, pageContainerStyle, pageGetter);
+var SortablePageList = function SortablePageList() {
+  var VirtuosoList = /*#__PURE__*/forwardRef(function (_ref, ref) {
+    var _ref$acceptedItems = _ref.acceptedItems,
+        acceptedItems = _ref$acceptedItems === void 0 ? {} : _ref$acceptedItems,
+        _ref$additionalPageIt = _ref.additionalPageItems,
+        additionalPageItems = _ref$additionalPageIt === void 0 ? [] : _ref$additionalPageIt,
+        _ref$disableInteracti = _ref.disableInteraction,
+        disableInteraction = _ref$disableInteracti === void 0 ? [] : _ref$disableInteracti,
+        _ref$hashCode = _ref.hashCode,
+        hashCode = _ref$hashCode === void 0 ? '' : _ref$hashCode,
+        height = _ref.height,
+        _ref$itemAccessor = _ref.itemAccessor,
+        itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
+        _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$onPageClick = _ref.onPageClick,
+        onPageClick = _ref$onPageClick === void 0 ? function () {} : _ref$onPageClick,
+        _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$onSortEnd = _ref.onSortEnd,
+        onSortEnd = _ref$onSortEnd === void 0 ? function () {} : _ref$onSortEnd,
+        _ref$pageContainerSty = _ref.pageContainerStyle,
+        pageContainerStyle = _ref$pageContainerSty === void 0 ? {} : _ref$pageContainerSty,
+        _ref$pageCount = _ref.pageCount,
+        pageCount = _ref$pageCount === void 0 ? 0 : _ref$pageCount,
+        _ref$pageGetter = _ref.pageGetter,
+        pageGetter = _ref$pageGetter === void 0 ? function () {} : _ref$pageGetter,
+        _ref$pages = _ref.pages,
+        pages = _ref$pages === void 0 ? [] : _ref$pages,
+        width = _ref.width;
+    var sortablePageListRef = useRef(null);
+    var virtuosoRef = useRef(null);
+
+    var _useState = useState(null),
+        _useState2 = _slicedToArray(_useState, 2),
+        activeId = _useState2[0],
+        setActiveId = _useState2[1];
+
+    var sensors = useSensors(useSensor(PointerSensor, {
+      activationConstraint: {
+        distance: 0
       }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this$props2 = this.props,
-            height = _this$props2.height,
-            pageCount = _this$props2.pageCount,
-            width = _this$props2.width;
-        return /*#__PURE__*/jsx(Component, {
-          ref: this.sortablePageListRef,
-          height: height,
-          itemCount: pageCount,
-          itemData: this.itemData,
-          itemSize: 127,
-          width: width,
-          children: SortablePageItemRenderer
+    }), useSensor(KeyboardSensor));
+    var itemData = useMemo(function () {
+      return createItemData(acceptedItems, additionalPageItems, disableInteraction, hashCode, itemAccessor, onAnEventTrigger, onPageAdd, onPageClick, onPageDuplicate, onPageRemove, pageContainerStyle, pageGetter);
+    }, [acceptedItems, additionalPageItems, disableInteraction, hashCode, itemAccessor, onAnEventTrigger, onPageAdd, onPageClick, onPageDuplicate, onPageRemove, pageContainerStyle, pageGetter]);
+    var scrollToIndex = useCallback(function (index) {
+      var align = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'center';
+
+      if (virtuosoRef.current) {
+        virtuosoRef.current.scrollToIndex({
+          align: align,
+          index: index
         });
       }
-    }]);
-
-    return ReactWindowList;
-  }(PureComponent);
-
-  ReactWindowList.propTypes = {
+    }, []);
+    useImperativeHandle(ref, function () {
+      return {
+        scrollToIndex: scrollToIndex,
+        sortablePageListRef: sortablePageListRef.current,
+        virtuosoRef: virtuosoRef.current
+      };
+    }, [scrollToIndex]);
+    var handleDragStart = useCallback(function (event) {
+      setActiveId(event.active.id);
+    }, []);
+    var handleDragEnd = useCallback(function (event) {
+      var active = event.active,
+          over = event.over;
+      setActiveId(null);
+
+      if (over && active.id !== over.id) {
+        var oldIndex = parseInt(active.id, 10);
+        var newIndex = parseInt(over.id, 10);
+        onSortEnd({
+          newIndex: newIndex,
+          oldIndex: oldIndex
+        });
+      }
+    }, [onSortEnd]);
+    var handleDragCancel = useCallback(function () {
+      setActiveId(null);
+    }, []);
+    var virtuosoStyle = useMemo(function () {
+      return {
+        height: "".concat(pageCount * 127, "px"),
+        scrollbarWidth: 'none',
+        width: '100%'
+      };
+    }, [pageCount]);
+    var items = useMemo(function () {
+      return pages.map(function (page, index) {
+        return index.toString();
+      });
+    }, [pages]);
+    var activePageData = useMemo(function () {
+      if (!activeId) return null;
+      var activeIndex = parseInt(activeId, 10);
+      var activePage = pageGetter(activeIndex);
+      if (!activePage) return null;
+      return {
+        page: activePage,
+        pageContainerLastStyle: _objectSpread(_objectSpread({}, pageContainerStyle), activePage.backgroundColor ? {
+          backgroundColor: activePage.backgroundColor
+        } : {})
+      };
+    }, [activeId, pageGetter, pageContainerStyle]);
+    return /*#__PURE__*/jsx("div", {
+      ref: sortablePageListRef,
+      style: {
+        height: height,
+        width: width
+      },
+      children: /*#__PURE__*/jsxs(DndContext, {
+        collisionDetection: closestCenter,
+        onDragCancel: handleDragCancel,
+        onDragEnd: handleDragEnd,
+        onDragStart: handleDragStart,
+        sensors: sensors,
+        children: [/*#__PURE__*/jsx(SortableContext, {
+          items: items,
+          strategy: verticalListSortingStrategy,
+          children: /*#__PURE__*/jsx(Virtuoso, {
+            ref: virtuosoRef,
+            fixedItemHeight: 127,
+            itemContent: function itemContent(index) {
+              var page = pageGetter(index);
+              if (!page) return null;
+              return /*#__PURE__*/jsx(SortablePageItemRenderer, {
+                data: itemData,
+                id: index.toString(),
+                index: index,
+                style: {
+                  height: 127
+                }
+              });
+            },
+            style: virtuosoStyle,
+            totalCount: pageCount
+          })
+        }), /*#__PURE__*/jsx(SortablePageItemDragOverlay, {
+          acceptedItems: acceptedItems,
+          activePageData: activePageData,
+          additionalPageItems: additionalPageItems,
+          hashCode: hashCode,
+          itemAccessor: itemAccessor
+        })]
+      })
+    });
+  });
+  VirtuosoList.displayName = 'VirtuosoList';
+  VirtuosoList.propTypes = {
     acceptedItems: PropTypes.shape({}),
     additionalPageItems: PropTypes.arrayOf(PropTypes.node),
     disableInteraction: PropTypes.arrayOf(PropTypes.string),
@@ -112,31 +212,14 @@ var SortablePageList = function SortablePageList(Component) {
     onPageClick: PropTypes.func,
     onPageDuplicate: PropTypes.func,
     onPageRemove: PropTypes.func,
+    onSortEnd: PropTypes.func,
     pageContainerStyle: PropTypes.shape({}),
     pageCount: PropTypes.number,
     pageGetter: PropTypes.func,
+    pages: PropTypes.arrayOf(PropTypes.shape({})),
     width: PropTypes.number
   };
-  ReactWindowList.defaultProps = {
-    acceptedItems: {},
-    additionalPageItems: [],
-    disableInteraction: [],
-    hashCode: '',
-    height: 0,
-    itemAccessor: function itemAccessor() {},
-    onAnEventTrigger: function onAnEventTrigger() {},
-    onPageAdd: function onPageAdd() {},
-    onPageClick: function onPageClick() {},
-    onPageDuplicate: function onPageDuplicate() {},
-    onPageRemove: function onPageRemove() {},
-    pageContainerStyle: {},
-    pageCount: 0,
-    pageGetter: function pageGetter() {},
-    width: 0
-  };
-  return SortableContainer(ReactWindowList, {
-    withRef: true
-  });
+  return VirtuosoList;
 };
 
 var SortablePageList$1 = memoizeOne(SortablePageList);

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

@@ -1 +1 @@
-{"version":3,"file":"SortablePageList.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageList.js"],"sourcesContent":["import { PureComponent, createRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SortableContainer } from 'react-sortable-hoc';\nimport memoize from 'memoize-one';\nimport SortablePageItemRenderer from './SortablePageItemRenderer';\n\nconst createItemData = memoize((\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pageContainerStyle,\n  pageGetter,\n) => ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pageContainerStyle,\n  pageGetter,\n}));\n\nconst SortablePageList = Component => {\n  class ReactWindowList extends PureComponent {\n    constructor(props) {\n      super(props);\n\n      this.sortablePageListRef = createRef();\n    }\n\n    get itemData() {\n      const {\n        acceptedItems,\n        additionalPageItems,\n        disableInteraction,\n        hashCode,\n        itemAccessor,\n        onAnEventTrigger,\n        onPageAdd,\n        onPageClick,\n        onPageDuplicate,\n        onPageRemove,\n        pageContainerStyle,\n        pageGetter,\n      } = this.props;\n      return createItemData(\n        acceptedItems,\n        additionalPageItems,\n        disableInteraction,\n        hashCode,\n        itemAccessor,\n        onAnEventTrigger,\n        onPageAdd,\n        onPageClick,\n        onPageDuplicate,\n        onPageRemove,\n        pageContainerStyle,\n        pageGetter,\n      );\n    }\n\n    render() {\n      const { height, pageCount, width } = this.props;\n\n      return (\n        <Component\n          ref={this.sortablePageListRef}\n          height={height}\n          itemCount={pageCount}\n          itemData={this.itemData}\n          itemSize={127}\n          width={width}\n        >\n          {SortablePageItemRenderer}\n        </Component>\n      );\n    }\n  }\n\n  ReactWindowList.propTypes = {\n    acceptedItems: PropTypes.shape({}),\n    additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n    disableInteraction: PropTypes.arrayOf(PropTypes.string),\n    hashCode: PropTypes.string,\n    height: PropTypes.number,\n    itemAccessor: PropTypes.func,\n    onAnEventTrigger: PropTypes.func,\n    onPageAdd: PropTypes.func,\n    onPageClick: PropTypes.func,\n    onPageDuplicate: PropTypes.func,\n    onPageRemove: PropTypes.func,\n    pageContainerStyle: PropTypes.shape({}),\n    pageCount: PropTypes.number,\n    pageGetter: PropTypes.func,\n    width: PropTypes.number,\n  };\n\n  ReactWindowList.defaultProps = {\n    acceptedItems: {},\n    additionalPageItems: [],\n    disableInteraction: [],\n    hashCode: '',\n    height: 0,\n    itemAccessor: () => {},\n    onAnEventTrigger: () => {},\n    onPageAdd: () => {},\n    onPageClick: () => {},\n    onPageDuplicate: () => {},\n    onPageRemove: () => {},\n    pageContainerStyle: {},\n    pageCount: 0,\n    pageGetter: () => {},\n    width: 0,\n  };\n\n  return SortableContainer(ReactWindowList, { withRef: true });\n};\n\nexport default memoize(SortablePageList);\n"],"names":["createItemData","memoize","acceptedItems","additionalPageItems","disableInteraction","hashCode","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","pageContainerStyle","pageGetter","SortablePageList","Component","ReactWindowList","props","sortablePageListRef","createRef","height","pageCount","width","_jsx","itemData","SortablePageItemRenderer","PureComponent","propTypes","PropTypes","shape","arrayOf","node","string","number","func","defaultProps","SortableContainer","withRef"],"mappings":"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"}
+{"version":3,"file":"SortablePageList.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageList.js"],"sourcesContent":["import {\n  useRef, useMemo, useCallback, forwardRef, useImperativeHandle, useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors,\n} from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { Virtuoso } from 'react-virtuoso';\nimport memoize from 'memoize-one';\nimport SortablePageItemRenderer from './SortablePageItemRenderer';\nimport SortableDragOverlay from './SortablePageItemDragOverlay';\n\nconst createItemData = memoize((\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pageContainerStyle,\n  pageGetter,\n) => ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pageContainerStyle,\n  pageGetter,\n}));\n\nconst SortablePageList = () => {\n  const VirtuosoList = forwardRef(({\n    acceptedItems = {},\n    additionalPageItems = [],\n    disableInteraction = [],\n    hashCode = '',\n    height,\n    itemAccessor = () => {},\n    onAnEventTrigger = () => {},\n    onPageAdd = () => {},\n    onPageClick = () => {},\n    onPageDuplicate = () => {},\n    onPageRemove = () => {},\n    onSortEnd = () => {},\n    pageContainerStyle = {},\n    pageCount = 0,\n    pageGetter = () => {},\n    pages = [],\n    width,\n  }, ref) => {\n    const sortablePageListRef = useRef(null);\n    const virtuosoRef = useRef(null);\n    const [activeId, setActiveId] = useState(null);\n\n    const sensors = useSensors(\n      useSensor(PointerSensor, {\n        activationConstraint: {\n          distance: 0,\n        },\n      }),\n      useSensor(KeyboardSensor),\n    );\n\n    const itemData = useMemo(() => createItemData(\n      acceptedItems,\n      additionalPageItems,\n      disableInteraction,\n      hashCode,\n      itemAccessor,\n      onAnEventTrigger,\n      onPageAdd,\n      onPageClick,\n      onPageDuplicate,\n      onPageRemove,\n      pageContainerStyle,\n      pageGetter,\n    ), [\n      acceptedItems,\n      additionalPageItems,\n      disableInteraction,\n      hashCode,\n      itemAccessor,\n      onAnEventTrigger,\n      onPageAdd,\n      onPageClick,\n      onPageDuplicate,\n      onPageRemove,\n      pageContainerStyle,\n      pageGetter,\n    ]);\n\n    const scrollToIndex = useCallback((index, align = 'center') => {\n      if (virtuosoRef.current) {\n        virtuosoRef.current.scrollToIndex({ align, index });\n      }\n    }, []);\n\n    useImperativeHandle(ref, () => ({\n      scrollToIndex,\n      sortablePageListRef: sortablePageListRef.current,\n      virtuosoRef: virtuosoRef.current,\n    }), [scrollToIndex]);\n\n    const handleDragStart = useCallback(event => {\n      setActiveId(event.active.id);\n    }, []);\n\n    const handleDragEnd = useCallback(event => {\n      const { active, over } = event;\n      setActiveId(null);\n\n      if (over && active.id !== over.id) {\n        const oldIndex = parseInt(active.id, 10);\n        const newIndex = parseInt(over.id, 10);\n\n        onSortEnd({ newIndex, oldIndex });\n      }\n    }, [onSortEnd]);\n\n    const handleDragCancel = useCallback(() => {\n      setActiveId(null);\n    }, []);\n\n    const virtuosoStyle = useMemo(() => ({\n      height: `${pageCount * 127}px`,\n      scrollbarWidth: 'none',\n      width: '100%',\n    }), [pageCount]);\n\n    const items = useMemo(() => pages.map((page, index) => index.toString()), [pages]);\n\n    const activePageData = useMemo(() => {\n      if (!activeId) return null;\n      const activeIndex = parseInt(activeId, 10);\n      const activePage = pageGetter(activeIndex);\n      if (!activePage) return null;\n\n      return {\n        page: activePage,\n        pageContainerLastStyle: {\n          ...pageContainerStyle,\n          ...activePage.backgroundColor ? { backgroundColor: activePage.backgroundColor } : {},\n        },\n      };\n    }, [activeId, pageGetter, pageContainerStyle]);\n\n    return (\n      <div\n        ref={sortablePageListRef}\n        style={{ height, width }}\n      >\n        <DndContext\n          collisionDetection={closestCenter}\n          onDragCancel={handleDragCancel}\n          onDragEnd={handleDragEnd}\n          onDragStart={handleDragStart}\n          sensors={sensors}\n        >\n          <SortableContext\n            items={items}\n            strategy={verticalListSortingStrategy}\n          >\n            <Virtuoso\n              ref={virtuosoRef}\n              fixedItemHeight={127}\n              itemContent={index => {\n                const page = pageGetter(index);\n                if (!page) return null;\n                return (\n                  <SortablePageItemRenderer\n                    data={itemData}\n                    id={index.toString()}\n                    index={index}\n                    style={{ height: 127 }}\n                  />\n                );\n              }}\n              style={virtuosoStyle}\n              totalCount={pageCount}\n            />\n          </SortableContext>\n          <SortableDragOverlay\n            acceptedItems={acceptedItems}\n            activePageData={activePageData}\n            additionalPageItems={additionalPageItems}\n            hashCode={hashCode}\n            itemAccessor={itemAccessor}\n          />\n        </DndContext>\n      </div>\n    );\n  });\n\n  VirtuosoList.displayName = 'VirtuosoList';\n\n  VirtuosoList.propTypes = {\n    acceptedItems: PropTypes.shape({}),\n    additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n    disableInteraction: PropTypes.arrayOf(PropTypes.string),\n    hashCode: PropTypes.string,\n    height: PropTypes.number,\n    itemAccessor: PropTypes.func,\n    onAnEventTrigger: PropTypes.func,\n    onPageAdd: PropTypes.func,\n    onPageClick: PropTypes.func,\n    onPageDuplicate: PropTypes.func,\n    onPageRemove: PropTypes.func,\n    onSortEnd: PropTypes.func,\n    pageContainerStyle: PropTypes.shape({}),\n    pageCount: PropTypes.number,\n    pageGetter: PropTypes.func,\n    pages: PropTypes.arrayOf(PropTypes.shape({})),\n    width: PropTypes.number,\n  };\n\n  return VirtuosoList;\n};\n\nexport default memoize(SortablePageList);\n"],"names":["createItemData","memoize","acceptedItems","additionalPageItems","disableInteraction","hashCode","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","pageContainerStyle","pageGetter","SortablePageList","VirtuosoList","forwardRef","ref","height","onSortEnd","pageCount","pages","width","sortablePageListRef","useRef","virtuosoRef","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","KeyboardSensor","itemData","useMemo","scrollToIndex","useCallback","index","align","current","useImperativeHandle","handleDragStart","event","active","id","handleDragEnd","over","oldIndex","parseInt","newIndex","handleDragCancel","virtuosoStyle","scrollbarWidth","items","map","page","toString","activePageData","activeIndex","activePage","pageContainerLastStyle","backgroundColor","_jsx","_jsxs","closestCenter","verticalListSortingStrategy","SortableDragOverlay","displayName","propTypes","PropTypes","shape","arrayOf","node","string","number","func"],"mappings":"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"}

package/lib/esm/components/Presentation/Presentation.js

@@ -23,15 +23,24 @@ 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 Presentation = function Presentation(_ref) {
-  var acceptedItems = _ref.acceptedItems,
-      additionalPageItems = _ref.additionalPageItems,
-      itemAccessor = _ref.itemAccessor,
-      onAnEventTrigger = _ref.onAnEventTrigger,
-      pages = _ref.pages,
-      presentationBarActions = _ref.presentationBarActions,
-      settings = _ref.settings,
-      theme = _ref.theme,
-      useFixedPresentationBar = _ref.useFixedPresentationBar,
+  var _ref$acceptedItems = _ref.acceptedItems,
+      acceptedItems = _ref$acceptedItems === void 0 ? {} : _ref$acceptedItems,
+      _ref$additionalPageIt = _ref.additionalPageItems,
+      additionalPageItems = _ref$additionalPageIt === void 0 ? [] : _ref$additionalPageIt,
+      _ref$itemAccessor = _ref.itemAccessor,
+      itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
+      _ref$onAnEventTrigger = _ref.onAnEventTrigger,
+      onAnEventTrigger = _ref$onAnEventTrigger === void 0 ? function () {} : _ref$onAnEventTrigger,
+      _ref$pages = _ref.pages,
+      pages = _ref$pages === void 0 ? [] : _ref$pages,
+      _ref$presentationBarA = _ref.presentationBarActions,
+      presentationBarActions = _ref$presentationBarA === void 0 ? [] : _ref$presentationBarA,
+      _ref$settings = _ref.settings,
+      settings = _ref$settings === void 0 ? {} : _ref$settings,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'lightMode' : _ref$theme,
+      _ref$useFixedPresenta = _ref.useFixedPresentationBar,
+      useFixedPresentationBar = _ref$useFixedPresenta === void 0 ? false : _ref$useFixedPresenta,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
   var hashCode = objectHash(otherProps);
@@ -98,17 +107,6 @@ Presentation.propTypes = {
   /** Flag for fixed action bar */
   useFixedPresentationBar: PropTypes.bool
 };
-Presentation.defaultProps = {
-  acceptedItems: {},
-  additionalPageItems: [],
-  itemAccessor: function itemAccessor() {},
-  onAnEventTrigger: function onAnEventTrigger() {},
-  pages: [],
-  presentationBarActions: [],
-  settings: {},
-  theme: 'lightMode',
-  useFixedPresentationBar: false
-};
 
 export default Presentation;
 //# sourceMappingURL=Presentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Presentation.js","sources":["../../../../src/components/Presentation/Presentation.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport { PresentationProvider } from '../../utils/presentationContext';\nimport { BuilderProvider } from '../../utils/builderContext';\nimport { PropProvider } from '../../utils/propContext';\nimport StaticScene from '../Preview/StaticScene';\nimport ReportWrapper from '../ReportWrapper';\nimport PresentationWrapper from './PresentationWrapper';\n\nimport '../../styles/jfReportsBundle.scss';\nimport Print from '../Print';\n\nconst Presentation = ({\n  acceptedItems,\n  additionalPageItems,\n  itemAccessor,\n  onAnEventTrigger,\n  pages,\n  presentationBarActions,\n  settings,\n  theme,\n  useFixedPresentationBar,\n  ...otherProps\n}) => {\n  const hashCode = objectHash(otherProps);\n\n  return (\n    <PresentationProvider\n      pageCount={pages.length}\n    >\n      <PropProvider\n        acceptedItems={acceptedItems}\n        onAnEventTrigger={onAnEventTrigger}\n        settings={settings}\n      >\n        <BuilderProvider>\n          <ReportWrapper\n            mode=\"presentation\"\n            theme={theme}\n          >\n            <PresentationWrapper\n              presentationBarActions={presentationBarActions}\n              useFixedPresentationBar={useFixedPresentationBar}\n            >\n              {(presentationPage, gesture) => (\n                <StaticScene\n                  additionalPageItems={additionalPageItems}\n                  gesture={gesture}\n                  hashCode={hashCode}\n                  hideZoom={true}\n                  itemAccessor={itemAccessor}\n                  mode=\"presentation\"\n                  pages={pages}\n                  presentationPage={presentationPage}\n                />\n              )}\n            </PresentationWrapper>\n            <Print\n              additionalPageItems={additionalPageItems}\n              itemAccessor={itemAccessor}\n              pages={pages}\n              settings={settings}\n              {...otherProps}\n            />\n          </ReportWrapper>\n        </BuilderProvider>\n      </PropProvider>\n    </PresentationProvider>\n  );\n};\n\nPresentation.propTypes = {\n  /** Items for to render in the report */\n  acceptedItems: PropTypes.shape({}),\n  /** Array of React components to render statically on each page (eg. watermark) */\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  onAnEventTrigger: PropTypes.func,\n  /** Array of pages with their settings and items */\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  /** To pass in action definitions that will be rendered as buttons */\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  /** General report settings such as layout size and background color */\n  settings: PropTypes.shape({}),\n  /** Theme */\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n  /** Flag for fixed action bar */\n  useFixedPresentationBar: PropTypes.bool,\n};\n\nPresentation.defaultProps = {\n  acceptedItems: {},\n  additionalPageItems: [],\n  itemAccessor: () => {},\n  onAnEventTrigger: () => {},\n  pages: [],\n  presentationBarActions: [],\n  settings: {},\n  theme: 'lightMode',\n  useFixedPresentationBar: false,\n};\n\nexport default Presentation;\n"],"names":["Presentation","acceptedItems","additionalPageItems","itemAccessor","onAnEventTrigger","pages","presentationBarActions","settings","theme","useFixedPresentationBar","otherProps","hashCode","objectHash","_jsx","length","_jsxs","presentationPage","gesture","propTypes","PropTypes","shape","arrayOf","node","func","oneOf","bool","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Presentation.js","sources":["../../../../src/components/Presentation/Presentation.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport { PresentationProvider } from '../../utils/presentationContext';\nimport { BuilderProvider } from '../../utils/builderContext';\nimport { PropProvider } from '../../utils/propContext';\nimport StaticScene from '../Preview/StaticScene';\nimport ReportWrapper from '../ReportWrapper';\nimport PresentationWrapper from './PresentationWrapper';\n\nimport '../../styles/jfReportsBundle.scss';\nimport Print from '../Print';\n\nconst Presentation = ({\n  acceptedItems = {},\n  additionalPageItems = [],\n  itemAccessor = () => {},\n  onAnEventTrigger = () => {},\n  pages = [],\n  presentationBarActions = [],\n  settings = {},\n  theme = 'lightMode',\n  useFixedPresentationBar = false,\n  ...otherProps\n}) => {\n  const hashCode = objectHash(otherProps);\n\n  return (\n    <PresentationProvider\n      pageCount={pages.length}\n    >\n      <PropProvider\n        acceptedItems={acceptedItems}\n        onAnEventTrigger={onAnEventTrigger}\n        settings={settings}\n      >\n        <BuilderProvider>\n          <ReportWrapper\n            mode=\"presentation\"\n            theme={theme}\n          >\n            <PresentationWrapper\n              presentationBarActions={presentationBarActions}\n              useFixedPresentationBar={useFixedPresentationBar}\n            >\n              {(presentationPage, gesture) => (\n                <StaticScene\n                  additionalPageItems={additionalPageItems}\n                  gesture={gesture}\n                  hashCode={hashCode}\n                  hideZoom={true}\n                  itemAccessor={itemAccessor}\n                  mode=\"presentation\"\n                  pages={pages}\n                  presentationPage={presentationPage}\n                />\n              )}\n            </PresentationWrapper>\n            <Print\n              additionalPageItems={additionalPageItems}\n              itemAccessor={itemAccessor}\n              pages={pages}\n              settings={settings}\n              {...otherProps}\n            />\n          </ReportWrapper>\n        </BuilderProvider>\n      </PropProvider>\n    </PresentationProvider>\n  );\n};\n\nPresentation.propTypes = {\n  /** Items for to render in the report */\n  acceptedItems: PropTypes.shape({}),\n  /** Array of React components to render statically on each page (eg. watermark) */\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  /** To pass in extra props to items selectively */\n  itemAccessor: PropTypes.func,\n  onAnEventTrigger: PropTypes.func,\n  /** Array of pages with their settings and items */\n  pages: PropTypes.arrayOf(\n    PropTypes.shape({}),\n  ),\n  /** To pass in action definitions that will be rendered as buttons */\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  /** General report settings such as layout size and background color */\n  settings: PropTypes.shape({}),\n  /** Theme */\n  theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n  /** Flag for fixed action bar */\n  useFixedPresentationBar: PropTypes.bool,\n};\n\nexport default Presentation;\n"],"names":["Presentation","acceptedItems","additionalPageItems","itemAccessor","onAnEventTrigger","pages","presentationBarActions","settings","theme","useFixedPresentationBar","otherProps","hashCode","objectHash","_jsx","length","_jsxs","presentationPage","gesture","propTypes","PropTypes","shape","arrayOf","node","func","oneOf","bool"],"mappings":"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"}

package/lib/esm/components/Presentation/PresentationBar/PageNavigation.js

@@ -3,10 +3,14 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import SvgArrowLeft from '../../../assets/svg/arrow_left.svg.js';
 
 var PageNavigation = function PageNavigation(_ref) {
-  var currentPage = _ref.currentPage,
-      decrease = _ref.decrease,
-      increase = _ref.increase,
-      pageCount = _ref.pageCount;
+  var _ref$currentPage = _ref.currentPage,
+      currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
+      _ref$decrease = _ref.decrease,
+      decrease = _ref$decrease === void 0 ? function () {} : _ref$decrease,
+      _ref$increase = _ref.increase,
+      increase = _ref$increase === void 0 ? function () {} : _ref$increase,
+      _ref$pageCount = _ref.pageCount,
+      pageCount = _ref$pageCount === void 0 ? 1 : _ref$pageCount;
   return /*#__PURE__*/jsx("div", {
     className: "forSlide",
     children: /*#__PURE__*/jsxs("div", {
@@ -43,12 +47,6 @@ PageNavigation.propTypes = {
   increase: PropTypes.func,
   pageCount: PropTypes.number
 };
-PageNavigation.defaultProps = {
-  currentPage: 1,
-  decrease: function decrease() {},
-  increase: function increase() {},
-  pageCount: 1
-};
 
 export default PageNavigation;
 //# sourceMappingURL=PageNavigation.js.map