@jotforminc/dnd-builder 3.0.0-alpha.2 → 3.0.0

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var PropTypes = require('prop-types');
-var builderContext = require('../../../utils/builderContext.js');
+var BuilderContext = require('../../../contexts/BuilderContext.js');
 var hooks = require('../../../utils/hooks.js');
 var jsxRuntime = require('react/jsx-runtime');
 var slides = require('../../../assets/svg/slides.svg.js');
@@ -12,11 +12,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var SlidesPanelToggler = function SlidesPanelToggler(_ref) {
-  var onClosePanel = _ref.onClosePanel;
-
-  var _useBuilderContext = builderContext.useBuilderContext(),
-      setActiveElement = _useBuilderContext.setActiveElement,
-      setIsSlidesPanelOpen = _useBuilderContext.setIsSlidesPanelOpen;
+  var _ref$onClosePanel = _ref.onClosePanel,
+      onClosePanel = _ref$onClosePanel === void 0 ? function () {} : _ref$onClosePanel;
+  var setActiveElement = BuilderContext.useBuilderStore(function (state) {
+    return state.setActiveElement;
+  });
+  var setIsSlidesPanelOpen = BuilderContext.useBuilderStore(function (state) {
+    return state.setIsSlidesPanelOpen;
+  });
 
   var _useTranslatedTexts = hooks.useTranslatedTexts(),
       SLIDES = _useTranslatedTexts.SLIDES;
@@ -47,9 +50,6 @@ var SlidesPanelToggler = function SlidesPanelToggler(_ref) {
 SlidesPanelToggler.propTypes = {
   onClosePanel: PropTypes__default['default'].func
 };
-SlidesPanelToggler.defaultProps = {
-  onClosePanel: function onClosePanel() {}
-};
 
 module.exports = SlidesPanelToggler;
 //# sourceMappingURL=SlidesPanelToggler.js.map

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

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

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

@@ -1,24 +1,28 @@
 'use strict';
 
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/es.regexp.to-string.js');
 var React = require('react');
-var reactSortableHoc = require('react-sortable-hoc');
-var classNames = require('classnames');
+var sortable = require('@dnd-kit/sortable');
+var utilities = require('@dnd-kit/utilities');
+var PropTypes = require('prop-types');
 var StaticPage = require('../../Preview/StaticPage.js');
 var PageThumbnailActions = require('./PageThumbnailActions.js');
+var functions = require('../../../utils/functions.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-var SortablePageItem = reactSortableHoc.SortableElement(function (_ref) {
-  var acceptedItems = _ref.acceptedItems,
-      additionalPageItems = _ref.additionalPageItems,
-      disableInteraction = _ref.disableInteraction,
-      hashCode = _ref.hashCode,
-      isSelected = _ref.isSelected,
-      itemAccessor = _ref.itemAccessor,
-      onAnEventTrigger = _ref.onAnEventTrigger,
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var SortablePageItem = function SortablePageItem(_ref) {
+  var id = _ref.id,
       onPageAdd = _ref.onPageAdd,
       onPageClick = _ref.onPageClick,
       onPageDuplicate = _ref.onPageDuplicate,
@@ -28,43 +32,73 @@ var SortablePageItem = reactSortableHoc.SortableElement(function (_ref) {
       pageContainerStyle = _ref.pageContainerStyle,
       style = _ref.style;
 
-  var onKeyDown = function onKeyDown(f) {
-    return f;
-  };
+  var _useSortable = sortable.useSortable({
+    id: id
+  }),
+      attributes = _useSortable.attributes,
+      isDragging = _useSortable.isDragging,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
 
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: classNames__default['default']('thumbnailWrapper d-flex a-center j-between', {
-      isSelected: isSelected
-    }),
+  var dragStyle = React.useMemo(function () {
+    var baseStyle = {
+      opacity: isDragging ? 0.5 : 1,
+      transform: utilities.CSS.Transform.toString(transform),
+      transition: transition
+    };
+    return _objectSpread(_objectSpread({}, baseStyle), style);
+  }, [transform, transition, isDragging, style]);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+    ref: setNodeRef,
+    className: "thumbnailWrapper d-flex a-center j-between",
     "data-id": page.id,
     "data-order": order,
     onClick: onPageClick,
-    onKeyDown: onKeyDown,
-    style: style,
+    onKeyDown: functions.emptyFunction,
+    style: dragStyle
+  }, attributes), listeners), {}, {
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "thumbnailOrder",
       children: order
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "thumbnailFrame o-hidden",
       children: /*#__PURE__*/jsxRuntime.jsx(StaticPage['default'], {
-        acceptedItems: acceptedItems,
-        additionalPageItems: additionalPageItems,
-        hashCode: hashCode,
-        itemAccessor: itemAccessor,
+        isThumbnail: true,
         items: page.items,
         style: pageContainerStyle
       })
     }), /*#__PURE__*/jsxRuntime.jsx(PageThumbnailActions, {
-      disableInteraction: disableInteraction,
-      onAnEventTrigger: onAnEventTrigger,
       onPageAdd: onPageAdd,
       onPageDuplicate: onPageDuplicate,
       onPageRemove: onPageRemove,
       order: order,
       page: page
     })]
-  });
-});
+  }));
+};
+
+SortablePageItem.propTypes = {
+  id: PropTypes__default['default'].string.isRequired,
+  onPageAdd: PropTypes__default['default'].func,
+  onPageClick: PropTypes__default['default'].func,
+  onPageDuplicate: PropTypes__default['default'].func,
+  onPageRemove: PropTypes__default['default'].func,
+  order: PropTypes__default['default'].number,
+  page: PropTypes__default['default'].shape({
+    id: PropTypes__default['default'].string.isRequired,
+    items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({}))
+  }),
+  pageContainerStyle: PropTypes__default['default'].shape({
+    backgroundColor: PropTypes__default['default'].string
+  }),
+  style: PropTypes__default['default'].shape({
+    opacity: PropTypes__default['default'].number,
+    transform: PropTypes__default['default'].string,
+    transition: PropTypes__default['default'].string
+  })
+};
 var SortablePageItem$1 = /*#__PURE__*/React.memo(SortablePageItem);
 
 module.exports = SortablePageItem$1;

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortablePageItemDragOverlay.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageItemDragOverlay.js"],"sourcesContent":["import { DragOverlay } from '@dnd-kit/core';\nimport PropTypes from 'prop-types';\nimport StaticPage from '../../Preview/StaticPage';\n\nconst SortablePageItemDragOverlay = ({\n  activePageData,\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              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\nSortablePageItemDragOverlay.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 SortablePageItemDragOverlay;\n"],"names":["SortablePageItemDragOverlay","activePageData","_jsx","DragOverlay","cursor","_jsxs","height","opacity","page","order","StaticPage","items","pageContainerLastStyle","propTypes","PropTypes","shape","arrayOf","number"],"mappings":";;;;;;;;;;;IAIMA,2BAA2B,GAAG,SAA9BA,2BAA8B,OAE9B;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,MAAA,SAAS,EAAC,gEADZ;AAEE,MAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAE,GAAV;AAAeC,QAAAA,OAAO,EAAE;AAAxB,OAFT;AAAA,8BAIEL;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAA,kBAAiCD,cAAc,CAACO,IAAf,CAAoBC;AAArD,QAJF,eAKEP;AAAK,QAAA,SAAS,EAAC,yBAAf;AAAA,+BACEA,eAACQ,qBAAD;AACE,UAAA,WAAW,MADb;AAEE,UAAA,KAAK,EAAET,cAAc,CAACO,IAAf,CAAoBG,KAF7B;AAGE,UAAA,KAAK,EAAEV,cAAc,CAACW;AAHxB;AADF,QALF,eAYEV;AAAK,QAAA,SAAS,EAAC;AAAf,QAZF;AAAA,MADa,GAeX;AApBN,IADF;AAwBD;;AAEDF,2BAA2B,CAACa,SAA5B,GAAwC;AACtCZ,EAAAA,cAAc,EAAEa,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;AADsB,CAAxC;;;;"}

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

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

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

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