@jotforminc/dnd-builder 2.9.18 → 2.9.19

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

@@ -1,11 +1,16 @@
 'use strict';
 
-require('core-js/modules/es.object.get-prototype-of.js');
+require('core-js/modules/es.array.map.js');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/es.regexp.to-string.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var reactSortableHoc = require('react-sortable-hoc');
+var core = require('@dnd-kit/core');
+var sortable = require('@dnd-kit/sortable');
+var reactVirtuoso = require('react-virtuoso');
 var memoizeOne = require('memoize-one');
 var SortablePageItemRenderer = require('./SortablePageItemRenderer.js');
+var SortablePageItemDragOverlay = require('./SortablePageItemDragOverlay.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -13,27 +18,23 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var createItemData = memoizeOne__default['default'](function (acceptedItems, additionalPageItems, disableInteraction, hashCode, itemAccessor, onAnEventTrigger, onPageAdd, onPageClick, onPageDuplicate, onPageRemove, pageContainerStyle, pageGetter) {
   return {
     acceptedItems: acceptedItems,
@@ -51,63 +52,162 @@ var createItemData = memoizeOne__default['default'](function (acceptedItems, add
   };
 });
 
-var SortablePageList = function SortablePageList(Component) {
-  var ReactWindowList = /*#__PURE__*/function (_PureComponent) {
-    _inherits(ReactWindowList, _PureComponent);
-
-    var _super = _createSuper(ReactWindowList);
-
-    function ReactWindowList(props) {
-      var _this;
-
-      _classCallCheck(this, ReactWindowList);
-
-      _this = _super.call(this, props);
-      _this.sortablePageListRef = /*#__PURE__*/React.createRef();
-      return _this;
-    }
-
-    _createClass(ReactWindowList, [{
-      key: "itemData",
-      get: function get() {
-        var _this$props = this.props,
-            acceptedItems = _this$props.acceptedItems,
-            additionalPageItems = _this$props.additionalPageItems,
-            disableInteraction = _this$props.disableInteraction,
-            hashCode = _this$props.hashCode,
-            itemAccessor = _this$props.itemAccessor,
-            onAnEventTrigger = _this$props.onAnEventTrigger,
-            onPageAdd = _this$props.onPageAdd,
-            onPageClick = _this$props.onPageClick,
-            onPageDuplicate = _this$props.onPageDuplicate,
-            onPageRemove = _this$props.onPageRemove,
-            pageContainerStyle = _this$props.pageContainerStyle,
-            pageGetter = _this$props.pageGetter;
-        return createItemData(acceptedItems, additionalPageItems, disableInteraction, hashCode, itemAccessor, onAnEventTrigger, onPageAdd, onPageClick, onPageDuplicate, onPageRemove, pageContainerStyle, pageGetter);
+var SortablePageList = function SortablePageList() {
+  var VirtuosoList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var _ref$acceptedItems = _ref.acceptedItems,
+        acceptedItems = _ref$acceptedItems === void 0 ? {} : _ref$acceptedItems,
+        _ref$additionalPageIt = _ref.additionalPageItems,
+        additionalPageItems = _ref$additionalPageIt === void 0 ? [] : _ref$additionalPageIt,
+        _ref$disableInteracti = _ref.disableInteraction,
+        disableInteraction = _ref$disableInteracti === void 0 ? [] : _ref$disableInteracti,
+        _ref$hashCode = _ref.hashCode,
+        hashCode = _ref$hashCode === void 0 ? '' : _ref$hashCode,
+        height = _ref.height,
+        _ref$itemAccessor = _ref.itemAccessor,
+        itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
+        _ref$onAnEventTrigger = _ref.onAnEventTrigger,
+        onAnEventTrigger = _ref$onAnEventTrigger === void 0 ? function () {} : _ref$onAnEventTrigger,
+        _ref$onPageAdd = _ref.onPageAdd,
+        onPageAdd = _ref$onPageAdd === void 0 ? function () {} : _ref$onPageAdd,
+        _ref$onPageClick = _ref.onPageClick,
+        onPageClick = _ref$onPageClick === void 0 ? function () {} : _ref$onPageClick,
+        _ref$onPageDuplicate = _ref.onPageDuplicate,
+        onPageDuplicate = _ref$onPageDuplicate === void 0 ? function () {} : _ref$onPageDuplicate,
+        _ref$onPageRemove = _ref.onPageRemove,
+        onPageRemove = _ref$onPageRemove === void 0 ? function () {} : _ref$onPageRemove,
+        _ref$onSortEnd = _ref.onSortEnd,
+        onSortEnd = _ref$onSortEnd === void 0 ? function () {} : _ref$onSortEnd,
+        _ref$pageContainerSty = _ref.pageContainerStyle,
+        pageContainerStyle = _ref$pageContainerSty === void 0 ? {} : _ref$pageContainerSty,
+        _ref$pageCount = _ref.pageCount,
+        pageCount = _ref$pageCount === void 0 ? 0 : _ref$pageCount,
+        _ref$pageGetter = _ref.pageGetter,
+        pageGetter = _ref$pageGetter === void 0 ? function () {} : _ref$pageGetter,
+        _ref$pages = _ref.pages,
+        pages = _ref$pages === void 0 ? [] : _ref$pages,
+        width = _ref.width;
+    var sortablePageListRef = React.useRef(null);
+    var virtuosoRef = React.useRef(null);
+
+    var _useState = React.useState(null),
+        _useState2 = _slicedToArray(_useState, 2),
+        activeId = _useState2[0],
+        setActiveId = _useState2[1];
+
+    var sensors = core.useSensors(core.useSensor(core.PointerSensor, {
+      activationConstraint: {
+        distance: 0
       }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this$props2 = this.props,
-            height = _this$props2.height,
-            pageCount = _this$props2.pageCount,
-            width = _this$props2.width;
-        return /*#__PURE__*/jsxRuntime.jsx(Component, {
-          ref: this.sortablePageListRef,
-          height: height,
-          itemCount: pageCount,
-          itemData: this.itemData,
-          itemSize: 127,
-          width: width,
-          children: SortablePageItemRenderer
+    }), core.useSensor(core.KeyboardSensor));
+    var itemData = React.useMemo(function () {
+      return createItemData(acceptedItems, additionalPageItems, disableInteraction, hashCode, itemAccessor, onAnEventTrigger, onPageAdd, onPageClick, onPageDuplicate, onPageRemove, pageContainerStyle, pageGetter);
+    }, [acceptedItems, additionalPageItems, disableInteraction, hashCode, itemAccessor, onAnEventTrigger, onPageAdd, onPageClick, onPageDuplicate, onPageRemove, pageContainerStyle, pageGetter]);
+    var scrollToIndex = React.useCallback(function (index) {
+      var align = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'center';
+
+      if (virtuosoRef.current) {
+        virtuosoRef.current.scrollToIndex({
+          align: align,
+          index: index
         });
       }
-    }]);
-
-    return ReactWindowList;
-  }(React.PureComponent);
-
-  ReactWindowList.propTypes = {
+    }, []);
+    React.useImperativeHandle(ref, function () {
+      return {
+        scrollToIndex: scrollToIndex,
+        sortablePageListRef: sortablePageListRef.current,
+        virtuosoRef: virtuosoRef.current
+      };
+    }, [scrollToIndex]);
+    var handleDragStart = React.useCallback(function (event) {
+      setActiveId(event.active.id);
+    }, []);
+    var handleDragEnd = React.useCallback(function (event) {
+      var active = event.active,
+          over = event.over;
+      setActiveId(null);
+
+      if (over && active.id !== over.id) {
+        var oldIndex = parseInt(active.id, 10);
+        var newIndex = parseInt(over.id, 10);
+        onSortEnd({
+          newIndex: newIndex,
+          oldIndex: oldIndex
+        });
+      }
+    }, [onSortEnd]);
+    var handleDragCancel = React.useCallback(function () {
+      setActiveId(null);
+    }, []);
+    var virtuosoStyle = React.useMemo(function () {
+      return {
+        height: "".concat(pageCount * 127, "px"),
+        scrollbarWidth: 'none',
+        width: '100%'
+      };
+    }, [pageCount]);
+    var items = React.useMemo(function () {
+      return pages.map(function (page, index) {
+        return index.toString();
+      });
+    }, [pages]);
+    var activePageData = React.useMemo(function () {
+      if (!activeId) return null;
+      var activeIndex = parseInt(activeId, 10);
+      var activePage = pageGetter(activeIndex);
+      if (!activePage) return null;
+      return {
+        page: activePage,
+        pageContainerLastStyle: _objectSpread(_objectSpread({}, pageContainerStyle), activePage.backgroundColor ? {
+          backgroundColor: activePage.backgroundColor
+        } : {})
+      };
+    }, [activeId, pageGetter, pageContainerStyle]);
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: sortablePageListRef,
+      style: {
+        height: height,
+        width: width
+      },
+      children: /*#__PURE__*/jsxRuntime.jsxs(core.DndContext, {
+        collisionDetection: core.closestCenter,
+        onDragCancel: handleDragCancel,
+        onDragEnd: handleDragEnd,
+        onDragStart: handleDragStart,
+        sensors: sensors,
+        children: [/*#__PURE__*/jsxRuntime.jsx(sortable.SortableContext, {
+          items: items,
+          strategy: sortable.verticalListSortingStrategy,
+          children: /*#__PURE__*/jsxRuntime.jsx(reactVirtuoso.Virtuoso, {
+            ref: virtuosoRef,
+            fixedItemHeight: 127,
+            itemContent: function itemContent(index) {
+              var page = pageGetter(index);
+              if (!page) return null;
+              return /*#__PURE__*/jsxRuntime.jsx(SortablePageItemRenderer, {
+                data: itemData,
+                id: index.toString(),
+                index: index,
+                style: {
+                  height: 127
+                }
+              });
+            },
+            style: virtuosoStyle,
+            totalCount: pageCount
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(SortablePageItemDragOverlay, {
+          acceptedItems: acceptedItems,
+          activePageData: activePageData,
+          additionalPageItems: additionalPageItems,
+          hashCode: hashCode,
+          itemAccessor: itemAccessor
+        })]
+      })
+    });
+  });
+  VirtuosoList.displayName = 'VirtuosoList';
+  VirtuosoList.propTypes = {
     acceptedItems: PropTypes__default['default'].shape({}),
     additionalPageItems: PropTypes__default['default'].arrayOf(PropTypes__default['default'].node),
     disableInteraction: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
@@ -119,31 +219,14 @@ var SortablePageList = function SortablePageList(Component) {
     onPageClick: PropTypes__default['default'].func,
     onPageDuplicate: PropTypes__default['default'].func,
     onPageRemove: PropTypes__default['default'].func,
+    onSortEnd: PropTypes__default['default'].func,
     pageContainerStyle: PropTypes__default['default'].shape({}),
     pageCount: PropTypes__default['default'].number,
     pageGetter: PropTypes__default['default'].func,
+    pages: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
     width: PropTypes__default['default'].number
   };
-  ReactWindowList.defaultProps = {
-    acceptedItems: {},
-    additionalPageItems: [],
-    disableInteraction: [],
-    hashCode: '',
-    height: 0,
-    itemAccessor: function itemAccessor() {},
-    onAnEventTrigger: function onAnEventTrigger() {},
-    onPageAdd: function onPageAdd() {},
-    onPageClick: function onPageClick() {},
-    onPageDuplicate: function onPageDuplicate() {},
-    onPageRemove: function onPageRemove() {},
-    pageContainerStyle: {},
-    pageCount: 0,
-    pageGetter: function pageGetter() {},
-    width: 0
-  };
-  return reactSortableHoc.SortableContainer(ReactWindowList, {
-    withRef: true
-  });
+  return VirtuosoList;
 };
 
 var SortablePageList$1 = memoizeOne__default['default'](SortablePageList);

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

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

package/lib/cjs/components/Presentation/Presentation.js

@@ -30,15 +30,24 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var Presentation = function Presentation(_ref) {
-  var acceptedItems = _ref.acceptedItems,
-      additionalPageItems = _ref.additionalPageItems,
-      itemAccessor = _ref.itemAccessor,
-      onAnEventTrigger = _ref.onAnEventTrigger,
-      pages = _ref.pages,
-      presentationBarActions = _ref.presentationBarActions,
-      settings = _ref.settings,
-      theme = _ref.theme,
-      useFixedPresentationBar = _ref.useFixedPresentationBar,
+  var _ref$acceptedItems = _ref.acceptedItems,
+      acceptedItems = _ref$acceptedItems === void 0 ? {} : _ref$acceptedItems,
+      _ref$additionalPageIt = _ref.additionalPageItems,
+      additionalPageItems = _ref$additionalPageIt === void 0 ? [] : _ref$additionalPageIt,
+      _ref$itemAccessor = _ref.itemAccessor,
+      itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
+      _ref$onAnEventTrigger = _ref.onAnEventTrigger,
+      onAnEventTrigger = _ref$onAnEventTrigger === void 0 ? function () {} : _ref$onAnEventTrigger,
+      _ref$pages = _ref.pages,
+      pages = _ref$pages === void 0 ? [] : _ref$pages,
+      _ref$presentationBarA = _ref.presentationBarActions,
+      presentationBarActions = _ref$presentationBarA === void 0 ? [] : _ref$presentationBarA,
+      _ref$settings = _ref.settings,
+      settings = _ref$settings === void 0 ? {} : _ref$settings,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'lightMode' : _ref$theme,
+      _ref$useFixedPresenta = _ref.useFixedPresentationBar,
+      useFixedPresentationBar = _ref$useFixedPresenta === void 0 ? false : _ref$useFixedPresenta,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
   var hashCode = objectHash__default['default'](otherProps);
@@ -105,17 +114,6 @@ Presentation.propTypes = {
   /** Flag for fixed action bar */
   useFixedPresentationBar: PropTypes__default['default'].bool
 };
-Presentation.defaultProps = {
-  acceptedItems: {},
-  additionalPageItems: [],
-  itemAccessor: function itemAccessor() {},
-  onAnEventTrigger: function onAnEventTrigger() {},
-  pages: [],
-  presentationBarActions: [],
-  settings: {},
-  theme: 'lightMode',
-  useFixedPresentationBar: false
-};
 
 module.exports = Presentation;
 //# sourceMappingURL=Presentation.js.map

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

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

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

@@ -9,10 +9,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var PageNavigation = function PageNavigation(_ref) {
-  var currentPage = _ref.currentPage,
-      decrease = _ref.decrease,
-      increase = _ref.increase,
-      pageCount = _ref.pageCount;
+  var _ref$currentPage = _ref.currentPage,
+      currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
+      _ref$decrease = _ref.decrease,
+      decrease = _ref$decrease === void 0 ? function () {} : _ref$decrease,
+      _ref$increase = _ref.increase,
+      increase = _ref$increase === void 0 ? function () {} : _ref$increase,
+      _ref$pageCount = _ref.pageCount,
+      pageCount = _ref$pageCount === void 0 ? 1 : _ref$pageCount;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "forSlide",
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -49,12 +53,6 @@ PageNavigation.propTypes = {
   increase: PropTypes__default['default'].func,
   pageCount: PropTypes__default['default'].number
 };
-PageNavigation.defaultProps = {
-  currentPage: 1,
-  decrease: function decrease() {},
-  increase: function increase() {},
-  pageCount: 1
-};
 
 module.exports = PageNavigation;
 //# sourceMappingURL=PageNavigation.js.map

package/lib/cjs/components/Presentation/PresentationBar/PageNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageNavigation.js","sources":["../../../../../src/components/Presentation/PresentationBar/PageNavigation.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageNavigation = ({\n  currentPage,\n  decrease,\n  increase,\n  pageCount,\n}) => {\n  return (\n    <div className=\"forSlide\">\n      <div className=\"navigation-container\">\n        {pageCount !== 1 && (\n          <button\n            aria-label=\"Previous Slide\"\n            className=\"controllerItem isGray\"\n            onClick={decrease}\n            type=\"button\"\n          >\n            <icons.arrowLeft className=\"jfReportSVG icon-navs\" />\n          </button>\n        )}\n        <span className=\"controllerIndicator\">\n          {currentPage}\n          <span>\n            /\n            {pageCount}\n          </span>\n        </span>\n        {pageCount !== 1 && (\n          <button\n            aria-label=\"Next Slide\"\n            className=\"controllerItem isGray\"\n            onClick={increase}\n            type=\"button\"\n          >\n            <icons.arrowLeft className=\"jfReportSVG icon-navs\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nPageNavigation.propTypes = {\n  currentPage: PropTypes.number,\n  decrease: PropTypes.func,\n  increase: PropTypes.func,\n  pageCount: PropTypes.number,\n};\n\nPageNavigation.defaultProps = {\n  currentPage: 1,\n  decrease: () => {},\n  increase: () => {},\n  pageCount: 1,\n};\n\nexport default PageNavigation;\n"],"names":["PageNavigation","currentPage","decrease","increase","pageCount","_jsx","_jsxs","icons.arrowLeft","propTypes","PropTypes","number","func","defaultProps"],"mappings":";;;;;;;;;;IAGMA,cAAc,GAAG,SAAjBA,cAAiB,OAKjB;AAAA,MAJJC,WAII,QAJJA,WAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,sBACEC;AAAK,IAAA,SAAS,EAAC,UAAf;AAAA,2BACEC;AAAK,MAAA,SAAS,EAAC,sBAAf;AAAA,iBACGF,SAAS,KAAK,CAAd,iBACCC;AACE,sBAAW,gBADb;AAEE,QAAA,SAAS,EAAC,uBAFZ;AAGE,QAAA,OAAO,EAAEH,QAHX;AAIE,QAAA,IAAI,EAAC,QAJP;AAAA,+BAMEG,eAACE,UAAD;AAAiB,UAAA,SAAS,EAAC;AAA3B;AANF,QAFJ,eAWED;AAAM,QAAA,SAAS,EAAC,qBAAhB;AAAA,mBACGL,WADH,eAEEK;AAAA,0BAEGF,SAFH;AAAA,UAFF;AAAA,QAXF,EAkBGA,SAAS,KAAK,CAAd,iBACCC;AACE,sBAAW,YADb;AAEE,QAAA,SAAS,EAAC,uBAFZ;AAGE,QAAA,OAAO,EAAEF,QAHX;AAIE,QAAA,IAAI,EAAC,QAJP;AAAA,+BAMEE,eAACE,UAAD;AAAiB,UAAA,SAAS,EAAC;AAA3B;AANF,QAnBJ;AAAA;AADF,IADF;AAiCD;;AAEDP,cAAc,CAACQ,SAAf,GAA2B;AACzBP,EAAAA,WAAW,EAAEQ,6BAAS,CAACC,MADE;AAEzBR,EAAAA,QAAQ,EAAEO,6BAAS,CAACE,IAFK;AAGzBR,EAAAA,QAAQ,EAAEM,6BAAS,CAACE,IAHK;AAIzBP,EAAAA,SAAS,EAAEK,6BAAS,CAACC;AAJI,CAA3B;AAOAV,cAAc,CAACY,YAAf,GAA8B;AAC5BX,EAAAA,WAAW,EAAE,CADe;AAE5BC,EAAAA,QAAQ,EAAE,oBAAM,EAFY;AAG5BC,EAAAA,QAAQ,EAAE,oBAAM,EAHY;AAI5BC,EAAAA,SAAS,EAAE;AAJiB,CAA9B;;;;"}
+{"version":3,"file":"PageNavigation.js","sources":["../../../../../src/components/Presentation/PresentationBar/PageNavigation.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageNavigation = ({\n  currentPage = 1,\n  decrease = () => {},\n  increase = () => {},\n  pageCount = 1,\n}) => {\n  return (\n    <div className=\"forSlide\">\n      <div className=\"navigation-container\">\n        {pageCount !== 1 && (\n          <button\n            aria-label=\"Previous Slide\"\n            className=\"controllerItem isGray\"\n            onClick={decrease}\n            type=\"button\"\n          >\n            <icons.arrowLeft className=\"jfReportSVG icon-navs\" />\n          </button>\n        )}\n        <span className=\"controllerIndicator\">\n          {currentPage}\n          <span>\n            /\n            {pageCount}\n          </span>\n        </span>\n        {pageCount !== 1 && (\n          <button\n            aria-label=\"Next Slide\"\n            className=\"controllerItem isGray\"\n            onClick={increase}\n            type=\"button\"\n          >\n            <icons.arrowLeft className=\"jfReportSVG icon-navs\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nPageNavigation.propTypes = {\n  currentPage: PropTypes.number,\n  decrease: PropTypes.func,\n  increase: PropTypes.func,\n  pageCount: PropTypes.number,\n};\n\nexport default PageNavigation;\n"],"names":["PageNavigation","currentPage","decrease","increase","pageCount","_jsx","_jsxs","icons.arrowLeft","propTypes","PropTypes","number","func"],"mappings":";;;;;;;;;;IAGMA,cAAc,GAAG,SAAjBA,cAAiB,OAKjB;AAAA,8BAJJC,WAII;AAAA,MAJJA,WAII,iCAJU,CAIV;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,YAAM,EAGb;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,YAAM,EAEb;AAAA,4BADJC,SACI;AAAA,MADJA,SACI,+BADQ,CACR;AACJ,sBACEC;AAAK,IAAA,SAAS,EAAC,UAAf;AAAA,2BACEC;AAAK,MAAA,SAAS,EAAC,sBAAf;AAAA,iBACGF,SAAS,KAAK,CAAd,iBACCC;AACE,sBAAW,gBADb;AAEE,QAAA,SAAS,EAAC,uBAFZ;AAGE,QAAA,OAAO,EAAEH,QAHX;AAIE,QAAA,IAAI,EAAC,QAJP;AAAA,+BAMEG,eAACE,UAAD;AAAiB,UAAA,SAAS,EAAC;AAA3B;AANF,QAFJ,eAWED;AAAM,QAAA,SAAS,EAAC,qBAAhB;AAAA,mBACGL,WADH,eAEEK;AAAA,0BAEGF,SAFH;AAAA,UAFF;AAAA,QAXF,EAkBGA,SAAS,KAAK,CAAd,iBACCC;AACE,sBAAW,YADb;AAEE,QAAA,SAAS,EAAC,uBAFZ;AAGE,QAAA,OAAO,EAAEF,QAHX;AAIE,QAAA,IAAI,EAAC,QAJP;AAAA,+BAMEE,eAACE,UAAD;AAAiB,UAAA,SAAS,EAAC;AAA3B;AANF,QAnBJ;AAAA;AADF,IADF;AAiCD;;AAEDP,cAAc,CAACQ,SAAf,GAA2B;AACzBP,EAAAA,WAAW,EAAEQ,6BAAS,CAACC,MADE;AAEzBR,EAAAA,QAAQ,EAAEO,6BAAS,CAACE,IAFK;AAGzBR,EAAAA,QAAQ,EAAEM,6BAAS,CAACE,IAHK;AAIzBP,EAAAA,SAAS,EAAEK,6BAAS,CAACC;AAJI,CAA3B;;;;"}

package/lib/cjs/components/Presentation/PresentationBar/PresentationActions.js

@@ -19,9 +19,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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 PresentationActions = function PresentationActions(_ref) {
-  var isFullscreen = _ref.isFullscreen,
-      presentationBarActions = _ref.presentationBarActions,
-      toggleFullscreen = _ref.toggleFullscreen;
+  var _ref$isFullscreen = _ref.isFullscreen,
+      isFullscreen = _ref$isFullscreen === void 0 ? false : _ref$isFullscreen,
+      _ref$presentationBarA = _ref.presentationBarActions,
+      presentationBarActions = _ref$presentationBarA === void 0 ? [] : _ref$presentationBarA,
+      _ref$toggleFullscreen = _ref.toggleFullscreen,
+      toggleFullscreen = _ref$toggleFullscreen === void 0 ? function () {} : _ref$toggleFullscreen;
   var defaultPresentationActions = React.useMemo(function () {
     return getDefaultPresentationActions.getDefaultPresentationActions({
       isFullscreen: isFullscreen,
@@ -71,13 +74,6 @@ PresentationActions.propTypes = {
   presentationBarActions: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
   toggleFullscreen: PropTypes__default['default'].func
 };
-PresentationActions.defaultProps = {
-  isFullscreen: false,
-  presentationBarActions: [],
-  toggleFullscreen: function toggleFullscreen(f) {
-    return f;
-  }
-};
 
 module.exports = PresentationActions;
 //# sourceMappingURL=PresentationActions.js.map

package/lib/cjs/components/Presentation/PresentationBar/PresentationActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresentationActions.js","sources":["../../../../../src/components/Presentation/PresentationBar/PresentationActions.js"],"sourcesContent":["import { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { getDefaultPresentationActions } from '../../../utils/getDefaultPresentationActions';\nimport * as icons from '../../../utils/icons';\n\nconst PresentationActions = ({\n  isFullscreen,\n  presentationBarActions,\n  toggleFullscreen,\n}) => {\n  const defaultPresentationActions = useMemo(() => getDefaultPresentationActions({\n    isFullscreen,\n    toggleFullscreen,\n  }), [isFullscreen]);\n\n  return (\n    <div className=\"action-container d-flex\">\n      {presentationBarActions.map(action => {\n        if (action.isHidden) {\n          return null;\n        }\n\n        if (action.handler) {\n          const ActionIcon = icons[action.icon] ? icons[action.icon] : icons.pen;\n          return (\n            <button\n              key={action.key}\n              aria-label={action.key}\n              className={`jfReportButton ${action.className}`}\n              onClick={action.handler}\n              title={action.title ? action.title : null}\n              type=\"button\"\n            >\n              <ActionIcon className={`jfReportSVG icon-${action.icon}`} />\n              {/* {action.title && <span>{action.title}</span>} */}\n            </button>\n          );\n        }\n\n        if (action.Component) {\n          const { Component, props } = action;\n          return (\n            <Component\n              key={action.key}\n              {...(props ? props : {})}\n            />\n          );\n        }\n\n        const defaultAction = defaultPresentationActions[action.key];\n        if (!defaultAction || defaultAction.isHidden) {\n          return null;\n        }\n\n        return defaultAction;\n      })}\n    </div>\n  );\n};\n\nPresentationActions.propTypes = {\n  isFullscreen: PropTypes.bool,\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  toggleFullscreen: PropTypes.func,\n};\n\nPresentationActions.defaultProps = {\n  isFullscreen: false,\n  presentationBarActions: [],\n  toggleFullscreen: f => f,\n};\n\nexport default PresentationActions;\n"],"names":["PresentationActions","isFullscreen","presentationBarActions","toggleFullscreen","defaultPresentationActions","useMemo","getDefaultPresentationActions","_jsx","map","action","isHidden","handler","ActionIcon","icons","icon","key","className","title","Component","props","defaultAction","propTypes","PropTypes","bool","arrayOf","shape","func","defaultProps","f"],"mappings":";;;;;;;;;;;;;;;;;;;;IAKMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAItB;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,sBAEI,QAFJA,sBAEI;AAAA,MADJC,gBACI,QADJA,gBACI;AACJ,MAAMC,0BAA0B,GAAGC,aAAO,CAAC;AAAA,WAAMC,2DAA6B,CAAC;AAC7EL,MAAAA,YAAY,EAAZA,YAD6E;AAE7EE,MAAAA,gBAAgB,EAAhBA;AAF6E,KAAD,CAAnC;AAAA,GAAD,EAGtC,CAACF,YAAD,CAHsC,CAA1C;AAKA,sBACEM;AAAK,IAAA,SAAS,EAAC,yBAAf;AAAA,cACGL,sBAAsB,CAACM,GAAvB,CAA2B,UAAAC,MAAM,EAAI;AACpC,UAAIA,MAAM,CAACC,QAAX,EAAqB;AACnB,eAAO,IAAP;AACD;;AAED,UAAID,MAAM,CAACE,OAAX,EAAoB;AAClB,YAAMC,UAAU,GAAGC,KAAK,CAACJ,MAAM,CAACK,IAAR,CAAL,GAAqBD,KAAK,CAACJ,MAAM,CAACK,IAAR,CAA1B,GAA0CD,GAA7D;AACA,4BACEN;AAEE,wBAAYE,MAAM,CAACM,GAFrB;AAGE,UAAA,SAAS,2BAAoBN,MAAM,CAACO,SAA3B,CAHX;AAIE,UAAA,OAAO,EAAEP,MAAM,CAACE,OAJlB;AAKE,UAAA,KAAK,EAAEF,MAAM,CAACQ,KAAP,GAAeR,MAAM,CAACQ,KAAtB,GAA8B,IALvC;AAME,UAAA,IAAI,EAAC,QANP;AAAA,iCAQEV,eAAC,UAAD;AAAY,YAAA,SAAS,6BAAsBE,MAAM,CAACK,IAA7B;AAArB;AARF,WACOL,MAAM,CAACM,GADd,CADF;AAaD;;AAED,UAAIN,MAAM,CAACS,SAAX,EAAsB;AACpB,YAAQA,SAAR,GAA6BT,MAA7B,CAAQS,SAAR;AAAA,YAAmBC,KAAnB,GAA6BV,MAA7B,CAAmBU,KAAnB;AACA,4BACEZ,eAAC,SAAD,oBAEOY,KAAK,GAAGA,KAAH,GAAW,EAFvB,GACOV,MAAM,CAACM,GADd,CADF;AAMD;;AAED,UAAMK,aAAa,GAAGhB,0BAA0B,CAACK,MAAM,CAACM,GAAR,CAAhD;;AACA,UAAI,CAACK,aAAD,IAAkBA,aAAa,CAACV,QAApC,EAA8C;AAC5C,eAAO,IAAP;AACD;;AAED,aAAOU,aAAP;AACD,KAtCA;AADH,IADF;AA2CD;;AAEDpB,mBAAmB,CAACqB,SAApB,GAAgC;AAC9BpB,EAAAA,YAAY,EAAEqB,6BAAS,CAACC,IADM;AAE9BrB,EAAAA,sBAAsB,EAAEoB,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFM;AAG9BtB,EAAAA,gBAAgB,EAAEmB,6BAAS,CAACI;AAHE,CAAhC;AAMA1B,mBAAmB,CAAC2B,YAApB,GAAmC;AACjC1B,EAAAA,YAAY,EAAE,KADmB;AAEjCC,EAAAA,sBAAsB,EAAE,EAFS;AAGjCC,EAAAA,gBAAgB,EAAE,0BAAAyB,CAAC;AAAA,WAAIA,CAAJ;AAAA;AAHc,CAAnC;;;;"}
+{"version":3,"file":"PresentationActions.js","sources":["../../../../../src/components/Presentation/PresentationBar/PresentationActions.js"],"sourcesContent":["import { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { getDefaultPresentationActions } from '../../../utils/getDefaultPresentationActions';\nimport * as icons from '../../../utils/icons';\n\nconst PresentationActions = ({\n  isFullscreen = false,\n  presentationBarActions = [],\n  toggleFullscreen = () => {},\n}) => {\n  const defaultPresentationActions = useMemo(() => getDefaultPresentationActions({\n    isFullscreen,\n    toggleFullscreen,\n  }), [isFullscreen]);\n\n  return (\n    <div className=\"action-container d-flex\">\n      {presentationBarActions.map(action => {\n        if (action.isHidden) {\n          return null;\n        }\n\n        if (action.handler) {\n          const ActionIcon = icons[action.icon] ? icons[action.icon] : icons.pen;\n          return (\n            <button\n              key={action.key}\n              aria-label={action.key}\n              className={`jfReportButton ${action.className}`}\n              onClick={action.handler}\n              title={action.title ? action.title : null}\n              type=\"button\"\n            >\n              <ActionIcon className={`jfReportSVG icon-${action.icon}`} />\n              {/* {action.title && <span>{action.title}</span>} */}\n            </button>\n          );\n        }\n\n        if (action.Component) {\n          const { Component, props } = action;\n          return (\n            <Component\n              key={action.key}\n              {...(props ? props : {})}\n            />\n          );\n        }\n\n        const defaultAction = defaultPresentationActions[action.key];\n        if (!defaultAction || defaultAction.isHidden) {\n          return null;\n        }\n\n        return defaultAction;\n      })}\n    </div>\n  );\n};\n\nPresentationActions.propTypes = {\n  isFullscreen: PropTypes.bool,\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  toggleFullscreen: PropTypes.func,\n};\n\nexport default PresentationActions;\n"],"names":["PresentationActions","isFullscreen","presentationBarActions","toggleFullscreen","defaultPresentationActions","useMemo","getDefaultPresentationActions","_jsx","map","action","isHidden","handler","ActionIcon","icons","icon","key","className","title","Component","props","defaultAction","propTypes","PropTypes","bool","arrayOf","shape","func"],"mappings":";;;;;;;;;;;;;;;;;;;;IAKMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAItB;AAAA,+BAHJC,YAGI;AAAA,MAHJA,YAGI,kCAHW,KAGX;AAAA,mCAFJC,sBAEI;AAAA,MAFJA,sBAEI,sCAFqB,EAErB;AAAA,mCADJC,gBACI;AAAA,MADJA,gBACI,sCADe,YAAM,EACrB;AACJ,MAAMC,0BAA0B,GAAGC,aAAO,CAAC;AAAA,WAAMC,2DAA6B,CAAC;AAC7EL,MAAAA,YAAY,EAAZA,YAD6E;AAE7EE,MAAAA,gBAAgB,EAAhBA;AAF6E,KAAD,CAAnC;AAAA,GAAD,EAGtC,CAACF,YAAD,CAHsC,CAA1C;AAKA,sBACEM;AAAK,IAAA,SAAS,EAAC,yBAAf;AAAA,cACGL,sBAAsB,CAACM,GAAvB,CAA2B,UAAAC,MAAM,EAAI;AACpC,UAAIA,MAAM,CAACC,QAAX,EAAqB;AACnB,eAAO,IAAP;AACD;;AAED,UAAID,MAAM,CAACE,OAAX,EAAoB;AAClB,YAAMC,UAAU,GAAGC,KAAK,CAACJ,MAAM,CAACK,IAAR,CAAL,GAAqBD,KAAK,CAACJ,MAAM,CAACK,IAAR,CAA1B,GAA0CD,GAA7D;AACA,4BACEN;AAEE,wBAAYE,MAAM,CAACM,GAFrB;AAGE,UAAA,SAAS,2BAAoBN,MAAM,CAACO,SAA3B,CAHX;AAIE,UAAA,OAAO,EAAEP,MAAM,CAACE,OAJlB;AAKE,UAAA,KAAK,EAAEF,MAAM,CAACQ,KAAP,GAAeR,MAAM,CAACQ,KAAtB,GAA8B,IALvC;AAME,UAAA,IAAI,EAAC,QANP;AAAA,iCAQEV,eAAC,UAAD;AAAY,YAAA,SAAS,6BAAsBE,MAAM,CAACK,IAA7B;AAArB;AARF,WACOL,MAAM,CAACM,GADd,CADF;AAaD;;AAED,UAAIN,MAAM,CAACS,SAAX,EAAsB;AACpB,YAAQA,SAAR,GAA6BT,MAA7B,CAAQS,SAAR;AAAA,YAAmBC,KAAnB,GAA6BV,MAA7B,CAAmBU,KAAnB;AACA,4BACEZ,eAAC,SAAD,oBAEOY,KAAK,GAAGA,KAAH,GAAW,EAFvB,GACOV,MAAM,CAACM,GADd,CADF;AAMD;;AAED,UAAMK,aAAa,GAAGhB,0BAA0B,CAACK,MAAM,CAACM,GAAR,CAAhD;;AACA,UAAI,CAACK,aAAD,IAAkBA,aAAa,CAACV,QAApC,EAA8C;AAC5C,eAAO,IAAP;AACD;;AAED,aAAOU,aAAP;AACD,KAtCA;AADH,IADF;AA2CD;;AAEDpB,mBAAmB,CAACqB,SAApB,GAAgC;AAC9BpB,EAAAA,YAAY,EAAEqB,6BAAS,CAACC,IADM;AAE9BrB,EAAAA,sBAAsB,EAAEoB,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,KAAV,CAAgB,EAAhB,CAAlB,CAFM;AAG9BtB,EAAAA,gBAAgB,EAAEmB,6BAAS,CAACI;AAHE,CAAhC;;;;"}