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

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,143 +18,192 @@ 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); }
-var createItemData = memoizeOne__default['default'](function (acceptedItems, additionalPageItems, disableInteraction, hashCode, itemAccessor, onAnEventTrigger, onPageAdd, onPageClick, onPageDuplicate, onPageRemove, pageContainerStyle, pageGetter, selectedPageIndex) {
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var createItemData = memoizeOne__default['default'](function (onPageAdd, onPageClick, onPageDuplicate, onPageRemove, pageContainerStyle, pageGetter) {
   return {
-    acceptedItems: acceptedItems,
-    additionalPageItems: additionalPageItems,
-    disableInteraction: disableInteraction,
-    hashCode: hashCode,
-    itemAccessor: itemAccessor,
-    onAnEventTrigger: onAnEventTrigger,
     onPageAdd: onPageAdd,
     onPageClick: onPageClick,
     onPageDuplicate: onPageDuplicate,
     onPageRemove: onPageRemove,
     pageContainerStyle: pageContainerStyle,
-    pageGetter: pageGetter,
-    selectedPageIndex: selectedPageIndex
+    pageGetter: pageGetter
   };
 });
 
-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();
-      _this.sortableOuterRef = /*#__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,
-            selectedPageIndex = _this$props.selectedPageIndex;
-        return createItemData(acceptedItems, additionalPageItems, disableInteraction, hashCode, itemAccessor, onAnEventTrigger, onPageAdd, onPageClick, onPageDuplicate, onPageRemove, pageContainerStyle, pageGetter, selectedPageIndex);
+var SortablePageList = function SortablePageList() {
+  var VirtuosoList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var height = _ref.height,
+        _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: {
+        delay: 200,
+        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,
-          outerRef: this.sortableOuterRef,
-          width: width,
-          children: SortablePageItemRenderer
+    }), core.useSensor(core.KeyboardSensor, {
+      coordinateGetter: sortable.sortableKeyboardCoordinates
+    }));
+    var itemData = React.useMemo(function () {
+      return createItemData(onPageAdd, onPageClick, onPageDuplicate, onPageRemove, pageContainerStyle, pageGetter);
+    }, [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 = {
-    acceptedItems: PropTypes__default['default'].shape({}),
-    additionalPageItems: PropTypes__default['default'].arrayOf(PropTypes__default['default'].node),
-    disableInteraction: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
-    hashCode: PropTypes__default['default'].string,
+    }, []);
+    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 () {
+      var outsideMargin = 75; // box-margin + top padding total value;
+
+      return {
+        height: "".concat(pageCount * 127 + outsideMargin, "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: page.id,
+                index: index,
+                style: {
+                  height: 127
+                }
+              });
+            },
+            style: virtuosoStyle,
+            totalCount: pageCount
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(SortablePageItemDragOverlay, {
+          activePageData: activePageData
+        })]
+      })
+    });
+  });
+  VirtuosoList.displayName = 'VirtuosoList';
+  VirtuosoList.propTypes = {
     height: PropTypes__default['default'].number,
-    itemAccessor: PropTypes__default['default'].func,
-    onAnEventTrigger: PropTypes__default['default'].func,
     onPageAdd: PropTypes__default['default'].func,
     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,
-    selectedPageIndex: PropTypes__default['default'].number,
+    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() {},
-    selectedPageIndex: 1,
-    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  selectedPageIndex,\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  selectedPageIndex,\n}));\n\nconst SortablePageList = Component => {\n  class ReactWindowList extends PureComponent {\n    constructor(props) {\n      super(props);\n\n      this.sortablePageListRef = createRef();\n      this.sortableOuterRef = 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        selectedPageIndex,\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        selectedPageIndex,\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          outerRef={this.sortableOuterRef}\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    selectedPageIndex: PropTypes.number,\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    selectedPageIndex: 1,\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","selectedPageIndex","SortablePageList","Component","ReactWindowList","props","sortablePageListRef","createRef","sortableOuterRef","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,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy, sortableKeyboardCoordinates } 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  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pageContainerStyle,\n  pageGetter,\n) => ({\n  onPageAdd,\n  onPageClick,\n  onPageDuplicate,\n  onPageRemove,\n  pageContainerStyle,\n  pageGetter,\n}));\n\nconst SortablePageList = () => {\n  const VirtuosoList = forwardRef(({\n    height,\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          delay: 200,\n          distance: 0,\n        },\n      }),\n      useSensor(KeyboardSensor, {\n        coordinateGetter: sortableKeyboardCoordinates,\n      }),\n    );\n\n    const itemData = useMemo(() => createItemData(\n      onPageAdd,\n      onPageClick,\n      onPageDuplicate,\n      onPageRemove,\n      pageContainerStyle,\n      pageGetter,\n    ), [\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      const outsideMargin = 75; // box-margin + top padding total value;\n      return {\n        height: `${(pageCount * 127) + outsideMargin}px`,\n        scrollbarWidth: 'none',\n        width: '100%',\n      };\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={page.id}\n                    index={index}\n                    style={{ height: 127 }}\n                  />\n                );\n              }}\n              style={virtuosoStyle}\n              totalCount={pageCount}\n            />\n          </SortableContext>\n          <SortableDragOverlay\n            activePageData={activePageData}\n          />\n        </DndContext>\n      </div>\n    );\n  });\n\n  VirtuosoList.displayName = 'VirtuosoList';\n\n  VirtuosoList.propTypes = {\n    height: PropTypes.number,\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","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","delay","distance","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","itemData","useMemo","scrollToIndex","useCallback","index","align","current","useImperativeHandle","handleDragStart","event","active","id","handleDragEnd","over","oldIndex","parseInt","newIndex","handleDragCancel","virtuosoStyle","outsideMargin","scrollbarWidth","items","map","page","toString","activePageData","activeIndex","activePage","pageContainerLastStyle","backgroundColor","_jsx","_jsxs","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","Virtuoso","SortableDragOverlay","displayName","propTypes","PropTypes","number","func","shape","arrayOf"],"mappings":"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"}

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

@@ -1,23 +1,17 @@
 'use strict';
 
 var PropTypes = require('prop-types');
-var objectHash = require('object-hash');
-var presentationContext = require('../../utils/presentationContext.js');
-var builderContext = require('../../utils/builderContext.js');
-var propContext = require('../../utils/propContext.js');
 var StaticScene = require('../Preview/StaticScene.js');
 var ReportWrapper = require('../ReportWrapper.js');
 var PresentationWrapper = require('./PresentationWrapper.js');
 require('../../styles/jfReportsBundle.scss');
-var Print = require('../Print/Print.js');
+var Providers = require('../../contexts/Providers.js');
+var PrintModal = require('../Print/PrintModal.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var objectHash__default = /*#__PURE__*/_interopDefaultLegacy(objectHash);
-
-var _excluded = ["acceptedItems", "additionalPageItems", "itemAccessor", "onAnEventTrigger", "pages", "presentationBarActions", "settings", "theme", "useFixedPresentationBar"];
 
 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; }
 
@@ -25,58 +19,24 @@ 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; }
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-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,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  var hashCode = objectHash__default['default'](otherProps);
-  return /*#__PURE__*/jsxRuntime.jsx(presentationContext.PresentationProvider, {
-    pageCount: pages.length,
-    children: /*#__PURE__*/jsxRuntime.jsx(propContext.PropProvider, {
-      acceptedItems: acceptedItems,
-      onAnEventTrigger: onAnEventTrigger,
-      settings: settings,
-      children: /*#__PURE__*/jsxRuntime.jsx(builderContext.BuilderProvider, {
-        children: /*#__PURE__*/jsxRuntime.jsxs(ReportWrapper, {
-          mode: "presentation",
-          theme: theme,
-          children: [/*#__PURE__*/jsxRuntime.jsx(PresentationWrapper, {
-            presentationBarActions: presentationBarActions,
-            useFixedPresentationBar: useFixedPresentationBar,
-            children: function children(presentationPage, gesture) {
-              return /*#__PURE__*/jsxRuntime.jsx(StaticScene, {
-                additionalPageItems: additionalPageItems,
-                gesture: gesture,
-                hashCode: hashCode,
-                hideZoom: true,
-                itemAccessor: itemAccessor,
-                mode: "presentation",
-                pages: pages,
-                presentationPage: presentationPage
-              });
-            }
-          }), /*#__PURE__*/jsxRuntime.jsx(Print, _objectSpread({
-            additionalPageItems: additionalPageItems,
-            itemAccessor: itemAccessor,
-            pages: pages,
-            settings: settings
-          }, otherProps))]
-        })
-      })
+var Presentation = function Presentation(props) {
+  return /*#__PURE__*/jsxRuntime.jsx(Providers, _objectSpread(_objectSpread({
+    mode: "presentation"
+  }, props), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(ReportWrapper, {
+      mode: "presentation",
+      children: [/*#__PURE__*/jsxRuntime.jsx(PresentationWrapper, {
+        children: function children(presentationPage, gesture) {
+          return /*#__PURE__*/jsxRuntime.jsx(StaticScene, {
+            gesture: gesture,
+            hideZoom: true,
+            mode: "presentation",
+            presentationPage: presentationPage
+          });
+        }
+      }), /*#__PURE__*/jsxRuntime.jsx(PrintModal, {})]
     })
-  });
+  }));
 };
 
 Presentation.propTypes = {
@@ -105,17 +65,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 StaticScene from '../Preview/StaticScene';\nimport ReportWrapper from '../ReportWrapper';\nimport PresentationWrapper from './PresentationWrapper';\n\nimport '../../styles/jfReportsBundle.scss';\nimport Providers from '../../contexts/Providers';\nimport PrintModal from '../Print/PrintModal';\n\nconst Presentation = props => {\n  return (\n    <Providers\n      mode=\"presentation\"\n      {...props}\n    >\n      <ReportWrapper mode=\"presentation\">\n        <PresentationWrapper>\n          {(presentationPage, gesture) => (\n            <StaticScene\n              gesture={gesture}\n              hideZoom={true}\n              mode=\"presentation\"\n              presentationPage={presentationPage}\n            />\n          )}\n        </PresentationWrapper>\n        <PrintModal />\n      </ReportWrapper>\n    </Providers>\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","props","_jsx","_jsxs","presentationPage","gesture","propTypes","acceptedItems","PropTypes","shape","additionalPageItems","arrayOf","node","itemAccessor","func","onAnEventTrigger","pages","presentationBarActions","settings","theme","oneOf","useFixedPresentationBar","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;IASMA,YAAY,GAAG,SAAfA,YAAe,CAAAC,KAAK,EAAI;AAC5B,sBACEC,eAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEMD,KAFN;AAAA,2BAIEE,gBAAC,aAAD;AAAe,MAAA,IAAI,EAAC,cAApB;AAAA,8BACED,eAAC,mBAAD;AAAA,kBACG,kBAACE,gBAAD,EAAmBC,OAAnB;AAAA,8BACCH,eAAC,WAAD;AACE,YAAA,OAAO,EAAEG,OADX;AAEE,YAAA,QAAQ,EAAE,IAFZ;AAGE,YAAA,IAAI,EAAC,cAHP;AAIE,YAAA,gBAAgB,EAAED;AAJpB,YADD;AAAA;AADH,QADF,eAWEF,eAAC,UAAD,KAXF;AAAA;AAJF,KADF;AAoBD;;AAEDF,YAAY,CAACM,SAAb,GAAyB;AACvB;AACAC,EAAAA,aAAa,EAAEC,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAFQ;;AAGvB;AACAC,EAAAA,mBAAmB,EAAEF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACI,IAA5B,CAJE;;AAKvB;AACAC,EAAAA,YAAY,EAAEL,6BAAS,CAACM,IAND;AAOvBC,EAAAA,gBAAgB,EAAEP,6BAAS,CAACM,IAPL;;AAQvB;AACAE,EAAAA,KAAK,EAAER,6BAAS,CAACG,OAAV,CACLH,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADK,CATgB;;AAYvB;AACAQ,EAAAA,sBAAsB,EAAET,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CAbD;;AAcvB;AACAS,EAAAA,QAAQ,EAAEV,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAfa;;AAgBvB;AACAU,EAAAA,KAAK,EAAEX,6BAAS,CAACY,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB,CAjBgB;;AAkBvB;AACAC,EAAAA,uBAAuB,EAAEb,6BAAS,CAACc;AAnBZ,CAAzB;;;;"}

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;;;;"}