@jotforminc/dnd-builder 2.9.16 → 2.9.19

package/lib/esm/components/Panels/RightPanel/Settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../../../../src/components/Panels/RightPanel/Settings.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport SettingsItemRenderer from '../../Settings/SettingsItemRenderer';\nimport { onChangeFunction } from '../../../utils/functions';\nimport ErrorBoundary from '../../ErrorBoundary';\n\nconst Settings = ({\n  element,\n  item,\n  itemAccessor,\n  onChange,\n  settings,\n  tabs,\n}) => {\n  const { activeTab } = useBuilderContext();\n  const { useExperimentalFeatures } = usePropContext();\n  return (tabs.map((tabKey, index) => {\n    return (\n      <div\n        key={index.toString()}\n        className={classNames(\n          'toolItem-tabContent',\n          { hidden: index !== activeTab.right },\n          { hasInnerScroll: tabKey === 'MY IMAGES' },\n        )}\n      >\n        {settings[tabKey].map((setting, itemIndex) => {\n          if (setting.experimental && !useExperimentalFeatures) {\n            return null;\n          }\n          const customUpdaterFunction = setting.onChange ? setting.onChange : false;\n          const defaultItem = element.defaultItem || {};\n          const value = (item[setting.key] || item[setting.key] === 0)\n            ? item[setting.key] : defaultItem[setting.key] || null;\n          const computedValue = setting.value ? setting.value(value, item, itemAccessor) : value;\n          const newItem = { ...defaultItem, ...item };\n          return (\n            <SettingsItemRenderer\n              key={`${itemIndex.toString()}_${item.id}_${setting.key}_${setting.uniqueId}`}\n              setting={setting}\n              settingValue={computedValue}\n            >\n              {SettingItem => {\n                return (\n                  <ErrorBoundary>\n                    <SettingItem\n                      config={setting}\n                      item={newItem}\n                      itemAccessor={itemAccessor}\n                      onItemChange={onChangeFunction(\n                        setting,\n                        onChange,\n                        newItem,\n                        customUpdaterFunction,\n                      )}\n                      value={computedValue}\n                    />\n                  </ErrorBoundary>\n                );\n              }}\n            </SettingsItemRenderer>\n          );\n        })}\n      </div>\n    );\n  }));\n};\n\nSettings.propTypes = {\n  element: PropTypes.shape({}),\n  item: PropTypes.shape({}),\n  onChange: PropTypes.func,\n  settings: PropTypes.shape({}),\n  tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nSettings.defaultProps = {\n  element: {},\n  item: {},\n  onChange: () => {},\n  settings: {},\n  tabs: [],\n};\n\nexport default memo(Settings);\n"],"names":["Settings","element","item","itemAccessor","onChange","settings","tabs","useBuilderContext","activeTab","usePropContext","useExperimentalFeatures","map","tabKey","index","_jsx","classNames","hidden","right","hasInnerScroll","setting","itemIndex","experimental","customUpdaterFunction","defaultItem","value","key","computedValue","newItem","SettingItem","ErrorBoundary","onChangeFunction","toString","id","uniqueId","propTypes","PropTypes","shape","func","arrayOf","string","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Settings.js","sources":["../../../../../src/components/Panels/RightPanel/Settings.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport SettingsItemRenderer from '../../Settings/SettingsItemRenderer';\nimport { onChangeFunction } from '../../../utils/functions';\nimport ErrorBoundary from '../../ErrorBoundary';\n\nconst Settings = ({\n  element = {},\n  item = {},\n  onChange = () => {},\n  settings = {},\n  tabs = [],\n  itemAccessor = () => {},\n}) => {\n  const { activeTab } = useBuilderContext();\n  const { useExperimentalFeatures } = usePropContext();\n  return (tabs.map((tabKey, index) => {\n    return (\n      <div\n        key={index.toString()}\n        className={classNames(\n          'toolItem-tabContent',\n          { hidden: index !== activeTab.right },\n          { hasInnerScroll: tabKey === 'MY IMAGES' },\n        )}\n      >\n        {settings[tabKey].map((setting, itemIndex) => {\n          if (setting.experimental && !useExperimentalFeatures) {\n            return null;\n          }\n          const customUpdaterFunction = setting.onChange ? setting.onChange : false;\n          const defaultItem = element.defaultItem || {};\n          const value = (item[setting.key] || item[setting.key] === 0)\n            ? item[setting.key] : defaultItem[setting.key] || null;\n          const computedValue = setting.value ? setting.value(value, item, itemAccessor) : value;\n          const newItem = { ...defaultItem, ...item };\n          return (\n            <SettingsItemRenderer\n              key={`${itemIndex.toString()}_${item.id}_${setting.key}_${setting.uniqueId}`}\n              setting={setting}\n              settingValue={computedValue}\n            >\n              {SettingItem => {\n                return (\n                  <ErrorBoundary>\n                    <SettingItem\n                      config={setting}\n                      item={newItem}\n                      itemAccessor={itemAccessor}\n                      onItemChange={onChangeFunction(\n                        setting,\n                        onChange,\n                        newItem,\n                        customUpdaterFunction,\n                      )}\n                      value={computedValue}\n                    />\n                  </ErrorBoundary>\n                );\n              }}\n            </SettingsItemRenderer>\n          );\n        })}\n      </div>\n    );\n  }));\n};\n\nSettings.propTypes = {\n  element: PropTypes.shape({}),\n  item: PropTypes.shape({}),\n  itemAccessor: PropTypes.func,\n  onChange: PropTypes.func,\n  settings: PropTypes.shape({}),\n  tabs: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default memo(Settings);\n"],"names":["Settings","element","item","onChange","settings","tabs","itemAccessor","useBuilderContext","activeTab","usePropContext","useExperimentalFeatures","map","tabKey","index","_jsx","classNames","hidden","right","hasInnerScroll","setting","itemIndex","experimental","customUpdaterFunction","defaultItem","value","key","computedValue","newItem","SettingItem","ErrorBoundary","onChangeFunction","toString","id","uniqueId","propTypes","PropTypes","shape","func","arrayOf","string","memo"],"mappings":"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"}

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

@@ -2,8 +2,6 @@ import 'core-js/modules/es.number.constructor.js';
 import 'core-js/modules/es.number.is-nan.js';
 import { memo, useRef, useState, useMemo, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { ResponsiveContainer } from 'recharts';
-import ResponsiveContent from '../../ResponsiveContent.js';
 import PageAdder from '../../Builder/PageAdder.js';
 import { scrollToTarget, getScaleForPageThumbnail } from '../../../utils/functions.js';
 import { usePageVisibility } from '../../../utils/hooks.js';
@@ -34,11 +32,16 @@ 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 ListWrapper = function ListWrapper(_ref) {
-  var Component = _ref.component,
-      onPageAdd = _ref.onPageAdd,
-      onSortEnd = _ref.onSortEnd,
-      pageCount = _ref.pageCount,
-      reportSettings = _ref.reportSettings,
+  var _ref$component = _ref.component,
+      Component = _ref$component === void 0 ? null : _ref$component,
+      _ref$onPageAdd = _ref.onPageAdd,
+      onPageAdd = _ref$onPageAdd === void 0 ? function () {} : _ref$onPageAdd,
+      _ref$onSortEnd = _ref.onSortEnd,
+      onSortEnd = _ref$onSortEnd === void 0 ? function () {} : _ref$onSortEnd,
+      _ref$pageCount = _ref.pageCount,
+      pageCount = _ref$pageCount === void 0 ? 0 : _ref$pageCount,
+      _ref$reportSettings = _ref.reportSettings,
+      reportSettings = _ref$reportSettings === void 0 ? {} : _ref$reportSettings,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
   var listRef = useRef(null);
@@ -73,26 +76,31 @@ var ListWrapper = function ListWrapper(_ref) {
     };
   }, [reportSettings]);
 
-  var _onSortEnd = useCallback(function (sortEvent, nativeEvent) {
+  var _onSortEnd = useCallback(function (_ref2) {
+    var newIndex = _ref2.newIndex,
+        oldIndex = _ref2.oldIndex;
+
     if (onSortEnd) {
-      onSortEnd(sortEvent, nativeEvent, listRef.current);
+      onSortEnd({
+        newIndex: newIndex,
+        oldIndex: oldIndex
+      }, null, listRef.current);
     }
   }, [onSortEnd]);
 
   var refSetter = useCallback(function (outerRef) {
     if (outerRef) {
-      var instance = outerRef.getWrappedInstance();
-
-      if (instance) {
-        listRef.current = instance.sortablePageListRef.current;
-      }
+      listRef.current = outerRef;
     }
   }, []);
   usePageVisibility(function (index) {
     if (index && !Number.isNaN(index)) {
       var _listRef$current;
 
-      (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.scrollToItem(index, 'center');
+      if ((_listRef$current = listRef.current) !== null && _listRef$current !== void 0 && _listRef$current.scrollToIndex) {
+        listRef.current.scrollToIndex(index, 'center');
+      }
+
       var prevSelectedThumbnail = document.querySelector('.thumbnailWrapper.isSelected');
 
       if (prevSelectedThumbnail) {
@@ -133,24 +141,23 @@ var ListWrapper = function ListWrapper(_ref) {
     resetSelectedPageIndex();
   }, [pageCount]);
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(ResponsiveContainer, {
-      children: /*#__PURE__*/jsx(ResponsiveContent, {
-        children: function children(containerWidth, containerHeight) {
-          return /*#__PURE__*/jsx(Component, _objectSpread({
-            ref: refSetter,
-            distance: 50,
-            height: containerHeight,
-            helperClass: "pageThumbnailHelper",
-            lockAxis: "y",
-            onPageAdd: handlePageAdd,
-            onPageClick: onPageClick,
-            onSortEnd: _onSortEnd,
-            pageContainerStyle: pageContainerStyles,
-            pageCount: pageCount,
-            width: containerWidth
-          }, otherProps));
-        }
-      })
+    children: [/*#__PURE__*/jsx("div", {
+      style: {
+        height: '100%',
+        margin: '25px 10px',
+        position: 'relative',
+        width: '100%'
+      },
+      children: /*#__PURE__*/jsx(Component, _objectSpread({
+        ref: refSetter,
+        height: "100%",
+        onPageAdd: handlePageAdd,
+        onPageClick: onPageClick,
+        onSortEnd: _onSortEnd,
+        pageContainerStyle: pageContainerStyles,
+        pageCount: pageCount,
+        width: "100%"
+      }, otherProps))
     }), /*#__PURE__*/jsx("div", {
       className: "jfReport-pane-footer",
       children: /*#__PURE__*/jsx(PageAdder, {
@@ -173,13 +180,6 @@ ListWrapper.propTypes = {
     reportLayoutWidth: PropTypes.string
   })
 };
-ListWrapper.defaultProps = {
-  component: null,
-  onPageAdd: function onPageAdd() {},
-  onSortEnd: function onSortEnd() {},
-  pageCount: 0,
-  reportSettings: {}
-};
 var ListWrapper$1 = /*#__PURE__*/memo(ListWrapper);
 
 export default ListWrapper$1;

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

@@ -1 +1 @@
-{"version":3,"file":"ListWrapper.js","sources":["../../../../../src/components/Panels/SlidesPanel/ListWrapper.js"],"sourcesContent":["import {\n  memo, useCallback, useRef, useState, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveContainer } from 'recharts';\nimport ResponsiveContent from '../../ResponsiveContent';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n  component: Component,\n  onPageAdd,\n  onSortEnd,\n  pageCount,\n  reportSettings,\n  ...otherProps\n}) => {\n  const listRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = reportSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n  const pageContainerStyles = useMemo(() => ({\n    backgroundColor: reportBackgroundColor || '#fff',\n    height: height,\n    left,\n    top,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  }), [reportSettings]);\n\n  const _onSortEnd = useCallback((sortEvent, nativeEvent) => {\n    if (onSortEnd) {\n      onSortEnd(sortEvent, nativeEvent, listRef.current);\n    }\n  }, [onSortEnd]);\n\n  const refSetter = useCallback(outerRef => {\n    if (outerRef) {\n      const instance = outerRef.getWrappedInstance();\n      if (instance) {\n        listRef.current = instance.sortablePageListRef.current;\n      }\n    }\n  }, []);\n\n  usePageVisibility(index => {\n    if (index && !Number.isNaN(index)) {\n      listRef.current?.scrollToItem(index, 'center');\n\n      const prevSelectedThumbnail = document.querySelector('.thumbnailWrapper.isSelected');\n      if (prevSelectedThumbnail) {\n        prevSelectedThumbnail.classList.remove('isSelected');\n      }\n\n      const nextSelectedThumbnail = document\n        .querySelector(`.thumbnailWrapper[data-order=\"${index}\"]`);\n      if (nextSelectedThumbnail) {\n        nextSelectedThumbnail.classList.add('isSelected');\n      }\n    }\n  }, pageCount, selectedPageIndex);\n\n  // TODO: could be better than now. scrollend listener is a choice for some cases\n  const resetSelectedPageIndex = useCallback(() => {\n    setTimeout(() => {\n      setSelectedPageIndex(-1);\n    }, 1000);\n  }, []);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n    resetSelectedPageIndex();\n  }, []);\n\n  const handlePageAdd = useCallback(index => {\n    setSelectedPageIndex(index);\n    onPageAdd(index);\n  }, [onPageAdd]);\n\n  useEffect(() => { // after new page added\n    scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n    resetSelectedPageIndex();\n  }, [pageCount]);\n\n  return (\n    <>\n      <ResponsiveContainer>\n        <ResponsiveContent>\n          {(containerWidth, containerHeight) => (\n            <Component\n              ref={refSetter}\n              distance={50}\n              height={containerHeight}\n              helperClass=\"pageThumbnailHelper\"\n              lockAxis=\"y\"\n              onPageAdd={handlePageAdd}\n              onPageClick={onPageClick}\n              onSortEnd={_onSortEnd}\n              pageContainerStyle={pageContainerStyles}\n              pageCount={pageCount}\n              width={containerWidth}\n              {...otherProps}\n            />\n          )}\n        </ResponsiveContent>\n      </ResponsiveContainer>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder\n          additionalClass=\"forOptions\"\n          onPageAdd={handlePageAdd}\n          pageCount={pageCount}\n        />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onPageAdd: PropTypes.func,\n  onSortEnd: PropTypes.func,\n  pageCount: PropTypes.number,\n  reportSettings: PropTypes.shape({\n    reportBackgroundColor: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n};\n\nListWrapper.defaultProps = {\n  component: null,\n  onPageAdd: () => {},\n  onSortEnd: () => {},\n  pageCount: 0,\n  reportSettings: {},\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","Component","component","onPageAdd","onSortEnd","pageCount","reportSettings","otherProps","listRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","useCallback","sortEvent","nativeEvent","current","refSetter","outerRef","instance","getWrappedInstance","sortablePageListRef","usePageVisibility","index","Number","isNaN","scrollToItem","prevSelectedThumbnail","document","querySelector","classList","remove","nextSelectedThumbnail","add","resetSelectedPageIndex","setTimeout","onPageClick","e","order","target","getAttribute","contains","scrollToTarget","handlePageAdd","useEffect","_jsxs","_jsx","containerWidth","containerHeight","propTypes","PropTypes","any","func","number","shape","string","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"ListWrapper.js","sources":["../../../../../src/components/Panels/SlidesPanel/ListWrapper.js"],"sourcesContent":["import {\n  memo, useCallback, useRef, useState, useMemo, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport PageAdder from '../../Builder/PageAdder';\nimport { getScaleForPageThumbnail, scrollToTarget } from '../../../utils/functions';\nimport { usePageVisibility } from '../../../utils/hooks';\n\nconst ListWrapper = ({\n  component: Component = null,\n  onPageAdd = () => {},\n  onSortEnd = () => {},\n  pageCount = 0,\n  reportSettings = {},\n  ...otherProps\n}) => {\n  const listRef = useRef(null);\n  const [selectedPageIndex, setSelectedPageIndex] = useState(-1);\n  const {\n    reportBackgroundColor,\n    reportLayoutHeight = 794,\n    reportLayoutWidth = 1123,\n  } = reportSettings;\n  const width = parseInt(reportLayoutWidth, 10);\n  const height = parseInt(reportLayoutHeight, 10);\n  const { left, scale, top } = getScaleForPageThumbnail(width, height);\n\n  const pageContainerStyles = useMemo(() => ({\n    backgroundColor: reportBackgroundColor || '#fff',\n    height: height,\n    left,\n    top,\n    transform: `scale(${scale})`,\n    transformOrigin: '0 0',\n    width: width,\n  }), [reportSettings]);\n\n  const _onSortEnd = useCallback(({ newIndex, oldIndex }) => {\n    if (onSortEnd) {\n      onSortEnd({ newIndex, oldIndex }, null, listRef.current);\n    }\n  }, [onSortEnd]);\n\n  const refSetter = useCallback(outerRef => {\n    if (outerRef) {\n      listRef.current = outerRef;\n    }\n  }, []);\n\n  usePageVisibility(index => {\n    if (index && !Number.isNaN(index)) {\n      if (listRef.current?.scrollToIndex) {\n        listRef.current.scrollToIndex(index, 'center');\n      }\n\n      const prevSelectedThumbnail = document.querySelector('.thumbnailWrapper.isSelected');\n      if (prevSelectedThumbnail) {\n        prevSelectedThumbnail.classList.remove('isSelected');\n      }\n\n      const nextSelectedThumbnail = document\n        .querySelector(`.thumbnailWrapper[data-order=\"${index}\"]`);\n      if (nextSelectedThumbnail) {\n        nextSelectedThumbnail.classList.add('isSelected');\n      }\n    }\n  }, pageCount, selectedPageIndex);\n\n  // TODO: could be better than now. scrollend listener is a choice for some cases\n  const resetSelectedPageIndex = useCallback(() => {\n    setTimeout(() => {\n      setSelectedPageIndex(-1);\n    }, 1000);\n  }, []);\n\n  const onPageClick = useCallback(e => {\n    const order = e.target.getAttribute('data-order');\n    setSelectedPageIndex(parseInt(order, 10));\n    if (!e.target.classList.contains('controllerItem')) { // for page thumbnails actions\n      scrollToTarget(`pageActions-id-${order}`);\n    }\n    resetSelectedPageIndex();\n  }, []);\n\n  const handlePageAdd = useCallback(index => {\n    setSelectedPageIndex(index);\n    onPageAdd(index);\n  }, [onPageAdd]);\n\n  useEffect(() => { // after new page added\n    scrollToTarget(`pageActions-id-${selectedPageIndex}`, 0, {});\n    resetSelectedPageIndex();\n  }, [pageCount]);\n\n  return (\n    <>\n      <div\n        style={{\n          height: '100%', margin: '25px 10px', position: 'relative', width: '100%',\n        }}\n      >\n        <Component\n          ref={refSetter}\n          height=\"100%\"\n          onPageAdd={handlePageAdd}\n          onPageClick={onPageClick}\n          onSortEnd={_onSortEnd}\n          pageContainerStyle={pageContainerStyles}\n          pageCount={pageCount}\n          width=\"100%\"\n          {...otherProps}\n        />\n      </div>\n      <div className=\"jfReport-pane-footer\">\n        <PageAdder\n          additionalClass=\"forOptions\"\n          onPageAdd={handlePageAdd}\n          pageCount={pageCount}\n        />\n      </div>\n    </>\n  );\n};\n\nListWrapper.propTypes = {\n  component: PropTypes.any,\n  onPageAdd: PropTypes.func,\n  onSortEnd: PropTypes.func,\n  pageCount: PropTypes.number,\n  reportSettings: PropTypes.shape({\n    reportBackgroundColor: PropTypes.string,\n    reportLayoutHeight: PropTypes.string,\n    reportLayoutWidth: PropTypes.string,\n  }),\n};\n\nexport default memo(ListWrapper);\n"],"names":["ListWrapper","component","Component","onPageAdd","onSortEnd","pageCount","reportSettings","otherProps","listRef","useRef","useState","selectedPageIndex","setSelectedPageIndex","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","getScaleForPageThumbnail","left","scale","top","pageContainerStyles","useMemo","backgroundColor","transform","transformOrigin","_onSortEnd","useCallback","newIndex","oldIndex","current","refSetter","outerRef","usePageVisibility","index","Number","isNaN","scrollToIndex","prevSelectedThumbnail","document","querySelector","classList","remove","nextSelectedThumbnail","add","resetSelectedPageIndex","setTimeout","onPageClick","e","order","target","getAttribute","contains","scrollToTarget","handlePageAdd","useEffect","_jsxs","_jsx","margin","position","propTypes","PropTypes","any","func","number","shape","string","memo"],"mappings":"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"}

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

@@ -7,13 +7,20 @@ import SvgTrash from '../../../assets/svg/trash.svg.js';
 import SvgPlus from '../../../assets/svg/plus.svg.js';
 
 var PageThumbnailActions = function PageThumbnailActions(_ref) {
-  var disableInteraction = _ref.disableInteraction,
-      onAnEventTrigger = _ref.onAnEventTrigger,
-      onPageAdd = _ref.onPageAdd,
-      onPageDuplicate = _ref.onPageDuplicate,
-      onPageRemove = _ref.onPageRemove,
-      order = _ref.order,
-      page = _ref.page;
+  var _ref$disableInteracti = _ref.disableInteraction,
+      disableInteraction = _ref$disableInteracti === void 0 ? [] : _ref$disableInteracti,
+      _ref$onAnEventTrigger = _ref.onAnEventTrigger,
+      onAnEventTrigger = _ref$onAnEventTrigger === void 0 ? function () {} : _ref$onAnEventTrigger,
+      _ref$onPageAdd = _ref.onPageAdd,
+      onPageAdd = _ref$onPageAdd === void 0 ? function () {} : _ref$onPageAdd,
+      _ref$onPageDuplicate = _ref.onPageDuplicate,
+      onPageDuplicate = _ref$onPageDuplicate === void 0 ? function () {} : _ref$onPageDuplicate,
+      _ref$onPageRemove = _ref.onPageRemove,
+      onPageRemove = _ref$onPageRemove === void 0 ? function () {} : _ref$onPageRemove,
+      _ref$order = _ref.order,
+      order = _ref$order === void 0 ? 0 : _ref$order,
+      _ref$page = _ref.page,
+      page = _ref$page === void 0 ? {} : _ref$page;
   var nextPageIndex = order + 1;
 
   var onPageDuplicateClick = function onPageDuplicateClick() {
@@ -90,15 +97,6 @@ PageThumbnailActions.propTypes = {
     id: PropTypes.string
   })
 };
-PageThumbnailActions.defaultProps = {
-  disableInteraction: [],
-  onAnEventTrigger: function onAnEventTrigger() {},
-  onPageAdd: function onPageAdd() {},
-  onPageDuplicate: function onPageDuplicate() {},
-  onPageRemove: function onPageRemove() {},
-  order: 0,
-  page: {}
-};
 var PageThumbnailActions$1 = /*#__PURE__*/memo(PageThumbnailActions);
 
 export default PageThumbnailActions$1;

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

@@ -1 +1 @@
-{"version":3,"file":"PageThumbnailActions.js","sources":["../../../../../src/components/Panels/SlidesPanel/PageThumbnailActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst PageThumbnailActions = ({\n  disableInteraction,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\n}) => {\n  const nextPageIndex = order + 1;\n\n  const onPageDuplicateClick = () => {\n    onPageDuplicate(page);\n    onAnEventTrigger('duplicatePage', nextPageIndex);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(page.id);\n    onAnEventTrigger('removePageFromSlides', page.id);\n  };\n\n  const onPageAddClick = () => {\n    onPageAdd(nextPageIndex);\n    onAnEventTrigger('addNewPageFromSlides', nextPageIndex);\n  };\n\n  const { ADD_NEW_PAGE, DUPLICATE_PAGE, REMOVE_PAGE } = useTranslatedTexts();\n  return (\n    <div\n      className=\"thumbnailActions d-flex dir-col f-height j-center\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"floatingController forPageAction forSlides\">\n        <div className=\"floatingController-container\">\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem\"\n            data-order={nextPageIndex}\n            disabled={disableInteraction.indexOf('duplicate') > -1}\n            onClick={onPageDuplicateClick}\n            title={DUPLICATE_PAGE}\n            type=\"button\"\n          >\n            <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n          </button>\n          <button\n            key=\"Remove Slide\"\n            className=\"controllerItem isDanger\"\n            data-order={order}\n            disabled={disableInteraction.indexOf('remove') > -1}\n            onClick={onPageRemoveClick}\n            title={REMOVE_PAGE}\n            type=\"button\"\n          >\n            <icons.trash className=\"jfReportSVG icon-trashLine\" />\n          </button>\n          <button\n            key=\"Add Slide\"\n            className=\"controllerItem\"\n            data-order={nextPageIndex}\n            disabled={disableInteraction.indexOf('add') > -1}\n            onClick={onPageAddClick}\n            title={ADD_NEW_PAGE}\n            type=\"button\"\n          >\n            <icons.plus className=\"jfReportSVG icon-plus\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPageThumbnailActions.propTypes = {\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  page: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n};\n\nPageThumbnailActions.defaultProps = {\n  disableInteraction: [],\n  onAnEventTrigger: () => {},\n  onPageAdd: () => {},\n  onPageDuplicate: () => {},\n  onPageRemove: () => {},\n  order: 0,\n  page: {},\n};\n\nexport default memo(PageThumbnailActions);\n"],"names":["PageThumbnailActions","disableInteraction","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageRemove","order","page","nextPageIndex","onPageDuplicateClick","onPageRemoveClick","id","onPageAddClick","useTranslatedTexts","ADD_NEW_PAGE","DUPLICATE_PAGE","REMOVE_PAGE","_jsx","_jsxs","indexOf","icons.duplicate","icons.trash","icons.plus","propTypes","PropTypes","arrayOf","string","func","number","shape","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"PageThumbnailActions.js","sources":["../../../../../src/components/Panels/SlidesPanel/PageThumbnailActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst PageThumbnailActions = ({\n  disableInteraction = [],\n  onAnEventTrigger = () => {},\n  onPageAdd = () => {},\n  onPageDuplicate = () => {},\n  onPageRemove = () => {},\n  order = 0,\n  page = {},\n}) => {\n  const nextPageIndex = order + 1;\n\n  const onPageDuplicateClick = () => {\n    onPageDuplicate(page);\n    onAnEventTrigger('duplicatePage', nextPageIndex);\n  };\n\n  const onPageRemoveClick = () => {\n    onPageRemove(page.id);\n    onAnEventTrigger('removePageFromSlides', page.id);\n  };\n\n  const onPageAddClick = () => {\n    onPageAdd(nextPageIndex);\n    onAnEventTrigger('addNewPageFromSlides', nextPageIndex);\n  };\n\n  const { ADD_NEW_PAGE, DUPLICATE_PAGE, REMOVE_PAGE } = useTranslatedTexts();\n  return (\n    <div\n      className=\"thumbnailActions d-flex dir-col f-height j-center\"\n      id={`pageActions-id-${order}`}\n    >\n      <div className=\"floatingController forPageAction forSlides\">\n        <div className=\"floatingController-container\">\n          <button\n            key=\"Duplicate Page\"\n            className=\"controllerItem\"\n            data-order={nextPageIndex}\n            disabled={disableInteraction.indexOf('duplicate') > -1}\n            onClick={onPageDuplicateClick}\n            title={DUPLICATE_PAGE}\n            type=\"button\"\n          >\n            <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n          </button>\n          <button\n            key=\"Remove Slide\"\n            className=\"controllerItem isDanger\"\n            data-order={order}\n            disabled={disableInteraction.indexOf('remove') > -1}\n            onClick={onPageRemoveClick}\n            title={REMOVE_PAGE}\n            type=\"button\"\n          >\n            <icons.trash className=\"jfReportSVG icon-trashLine\" />\n          </button>\n          <button\n            key=\"Add Slide\"\n            className=\"controllerItem\"\n            data-order={nextPageIndex}\n            disabled={disableInteraction.indexOf('add') > -1}\n            onClick={onPageAddClick}\n            title={ADD_NEW_PAGE}\n            type=\"button\"\n          >\n            <icons.plus className=\"jfReportSVG icon-plus\" />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPageThumbnailActions.propTypes = {\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  page: PropTypes.shape({\n    id: PropTypes.string,\n  }),\n};\n\nexport default memo(PageThumbnailActions);\n"],"names":["PageThumbnailActions","disableInteraction","onAnEventTrigger","onPageAdd","onPageDuplicate","onPageRemove","order","page","nextPageIndex","onPageDuplicateClick","onPageRemoveClick","id","onPageAddClick","useTranslatedTexts","ADD_NEW_PAGE","DUPLICATE_PAGE","REMOVE_PAGE","_jsx","_jsxs","indexOf","icons.duplicate","icons.trash","icons.plus","propTypes","PropTypes","arrayOf","string","func","number","shape","memo"],"mappings":"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"}

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

@@ -1,7 +1,6 @@
 import { memo, useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { FixedSizeList } from 'react-window';
 import Panel from '../../Builder/Panel.js';
 import SortablePageList from './SortablePageList.js';
 import Section from '../../Builder/Section.js';
@@ -27,14 +26,22 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var SlidesPanel = function SlidesPanel(_ref) {
-  var additionalPageItems = _ref.additionalPageItems,
-      hashCode = _ref.hashCode,
-      itemAccessor = _ref.itemAccessor,
-      onPageAdd = _ref.onPageAdd,
-      onPageDuplicate = _ref.onPageDuplicate,
-      onPageOrdersChange = _ref.onPageOrdersChange,
-      onPageRemove = _ref.onPageRemove,
-      pages = _ref.pages;
+  var _ref$additionalPageIt = _ref.additionalPageItems,
+      additionalPageItems = _ref$additionalPageIt === void 0 ? [] : _ref$additionalPageIt,
+      _ref$hashCode = _ref.hashCode,
+      hashCode = _ref$hashCode === void 0 ? '' : _ref$hashCode,
+      _ref$itemAccessor = _ref.itemAccessor,
+      itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
+      _ref$onPageAdd = _ref.onPageAdd,
+      onPageAdd = _ref$onPageAdd === void 0 ? function () {} : _ref$onPageAdd,
+      _ref$onPageDuplicate = _ref.onPageDuplicate,
+      onPageDuplicate = _ref$onPageDuplicate === void 0 ? function () {} : _ref$onPageDuplicate,
+      _ref$onPageOrdersChan = _ref.onPageOrdersChange,
+      onPageOrdersChange = _ref$onPageOrdersChan === void 0 ? function () {} : _ref$onPageOrdersChan,
+      _ref$onPageRemove = _ref.onPageRemove,
+      onPageRemove = _ref$onPageRemove === void 0 ? function () {} : _ref$onPageRemove,
+      _ref$pages = _ref.pages,
+      pages = _ref$pages === void 0 ? [] : _ref$pages;
 
   var _useBuilderContext = useBuilderContext(),
       isRightPanelOpen = _useBuilderContext.isRightPanelOpen,
@@ -57,7 +64,7 @@ var SlidesPanel = function SlidesPanel(_ref) {
   var pageGetter = useCallback(function (index) {
     return pages[index];
   }, [pages]);
-  var onPageSort = useCallback(function (_ref2, nativeEvent, list) {
+  var onPageSort = useCallback(function (_ref2) {
     var newIndex = _ref2.newIndex,
         oldIndex = _ref2.oldIndex;
     var newPageOrders = arrayMove(pages, oldIndex, newIndex).reduce(function (acc, page, index) {
@@ -68,7 +75,6 @@ var SlidesPanel = function SlidesPanel(_ref) {
     }, {});
     onPageOrdersChange(newPageOrders);
     onAnEventTrigger('sortPageFromSlides');
-    list.forceUpdate();
   }, [pages]); // Panel className
 
   var panelAdditionalClassName = classNames('jfReport-settings forSlides f-height', {
@@ -114,7 +120,7 @@ var SlidesPanel = function SlidesPanel(_ref) {
           children: /*#__PURE__*/jsx(ListWrapper, {
             acceptedItems: acceptedItems,
             additionalPageItems: additionalPageItems,
-            component: SortablePageList(FixedSizeList),
+            component: SortablePageList(),
             disableInteraction: disableInteraction,
             hashCode: hashCode,
             itemAccessor: itemAccessor,
@@ -125,6 +131,7 @@ var SlidesPanel = function SlidesPanel(_ref) {
             onSortEnd: onPageSort,
             pageCount: pages.length,
             pageGetter: pageGetter,
+            pages: pages,
             reportSettings: reportSettings
           })
         })
@@ -143,16 +150,6 @@ SlidesPanel.propTypes = {
   onPageRemove: PropTypes.func,
   pages: PropTypes.arrayOf(PropTypes.shape({}))
 };
-SlidesPanel.defaultProps = {
-  additionalPageItems: [],
-  hashCode: '',
-  itemAccessor: function itemAccessor() {},
-  onPageAdd: function onPageAdd() {},
-  onPageDuplicate: function onPageDuplicate() {},
-  onPageOrdersChange: function onPageOrdersChange() {},
-  onPageRemove: function onPageRemove() {},
-  pages: []
-};
 var SlidesPanel$1 = /*#__PURE__*/memo(SlidesPanel);
 
 export default SlidesPanel$1;

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

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

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

@@ -6,7 +6,8 @@ import SvgSlides from '../../../assets/svg/slides.svg.js';
 import SvgClose from '../../../assets/svg/close.svg.js';
 
 var SlidesPanelToggler = function SlidesPanelToggler(_ref) {
-  var onClosePanel = _ref.onClosePanel;
+  var _ref$onClosePanel = _ref.onClosePanel,
+      onClosePanel = _ref$onClosePanel === void 0 ? function () {} : _ref$onClosePanel;
 
   var _useBuilderContext = useBuilderContext(),
       setActiveElement = _useBuilderContext.setActiveElement,
@@ -41,9 +42,6 @@ var SlidesPanelToggler = function SlidesPanelToggler(_ref) {
 SlidesPanelToggler.propTypes = {
   onClosePanel: PropTypes.func
 };
-SlidesPanelToggler.defaultProps = {
-  onClosePanel: function onClosePanel() {}
-};
 
 export default SlidesPanelToggler;
 //# sourceMappingURL=SlidesPanelToggler.js.map

package/lib/esm/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,iBAAiB,EAHrB;AAAA,MACEC,gBADF,sBACEA,gBADF;AAAA,MAEEC,oBAFF,sBAEEA,oBAFF;;AAIA,4BAAmBC,kBAAkB,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,IAACC,SAAD;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,IAACE,QAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF,MAZF;AAAA,IADF;AAsBD;;AAEDV,kBAAkB,CAACW,SAAnB,GAA+B;AAC7BV,EAAAA,YAAY,EAAEW,SAAS,CAACC;AADK,CAA/B;AAIAb,kBAAkB,CAACc,YAAnB,GAAkC;AAChCb,EAAAA,YAAY,EAAE,wBAAM;AADY,CAAlC;;;;"}
+{"version":3,"file":"SlidesPanelToggler.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanelToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\nimport { useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanelToggler = ({ onClosePanel = () => {} }) => {\n  const {\n    setActiveElement,\n    setIsSlidesPanelOpen,\n  } = useBuilderContext();\n  const { SLIDES } = useTranslatedTexts();\n\n  return (\n    <>\n      <button\n        className=\"paneToggler settingsToggle\"\n        onClick={() => {\n          setActiveElement(null);\n          setIsSlidesPanelOpen(true);\n        }}\n        title={SLIDES}\n        type=\"button\"\n      >\n        <icons.slides className=\"jfReportSVG isTick\" />\n      </button>\n      <button\n        className=\"paneClose p-absolute\"\n        onClick={onClosePanel}\n        type=\"button\"\n      >\n        <icons.close className=\"jfReportSVG\" />\n      </button>\n    </>\n  );\n};\n\nSlidesPanelToggler.propTypes = {\n  onClosePanel: PropTypes.func,\n};\n\nexport default SlidesPanelToggler;\n"],"names":["SlidesPanelToggler","onClosePanel","useBuilderContext","setActiveElement","setIsSlidesPanelOpen","useTranslatedTexts","SLIDES","_jsxs","_jsx","icons.slides","icons.close","propTypes","PropTypes","func"],"mappings":";;;;;;;IAKMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAiC;AAAA,+BAA9BC,YAA8B;AAAA,MAA9BA,YAA8B,kCAAf,YAAM,EAAS;;AAC1D,2BAGIC,iBAAiB,EAHrB;AAAA,MACEC,gBADF,sBACEA,gBADF;AAAA,MAEEC,oBAFF,sBAEEA,oBAFF;;AAIA,4BAAmBC,kBAAkB,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,IAACC,SAAD;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,IAACE,QAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF,MAZF;AAAA,IADF;AAsBD;;AAEDV,kBAAkB,CAACW,SAAnB,GAA+B;AAC7BV,EAAAA,YAAY,EAAEW,SAAS,CAACC;AADK,CAA/B;;;;"}

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

@@ -1,14 +1,26 @@
-import { memo } from 'react';
-import { SortableElement } from 'react-sortable-hoc';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import { memo, useMemo } from 'react';
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import PropTypes from 'prop-types';
 import StaticPage from '../../Preview/StaticPage.js';
 import PageThumbnailActions from './PageThumbnailActions.js';
+import { emptyFunction } from '../../../utils/functions.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var SortablePageItem = SortableElement(function (_ref) {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var SortablePageItem = function SortablePageItem(_ref) {
   var acceptedItems = _ref.acceptedItems,
       additionalPageItems = _ref.additionalPageItems,
       disableInteraction = _ref.disableInteraction,
       hashCode = _ref.hashCode,
+      id = _ref.id,
       itemAccessor = _ref.itemAccessor,
       onAnEventTrigger = _ref.onAnEventTrigger,
       onPageAdd = _ref.onPageAdd,
@@ -20,17 +32,33 @@ var SortablePageItem = SortableElement(function (_ref) {
       pageContainerStyle = _ref.pageContainerStyle,
       style = _ref.style;
 
-  var onKeyDown = function onKeyDown(f) {
-    return f;
-  };
+  var _useSortable = useSortable({
+    id: id
+  }),
+      attributes = _useSortable.attributes,
+      isDragging = _useSortable.isDragging,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
 
-  return /*#__PURE__*/jsxs("div", {
+  var dragStyle = useMemo(function () {
+    var baseStyle = {
+      opacity: isDragging ? 0.5 : 1,
+      transform: CSS.Transform.toString(transform),
+      transition: transition
+    };
+    return _objectSpread(_objectSpread({}, baseStyle), style);
+  }, [transform, transition, isDragging, style]);
+  return /*#__PURE__*/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: emptyFunction,
+    style: dragStyle
+  }, attributes), listeners), {}, {
     children: [/*#__PURE__*/jsx("div", {
       className: "thumbnailOrder",
       children: order
@@ -54,8 +82,35 @@ var SortablePageItem = SortableElement(function (_ref) {
       order: order,
       page: page
     })]
-  });
-});
+  }));
+};
+
+SortablePageItem.propTypes = {
+  acceptedItems: PropTypes.shape({}),
+  additionalPageItems: PropTypes.arrayOf(PropTypes.node),
+  disableInteraction: PropTypes.arrayOf(PropTypes.string),
+  hashCode: PropTypes.string,
+  id: PropTypes.string.isRequired,
+  itemAccessor: PropTypes.func,
+  onAnEventTrigger: PropTypes.func,
+  onPageAdd: PropTypes.func,
+  onPageClick: PropTypes.func,
+  onPageDuplicate: PropTypes.func,
+  onPageRemove: PropTypes.func,
+  order: PropTypes.number,
+  page: PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    items: PropTypes.arrayOf(PropTypes.shape({}))
+  }),
+  pageContainerStyle: PropTypes.shape({
+    backgroundColor: PropTypes.string
+  }),
+  style: PropTypes.shape({
+    opacity: PropTypes.number,
+    transform: PropTypes.string,
+    transition: PropTypes.string
+  })
+};
 var SortablePageItem$1 = /*#__PURE__*/memo(SortablePageItem);
 
 export default SortablePageItem$1;

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

@@ -1 +1 @@
-{"version":3,"file":"SortablePageItem.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageItem.js"],"sourcesContent":["import { memo } from 'react';\nimport { SortableElement } from 'react-sortable-hoc';\nimport StaticPage from '../../Preview/StaticPage';\nimport PageThumbnailActions from './PageThumbnailActions';\n\nconst SortablePageItem = SortableElement(({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\n  pageContainerStyle,\n  style,\n}) => {\n  const onKeyDown = f => f;\n  return (\n    <div\n      className=\"thumbnailWrapper d-flex a-center j-between\"\n      data-id={page.id}\n      data-order={order}\n      onClick={onPageClick}\n      onKeyDown={onKeyDown}\n      style={style}\n    >\n      <div className=\"thumbnailOrder\">{order}</div>\n      <div className=\"thumbnailFrame o-hidden\">\n        <StaticPage\n          acceptedItems={acceptedItems}\n          additionalPageItems={additionalPageItems}\n          hashCode={hashCode}\n          isThumbnail\n          itemAccessor={itemAccessor}\n          items={page.items}\n          style={pageContainerStyle}\n        />\n      </div>\n      <PageThumbnailActions\n        disableInteraction={disableInteraction}\n        onAnEventTrigger={onAnEventTrigger}\n        onPageAdd={onPageAdd}\n        onPageDuplicate={onPageDuplicate}\n        onPageRemove={onPageRemove}\n        order={order}\n        page={page}\n      />\n    </div>\n  );\n});\n\nexport default memo(SortablePageItem);\n"],"names":["SortablePageItem","SortableElement","acceptedItems","additionalPageItems","disableInteraction","hashCode","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","order","page","pageContainerStyle","style","onKeyDown","f","_jsxs","id","_jsx","items","memo"],"mappings":";;;;;;AAKA,IAAMA,gBAAgB,GAAGC,eAAe,CAAC,gBAenC;AAAA,MAdJC,aAcI,QAdJA,aAcI;AAAA,MAbJC,mBAaI,QAbJA,mBAaI;AAAA,MAZJC,kBAYI,QAZJA,kBAYI;AAAA,MAXJC,QAWI,QAXJA,QAWI;AAAA,MAVJC,YAUI,QAVJA,YAUI;AAAA,MATJC,gBASI,QATJA,gBASI;AAAA,MARJC,SAQI,QARJA,SAQI;AAAA,MAPJC,WAOI,QAPJA,WAOI;AAAA,MANJC,eAMI,QANJA,eAMI;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,kBAEI,QAFJA,kBAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,MAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAC,CAAC;AAAA,WAAIA,CAAJ;AAAA,GAAnB;;AACA,sBACEC;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,eAASL,IAAI,CAACM,EAFhB;AAGE,kBAAYP,KAHd;AAIE,IAAA,OAAO,EAAEH,WAJX;AAKE,IAAA,SAAS,EAAEO,SALb;AAME,IAAA,KAAK,EAAED,KANT;AAAA,4BAQEK;AAAK,MAAA,SAAS,EAAC,gBAAf;AAAA,gBAAiCR;AAAjC,MARF,eASEQ;AAAK,MAAA,SAAS,EAAC,yBAAf;AAAA,6BACEA,IAAC,UAAD;AACE,QAAA,aAAa,EAAElB,aADjB;AAEE,QAAA,mBAAmB,EAAEC,mBAFvB;AAGE,QAAA,QAAQ,EAAEE,QAHZ;AAIE,QAAA,WAAW,MAJb;AAKE,QAAA,YAAY,EAAEC,YALhB;AAME,QAAA,KAAK,EAAEO,IAAI,CAACQ,KANd;AAOE,QAAA,KAAK,EAAEP;AAPT;AADF,MATF,eAoBEM,IAAC,oBAAD;AACE,MAAA,kBAAkB,EAAEhB,kBADtB;AAEE,MAAA,gBAAgB,EAAEG,gBAFpB;AAGE,MAAA,SAAS,EAAEC,SAHb;AAIE,MAAA,eAAe,EAAEE,eAJnB;AAKE,MAAA,YAAY,EAAEC,YALhB;AAME,MAAA,KAAK,EAAEC,KANT;AAOE,MAAA,IAAI,EAAEC;AAPR,MApBF;AAAA,IADF;AAgCD,CAjDuC,CAAxC;AAmDA,sCAAeS,IAAI,CAACtB,gBAAD,CAAnB;;;;"}
+{"version":3,"file":"SortablePageItem.js","sources":["../../../../../src/components/Panels/SlidesPanel/SortablePageItem.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport PropTypes from 'prop-types';\nimport StaticPage from '../../Preview/StaticPage';\nimport PageThumbnailActions from './PageThumbnailActions';\nimport { emptyFunction } from '../../../utils/functions';\n\nconst SortablePageItem = ({\n  acceptedItems,\n  additionalPageItems,\n  disableInteraction,\n  hashCode,\n  id,\n  itemAccessor,\n  onAnEventTrigger,\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  order,\n  page,\n  pageContainerStyle,\n  style,\n}) => {\n  const {\n    attributes,\n    isDragging,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({ id });\n\n  const dragStyle = useMemo(() => {\n    const baseStyle = {\n      opacity: isDragging ? 0.5 : 1,\n      transform: CSS.Transform.toString(transform),\n      transition: transition,\n    };\n\n    return { ...baseStyle, ...style };\n  }, [transform, transition, isDragging, style]);\n\n  return (\n    <div\n      ref={setNodeRef}\n      className=\"thumbnailWrapper d-flex a-center j-between\"\n      data-id={page.id}\n      data-order={order}\n      onClick={onPageClick}\n      onKeyDown={emptyFunction}\n      style={dragStyle}\n      {...attributes}\n      {...listeners}\n    >\n      <div className=\"thumbnailOrder\">{order}</div>\n      <div className=\"thumbnailFrame o-hidden\">\n        <StaticPage\n          acceptedItems={acceptedItems}\n          additionalPageItems={additionalPageItems}\n          hashCode={hashCode}\n          isThumbnail\n          itemAccessor={itemAccessor}\n          items={page.items}\n          style={pageContainerStyle}\n        />\n      </div>\n      <PageThumbnailActions\n        disableInteraction={disableInteraction}\n        onAnEventTrigger={onAnEventTrigger}\n        onPageAdd={onPageAdd}\n        onPageDuplicate={onPageDuplicate}\n        onPageRemove={onPageRemove}\n        order={order}\n        page={page}\n      />\n    </div>\n  );\n};\n\nSortablePageItem.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n  disableInteraction: PropTypes.arrayOf(PropTypes.string),\n  hashCode: PropTypes.string,\n  id: PropTypes.string.isRequired,\n  itemAccessor: PropTypes.func,\n  onAnEventTrigger: PropTypes.func,\n  onPageAdd: PropTypes.func,\n  onPageClick: PropTypes.func,\n  onPageDuplicate: PropTypes.func,\n  onPageRemove: PropTypes.func,\n  order: PropTypes.number,\n  page: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    items: PropTypes.arrayOf(PropTypes.shape({})),\n  }),\n  pageContainerStyle: PropTypes.shape({\n    backgroundColor: PropTypes.string,\n  }),\n  style: PropTypes.shape({\n    opacity: PropTypes.number,\n    transform: PropTypes.string,\n    transition: PropTypes.string,\n  }),\n};\n\nexport default memo(SortablePageItem);\n"],"names":["SortablePageItem","acceptedItems","additionalPageItems","disableInteraction","hashCode","id","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","order","page","pageContainerStyle","style","useSortable","attributes","isDragging","listeners","setNodeRef","transform","transition","dragStyle","useMemo","baseStyle","opacity","CSS","Transform","toString","_jsxs","emptyFunction","_jsx","items","propTypes","PropTypes","shape","arrayOf","node","string","isRequired","func","number","backgroundColor","memo"],"mappings":";;;;;;;;;;;;;;;;;AAQA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAgBnB;AAAA,MAfJC,aAeI,QAfJA,aAeI;AAAA,MAdJC,mBAcI,QAdJA,mBAcI;AAAA,MAbJC,kBAaI,QAbJA,kBAaI;AAAA,MAZJC,QAYI,QAZJA,QAYI;AAAA,MAXJC,EAWI,QAXJA,EAWI;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,qBAOIC,WAAW,CAAC;AAAEX,IAAAA,EAAE,EAAFA;AAAF,GAAD,CAPf;AAAA,MACEY,UADF,gBACEA,UADF;AAAA,MAEEC,UAFF,gBAEEA,UAFF;AAAA,MAGEC,SAHF,gBAGEA,SAHF;AAAA,MAIEC,UAJF,gBAIEA,UAJF;AAAA,MAKEC,SALF,gBAKEA,SALF;AAAA,MAMEC,UANF,gBAMEA,UANF;;AASA,MAAMC,SAAS,GAAGC,OAAO,CAAC,YAAM;AAC9B,QAAMC,SAAS,GAAG;AAChBC,MAAAA,OAAO,EAAER,UAAU,GAAG,GAAH,GAAS,CADZ;AAEhBG,MAAAA,SAAS,EAAEM,GAAG,CAACC,SAAJ,CAAcC,QAAd,CAAuBR,SAAvB,CAFK;AAGhBC,MAAAA,UAAU,EAAEA;AAHI,KAAlB;AAMA,2CAAYG,SAAZ,GAA0BV,KAA1B;AACD,GARwB,EAQtB,CAACM,SAAD,EAAYC,UAAZ,EAAwBJ,UAAxB,EAAoCH,KAApC,CARsB,CAAzB;AAUA,sBACEe;AACE,IAAA,GAAG,EAAEV,UADP;AAEE,IAAA,SAAS,EAAC,4CAFZ;AAGE,eAASP,IAAI,CAACR,EAHhB;AAIE,kBAAYO,KAJd;AAKE,IAAA,OAAO,EAAEH,WALX;AAME,IAAA,SAAS,EAAEsB,aANb;AAOE,IAAA,KAAK,EAAER;AAPT,KAQMN,UARN,GASME,SATN;AAAA,4BAWEa;AAAK,MAAA,SAAS,EAAC,gBAAf;AAAA,gBAAiCpB;AAAjC,MAXF,eAYEoB;AAAK,MAAA,SAAS,EAAC,yBAAf;AAAA,6BACEA,IAAC,UAAD;AACE,QAAA,aAAa,EAAE/B,aADjB;AAEE,QAAA,mBAAmB,EAAEC,mBAFvB;AAGE,QAAA,QAAQ,EAAEE,QAHZ;AAIE,QAAA,WAAW,MAJb;AAKE,QAAA,YAAY,EAAEE,YALhB;AAME,QAAA,KAAK,EAAEO,IAAI,CAACoB,KANd;AAOE,QAAA,KAAK,EAAEnB;AAPT;AADF,MAZF,eAuBEkB,IAAC,oBAAD;AACE,MAAA,kBAAkB,EAAE7B,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,MAvBF;AAAA,KADF;AAmCD,CAvED;;AAyEAb,gBAAgB,CAACkC,SAAjB,GAA6B;AAC3BjC,EAAAA,aAAa,EAAEkC,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADY;AAE3BlC,EAAAA,mBAAmB,EAAEiC,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACG,IAA5B,CAFM;AAG3BnC,EAAAA,kBAAkB,EAAEgC,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACI,MAA5B,CAHO;AAI3BnC,EAAAA,QAAQ,EAAE+B,SAAS,CAACI,MAJO;AAK3BlC,EAAAA,EAAE,EAAE8B,SAAS,CAACI,MAAV,CAAiBC,UALM;AAM3BlC,EAAAA,YAAY,EAAE6B,SAAS,CAACM,IANG;AAO3BlC,EAAAA,gBAAgB,EAAE4B,SAAS,CAACM,IAPD;AAQ3BjC,EAAAA,SAAS,EAAE2B,SAAS,CAACM,IARM;AAS3BhC,EAAAA,WAAW,EAAE0B,SAAS,CAACM,IATI;AAU3B/B,EAAAA,eAAe,EAAEyB,SAAS,CAACM,IAVA;AAW3B9B,EAAAA,YAAY,EAAEwB,SAAS,CAACM,IAXG;AAY3B7B,EAAAA,KAAK,EAAEuB,SAAS,CAACO,MAZU;AAa3B7B,EAAAA,IAAI,EAAEsB,SAAS,CAACC,KAAV,CAAgB;AACpB/B,IAAAA,EAAE,EAAE8B,SAAS,CAACI,MAAV,CAAiBC,UADD;AAEpBP,IAAAA,KAAK,EAAEE,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB;AAFa,GAAhB,CAbqB;AAiB3BtB,EAAAA,kBAAkB,EAAEqB,SAAS,CAACC,KAAV,CAAgB;AAClCO,IAAAA,eAAe,EAAER,SAAS,CAACI;AADO,GAAhB,CAjBO;AAoB3BxB,EAAAA,KAAK,EAAEoB,SAAS,CAACC,KAAV,CAAgB;AACrBV,IAAAA,OAAO,EAAES,SAAS,CAACO,MADE;AAErBrB,IAAAA,SAAS,EAAEc,SAAS,CAACI,MAFA;AAGrBjB,IAAAA,UAAU,EAAEa,SAAS,CAACI;AAHD,GAAhB;AApBoB,CAA7B;AA2BA,sCAAeK,IAAI,CAAC5C,gBAAD,CAAnB;;;;"}