@jotforminc/dnd-builder 3.5.6 → 3.6.2

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

@@ -1,148 +0,0 @@
-'use strict';
-
-require('core-js/modules/es.array.concat.js');
-require('core-js/modules/es.array.filter.js');
-require('core-js/modules/es.array.map.js');
-var React = require('react');
-var classNames = require('classnames');
-var Panel = require('../../Builder/Panel.js');
-var BuilderContext = require('../../../contexts/BuilderContext.js');
-var PropContext = require('../../../contexts/PropContext.js');
-var functions = require('../../../utils/functions.js');
-var AllSlidesPanelToggler = require('./AllSlidesPanelToggler.js');
-var PageList = require('./PageList.js');
-var PageActionsBar = require('./PageActionsBar.js');
-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);
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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 AllSlidesPanel = function AllSlidesPanel() {
-  var isAllSlidesPanelOpen = BuilderContext.useBuilderStore(function (state) {
-    return state.isAllSlidesPanelOpen;
-  });
-  var setIsAllSlidesPanelOpen = BuilderContext.useBuilderStore(function (state) {
-    return state.setIsAllSlidesPanelOpen;
-  });
-  var useExperimentalFeatures = PropContext.usePropStore(function (state) {
-    return state.useExperimentalFeatures;
-  });
-  var onPageOrdersChange = PropContext.usePropStore(function (state) {
-    return state.onPageOrdersChange;
-  });
-  var pages = PropContext.usePropStore(function (state) {
-    return state.pages;
-  });
-  var onAnEventTrigger = PropContext.usePropStore(function (state) {
-    return state.onAnEventTrigger;
-  });
-
-  var _useState = React.useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      selectedPages = _useState2[0],
-      setSelectedPages = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      animationEnd = _useState4[0],
-      setAnimationEnd = _useState4[1];
-
-  var onPageSort = React.useCallback(function (_ref) {
-    var newIndex = _ref.newIndex,
-        oldIndex = _ref.oldIndex;
-    var newPageOrders = functions.arrayMove(pages, oldIndex, newIndex).reduce(function (acc, page, index) {
-      acc[page.id] = {
-        order: index + 1
-      };
-      return acc;
-    }, {});
-    onPageOrdersChange(newPageOrders);
-    onAnEventTrigger('sortPageFromAllSlides');
-  }, [pages, onPageOrdersChange, onAnEventTrigger]);
-  var onPageClick = React.useCallback(function (e) {
-    var pageID = e.target.getAttribute('data-id');
-
-    if (selectedPages.indexOf(pageID) > -1) {
-      setSelectedPages(selectedPages.filter(function (pid) {
-        return pid !== pageID;
-      }));
-    } else {
-      setSelectedPages([].concat(_toConsumableArray(selectedPages), [pageID]));
-    }
-  }, [selectedPages]);
-
-  var onPageSelectAll = function onPageSelectAll() {
-    var getAllPageIds = pages.map(function (page) {
-      return page.id;
-    });
-    setSelectedPages(getAllPageIds);
-  };
-
-  var onPageDeselect = function onPageDeselect() {
-    setSelectedPages([]);
-  };
-
-  var onClosePanel = function onClosePanel() {
-    setAnimationEnd(false);
-    setIsAllSlidesPanelOpen(false);
-  };
-
-  var onAnimationEnd = function onAnimationEnd() {
-    if (!isAllSlidesPanelOpen) {
-      setAnimationEnd(true);
-    }
-  }; // Panel className
-
-
-  var panelAdditionalClassName = classNames__default['default']('forAllSlides p-absolute f-all', {
-    isIdle: !isAllSlidesPanelOpen
-  }, {
-    hidden: !useExperimentalFeatures
-  });
-  return /*#__PURE__*/jsxRuntime.jsxs(Panel, {
-    additionalClassName: panelAdditionalClassName,
-    onAnimationEnd: onAnimationEnd,
-    children: [/*#__PURE__*/jsxRuntime.jsx(AllSlidesPanelToggler, {
-      onClosePanel: onClosePanel
-    }), (isAllSlidesPanelOpen || !isAllSlidesPanelOpen && !animationEnd) && /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "toolItemWrapper f-height d-flex",
-      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "toolItem-tabContent f-width",
-        children: [/*#__PURE__*/jsxRuntime.jsx(PageList, {
-          onPageClick: onPageClick,
-          onSortEnd: onPageSort,
-          selectedPages: selectedPages
-        }), /*#__PURE__*/jsxRuntime.jsx(PageActionsBar, {
-          onPageDeselect: onPageDeselect,
-          onPageSelectAll: onPageSelectAll,
-          pageCount: pages.length,
-          selectedPagesCount: selectedPages.length
-        })]
-      })
-    })]
-  });
-};
-
-module.exports = AllSlidesPanel;
-//# sourceMappingURL=AllSlidesPanel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AllSlidesPanel.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/AllSlidesPanel.js"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePropStore } from '../../../contexts/PropContext';\nimport { arrayMove } from '../../../utils/functions';\nimport AllSlidesPanelToggler from './AllSlidesPanelToggler';\nimport PageList from './PageList';\nimport PageActionsBar from './PageActionsBar';\n\nconst AllSlidesPanel = () => {\n  const isAllSlidesPanelOpen = useBuilderStore(state => state.isAllSlidesPanelOpen);\n  const setIsAllSlidesPanelOpen = useBuilderStore(state => state.setIsAllSlidesPanelOpen);\n\n  const useExperimentalFeatures = usePropStore(state => state.useExperimentalFeatures);\n  const onPageOrdersChange = usePropStore(state => state.onPageOrdersChange);\n  const pages = usePropStore(state => state.pages);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n\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, onPageOrdersChange, onAnEventTrigger]);\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              onPageClick={onPageClick}\n              onSortEnd={onPageSort}\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\nexport default AllSlidesPanel;\n"],"names":["AllSlidesPanel","isAllSlidesPanelOpen","useBuilderStore","state","setIsAllSlidesPanelOpen","useExperimentalFeatures","usePropStore","onPageOrdersChange","pages","onAnEventTrigger","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"],"mappings":"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"}

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

@@ -1,29 +0,0 @@
-'use strict';
-
-var PropTypes = require('prop-types');
-var jsxRuntime = require('react/jsx-runtime');
-var arrow_left = require('../../../assets/svg/arrow_left.svg.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var AllSlidesPanelToggler = function AllSlidesPanelToggler(_ref) {
-  var _ref$onClosePanel = _ref.onClosePanel,
-      onClosePanel = _ref$onClosePanel === void 0 ? function () {} : _ref$onClosePanel;
-  return /*#__PURE__*/jsxRuntime.jsx("button", {
-    className: "paneClose p-absolute",
-    onClick: onClosePanel,
-    type: "button",
-    children: /*#__PURE__*/jsxRuntime.jsx(arrow_left, {
-      className: "jfReportSVG"
-    })
-  });
-};
-
-AllSlidesPanelToggler.propTypes = {
-  onClosePanel: PropTypes__default['default'].func
-};
-
-module.exports = AllSlidesPanelToggler;
-//# sourceMappingURL=AllSlidesPanelToggler.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,107 +0,0 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var jsxRuntime = require('react/jsx-runtime');
-var close = require('../../../assets/svg/close.svg.js');
-var duplicate = require('../../../assets/svg/duplicate.svg.js');
-var trash = require('../../../assets/svg/trash.svg.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var PageActionsBar = function PageActionsBar(_ref) {
-  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);
-  // };
-  // const onPageRemoveClick = () => {
-  //   onPageRemove(page.id);
-  //   onAnEventTrigger('removePageFromSlides', page.id);
-  // };
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "pageActionsBar p-absolute d-flex j-between a-center",
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "pageActionsBar-section",
-      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        children: "Total ".concat(pageCount, " Slides")
-      }), /*#__PURE__*/jsxRuntime.jsx("button", {
-        className: "jfReportButton forPageActionsBar withRadius",
-        onClick: onPageSelectAll,
-        title: "Select All",
-        type: "button",
-        children: "Select All"
-      }, "Select All")]
-    }), selectedPagesCount > 0 && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "pageActionsBar-section",
-        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "pageSummary",
-          children: "".concat(selectedPagesCount, " Slides")
-        }), /*#__PURE__*/jsxRuntime.jsx("span", {
-          children: " selected"
-        }), /*#__PURE__*/jsxRuntime.jsxs("button", {
-          className: "jfReportButton forPageActionsBar withRadius forDeselect",
-          onClick: onPageDeselect,
-          title: "Deselect",
-          type: "button",
-          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-            children: "Deselect"
-          }), /*#__PURE__*/jsxRuntime.jsx(close, {
-            className: "jfReportSVG icon-duplicateLine"
-          })]
-        }, "Deselect")]
-      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "pageActionsBar-section",
-        children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
-          className: "jfReportButton forPageActionsBar forDuplicate" // onClick={onPageDuplicateClick}
-          ,
-          title: "Duplicate Page",
-          type: "button",
-          children: [/*#__PURE__*/jsxRuntime.jsx(duplicate, {
-            className: "jfReportSVG icon-duplicateLine"
-          }), /*#__PURE__*/jsxRuntime.jsx("span", {
-            children: "Duplicate"
-          })]
-        }, "Duplicate Page"), /*#__PURE__*/jsxRuntime.jsxs("button", {
-          className: "jfReportButton isDanger" // onClick={onPageRemoveClick}
-          ,
-          title: "Remove Slide",
-          type: "button",
-          children: [/*#__PURE__*/jsxRuntime.jsx(trash, {
-            className: "jfReportSVG icon-trashLine"
-          }), /*#__PURE__*/jsxRuntime.jsx("span", {
-            children: "Delete"
-          })]
-        }, "Remove Slide")]
-      })]
-    })]
-  });
-};
-
-PageActionsBar.propTypes = {
-  // onAnEventTrigger: PropTypes.func,
-  // onPageDuplicate: PropTypes.func,
-  // onPageRemove: PropTypes.func,
-  // order: PropTypes.string,
-  onPageDeselect: PropTypes__default['default'].func,
-  onPageSelectAll: PropTypes__default['default'].func,
-  page: PropTypes__default['default'].shape({
-    id: PropTypes__default['default'].string
-  }),
-  pageCount: PropTypes__default['default'].number,
-  selectedPagesCount: PropTypes__default['default'].number
-};
-var PageActionsBar$1 = /*#__PURE__*/React.memo(PageActionsBar);
-
-module.exports = PageActionsBar$1;
-//# sourceMappingURL=PageActionsBar.js.map

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

@@ -1 +0,0 @@
-{"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,102 +0,0 @@
-'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 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');
-
-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);
-
-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 id = _ref.id,
-      isSelected = _ref.isSelected,
-      onPageClick = _ref.onPageClick,
-      order = _ref.order,
-      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]);
-
-  var onKeyDown = function onKeyDown(f) {
-    return f;
-  };
-
-  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
-    }),
-    "data-id": page.id,
-    "data-order": order,
-    onClick: onPageClick,
-    onKeyDown: onKeyDown,
-    style: dragStyle
-  }, attributes), listeners), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "thumbnailOrder",
-      children: order
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "thumbnailFrame o-hidden",
-      children: /*#__PURE__*/jsxRuntime.jsx(StaticPage['default'], {
-        items: page.items,
-        style: style
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(PageThumbnailActions, {
-      order: order,
-      page: page
-    })]
-  }));
-};
-
-PageItem.propTypes = {
-  id: PropTypes__default['default'].string.isRequired,
-  isSelected: PropTypes__default['default'].bool,
-  onPageClick: 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;
-//# sourceMappingURL=PageItem.js.map

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

@@ -1 +0,0 @@
-{"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  id,\n  isSelected,\n  onPageClick,\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]);\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          items={page.items}\n          style={style}\n        />\n      </div>\n      <PageThumbnailActions\n        order={order}\n        page={page}\n      />\n    </div>\n  );\n};\n\nPageItem.propTypes = {\n  id: PropTypes.string.isRequired,\n  isSelected: PropTypes.bool,\n  onPageClick: 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","id","isSelected","onPageClick","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","string","isRequired","bool","func","number","shape","arrayOf","memo"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"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  activePageData,\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              isThumbnail\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  activePageData: PropTypes.shape({\n    page: PropTypes.shape({\n      items: PropTypes.arrayOf(PropTypes.shape({})),\n      order: PropTypes.number,\n    }),\n    pageContainerLastStyle: PropTypes.shape({}),\n  }),\n};\n\nexport default PageItemDragOverlay;\n"],"names":["PageItemDragOverlay","activePageData","_jsx","DragOverlay","cursor","_jsxs","opacity","page","order","StaticPage","items","pageContainerLastStyle","propTypes","PropTypes","shape","arrayOf","number"],"mappings":";;;;;;;;;;;IAIMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAEtB;AAAA,MADJC,cACI,QADJA,cACI;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,cAKGH,cAAc,gBACbI;AACE;AACA,MAAA,SAAS,EAAC,+FAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAHT;AAAA,8BAKEJ;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAA,kBAAiCD,cAAc,CAACM,IAAf,CAAoBC;AAArD,QALF,eAMEN;AAAK,QAAA,SAAS,EAAC,yBAAf;AAAA,+BACEA,eAACO,qBAAD;AACE,UAAA,WAAW,MADb;AAEE,UAAA,KAAK,EAAER,cAAc,CAACM,IAAf,CAAoBG,KAF7B;AAGE,UAAA,KAAK,EAAET,cAAc,CAACU;AAHxB;AADF,QANF,eAaET;AAAK,QAAA,SAAS,EAAC;AAAf,QAbF;AAAA,MADa,GAgBX;AArBN,IADF;AAyBD;;AAEDF,mBAAmB,CAACY,SAApB,GAAgC;AAC9BX,EAAAA,cAAc,EAAEY,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;AADc,CAAhC;;;;"}

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

@@ -1,178 +0,0 @@
-'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 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 PropContext = require('../../../contexts/PropContext.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; }
-
-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 onPageClick = _ref.onPageClick,
-      onSortEnd = _ref.onSortEnd,
-      selectedPages = _ref.selectedPages;
-  var layoutSettings = PropContext.usePropStore(function (state) {
-    return state.settings;
-  });
-  var pages = PropContext.usePropStore(function (state) {
-    return state.pages;
-  });
-
-  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,
-      reportLayoutHeight = _layoutSettings$repor === void 0 ? 794 : _layoutSettings$repor,
-      _layoutSettings$repor2 = layoutSettings.reportLayoutWidth,
-      reportLayoutWidth = _layoutSettings$repor2 === void 0 ? 1123 : _layoutSettings$repor2;
-  var width = parseInt(reportLayoutWidth, 10);
-  var height = parseInt(reportLayoutHeight, 10);
-  var scale = functions.getScaleForPageThumbnailLarge(width, height);
-  pageContainerStyles.current = {
-    height: height,
-    transform: "scale(".concat(scale, ")"),
-    transformOrigin: '0 0',
-    width: width
-  };
-  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);
-
-    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;
-
-    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, {
-            id: page.id,
-            index: page.order - 1,
-            isSelected: selectedPages.indexOf(page.id) > -1,
-            onPageClick: onPageClick,
-            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, {})
-        }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "spacer"
-        }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "spacer"
-        }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "spacer"
-        })]
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(PageItemDragOverlay, {
-      activePageData: activePageData
-    })]
-  });
-};
-
-PageList.propTypes = {
-  onPageClick: PropTypes__default['default'].func,
-  onSortEnd: PropTypes__default['default'].func,
-  selectedPages: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string)
-};
-var PageList$1 = /*#__PURE__*/React.memo(PageList);
-
-module.exports = PageList$1;
-//# sourceMappingURL=PageList.js.map