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

package/lib/esm/contexts/BuilderContext.js

@@ -0,0 +1,199 @@
+import 'core-js/modules/es.array.concat.js';
+import { useContext, createContext, useRef } from 'react';
+import PropTypes from 'prop-types';
+import { useStore, createStore } from 'zustand';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children", "value"];
+
+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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _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; }
+
+var builderStore = function builderStore(props) {
+  return createStore(function (set, get) {
+    return {
+      activeElement: props.activeElement || null,
+      activeTab: props.activeTab || {
+        left: 0,
+        right: 0
+      },
+      contextMenuProps: props.contextMenuProps || false,
+      editedElement: props.editedElement || 'l_layout',
+      isAllSlidesPanelOpen: props.isAllSlidesPanelOpen || false,
+      isLeftPanelOpen: props.isLeftPanelOpen || false,
+      isRightPanelOpen: props.isRightPanelOpen || false,
+      isSlidesPanelOpen: props.isSlidesPanelOpen || false,
+      isTextEditorOpen: props.isTextEditorOpen || false,
+      lastScrollPosition: props.lastScrollPosition || 0,
+      onRightPanelsToggled: props.onRightPanelsToggled || function () {},
+      setActiveElement: props.setActiveElement || function (itemID) {
+        var edit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        var multiple = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+        if (!multiple) {
+          var config = {
+            activeElement: itemID === null ? null : [itemID]
+          };
+
+          if (edit) {
+            var editedElement = !itemID ? 'l_layout' : "i_".concat(itemID);
+            config.editedElement = editedElement;
+          }
+
+          set(config);
+        } else {
+          var _get = get(),
+              activeElement = _get.activeElement;
+
+          set({
+            activeElement: activeElement === null ? [itemID] : [].concat(_toConsumableArray(activeElement), [itemID])
+          });
+        }
+      },
+      setActiveTab: props.setActiveTab || function (panel, tabIndex) {
+        var _get2 = get(),
+            activeTab = _get2.activeTab;
+
+        set({
+          activeTab: _objectSpread(_objectSpread({}, activeTab), {}, _defineProperty({}, panel, tabIndex))
+        });
+      },
+      setContextMenuProps: function setContextMenuProps(status) {
+        set({
+          contextMenuProps: status
+        });
+      },
+      setEditedElement: function setEditedElement(id) {
+        set({
+          editedElement: id
+        });
+      },
+      setIsAllSlidesPanelOpen: function setIsAllSlidesPanelOpen(status) {
+        set({
+          isAllSlidesPanelOpen: status
+        });
+      },
+      setIsLeftPanelOpen: props.setIsLeftPanelOpen || function (status) {
+        var _get3 = get(),
+            isEnoughCanvasSize = _get3.isEnoughCanvasSize;
+
+        set(_objectSpread({
+          isLeftPanelOpen: status
+        }, status && !isEnoughCanvasSize && {
+          isRightPanelOpen: false
+        }));
+      },
+      setIsRightPanelOpen: props.setIsRightPanelOpen || function (status) {
+        var _get4 = get(),
+            isEnoughCanvasSize = _get4.isEnoughCanvasSize,
+            onRightPanelsToggled = _get4.onRightPanelsToggled;
+
+        set(_objectSpread(_objectSpread({
+          isRightPanelOpen: status
+        }, status && !isEnoughCanvasSize && {
+          isLeftPanelOpen: false
+        }), status && {
+          isSlidesPanelOpen: false
+        }));
+        onRightPanelsToggled(status);
+      },
+      setIsSlidesPanelOpen: props.setIsSlidesPanelOpen || function (status) {
+        var _get5 = get(),
+            isEnoughCanvasSize = _get5.isEnoughCanvasSize,
+            onRightPanelsToggled = _get5.onRightPanelsToggled;
+
+        set(_objectSpread(_objectSpread({
+          isSlidesPanelOpen: status
+        }, status && !isEnoughCanvasSize && {
+          isLeftPanelOpen: false
+        }), status && {
+          isRightPanelOpen: false
+        }));
+        onRightPanelsToggled(status);
+      },
+      setIsTextEditorOpen: function setIsTextEditorOpen(status) {
+        set({
+          isTextEditorOpen: status
+        });
+      },
+      setZoom: function setZoom(zoom, layoutWidth) {
+        set({
+          zoom: zoom
+        });
+
+        if (layoutWidth) {
+          var _document$querySelect = document.querySelector('.jfReport-pane .toolItemWrapper'),
+              paneWidth = _document$querySelect.clientWidth;
+
+          var sceneWidth = parseInt(layoutWidth, 10) * zoom;
+
+          if (window.innerWidth - sceneWidth + 100 > paneWidth * 2) {
+            set({
+              isEnoughCanvasSize: true
+            });
+          } else {
+            set({
+              isEnoughCanvasSize: false,
+              isLeftPanelOpen: false
+            });
+          }
+        }
+      },
+      zoom: 1
+    };
+  });
+};
+
+var BuilderContext = /*#__PURE__*/createContext(null);
+var BuilderProvider = function BuilderProvider(_ref) {
+  var children = _ref.children;
+      _ref.value;
+      var props = _objectWithoutProperties(_ref, _excluded);
+
+  var storeRef = useRef();
+
+  if (!storeRef.current) {
+    storeRef.current = builderStore(props);
+  }
+
+  return /*#__PURE__*/jsx(BuilderContext.Provider, {
+    value: storeRef.current,
+    children: children
+  });
+};
+BuilderProvider.propTypes = {
+  children: PropTypes.any,
+  value: PropTypes.object
+};
+BuilderContext.Consumer;
+var useBuilderStore = function useBuilderStore(selector) {
+  var context = useContext(BuilderContext);
+
+  if (!context) {
+    throw new Error('useBuilderStore must be used with BuilderProvider!');
+  }
+
+  return useStore(context, selector);
+};
+
+export { BuilderProvider, useBuilderStore };
+//# sourceMappingURL=BuilderContext.js.map

package/lib/esm/contexts/BuilderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderContext.js","sources":["../../../src/contexts/BuilderContext.js"],"sourcesContent":["import { createContext, useContext, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { createStore, useStore } from 'zustand';\n\nconst builderStore = props => {\n  return createStore((set, get) => ({\n    activeElement: props.activeElement || null,\n    activeTab: props.activeTab || { left: 0, right: 0 },\n    contextMenuProps: props.contextMenuProps || false,\n    editedElement: props.editedElement || 'l_layout',\n    isAllSlidesPanelOpen: props.isAllSlidesPanelOpen || false,\n    isLeftPanelOpen: props.isLeftPanelOpen || false,\n    isRightPanelOpen: props.isRightPanelOpen || false,\n    isSlidesPanelOpen: props.isSlidesPanelOpen || false,\n    isTextEditorOpen: props.isTextEditorOpen || false,\n    lastScrollPosition: props.lastScrollPosition || 0,\n    onRightPanelsToggled: props.onRightPanelsToggled || (() => {}),\n    setActiveElement: props.setActiveElement || ((itemID, edit = true, multiple = false) => {\n      if (!multiple) {\n        const config = {\n          activeElement: itemID === null ? null : [itemID],\n        };\n        if (edit) {\n          const editedElement = !itemID ? 'l_layout' : `i_${itemID}`;\n          config.editedElement = editedElement;\n        }\n        set(config);\n      } else {\n        const { activeElement } = get();\n        set({ activeElement: activeElement === null ? [itemID] : [...activeElement, itemID] });\n      }\n    }),\n    setActiveTab: props.setActiveTab || ((panel, tabIndex) => {\n      const { activeTab } = get();\n      set({ activeTab: { ...activeTab, [panel]: tabIndex } });\n    }),\n    setContextMenuProps: status => {\n      set({ contextMenuProps: status });\n    },\n    setEditedElement: id => {\n      set({ editedElement: id });\n    },\n    setIsAllSlidesPanelOpen: status => {\n      set({ isAllSlidesPanelOpen: status });\n    },\n    setIsLeftPanelOpen: props.setIsLeftPanelOpen || (status => {\n      const { isEnoughCanvasSize } = get();\n      set({\n        isLeftPanelOpen: status,\n        ...status && !isEnoughCanvasSize && { isRightPanelOpen: false },\n      });\n    }),\n    setIsRightPanelOpen: props.setIsRightPanelOpen || (status => {\n      const { isEnoughCanvasSize, onRightPanelsToggled } = get();\n      set({\n        isRightPanelOpen: status,\n        ...status && !isEnoughCanvasSize && { isLeftPanelOpen: false },\n        ...status && { isSlidesPanelOpen: false },\n      });\n      onRightPanelsToggled(status);\n    }),\n    setIsSlidesPanelOpen: props.setIsSlidesPanelOpen || (status => {\n      const { isEnoughCanvasSize, onRightPanelsToggled } = get();\n      set({\n        isSlidesPanelOpen: status,\n        ...status && !isEnoughCanvasSize && { isLeftPanelOpen: false },\n        ...status && { isRightPanelOpen: false },\n      });\n      onRightPanelsToggled(status);\n    }),\n    setIsTextEditorOpen: status => {\n      set({ isTextEditorOpen: status });\n    },\n    setZoom: (zoom, layoutWidth) => {\n      set({ zoom });\n      if (layoutWidth) {\n        const { clientWidth: paneWidth } = document.querySelector('.jfReport-pane .toolItemWrapper');\n        const sceneWidth = parseInt(layoutWidth, 10) * zoom;\n        if (window.innerWidth - sceneWidth + 100 > (paneWidth * 2)) {\n          set({ isEnoughCanvasSize: true });\n        } else {\n          set({\n            isEnoughCanvasSize: false,\n            isLeftPanelOpen: false,\n          });\n        }\n      }\n    },\n    zoom: 1,\n  }));\n};\n\nconst BuilderContext = createContext(null);\n\nexport const BuilderProvider = ({ children, value, ...props }) => {\n  const storeRef = useRef();\n  if (!storeRef.current) {\n    storeRef.current = builderStore(props);\n  }\n\n  return (\n    <BuilderContext.Provider value={storeRef.current}>\n      {children}\n    </BuilderContext.Provider>\n  );\n};\n\nBuilderProvider.propTypes = {\n  children: PropTypes.any,\n  value: PropTypes.object,\n};\n\nexport const BuilderConsumer = BuilderContext.Consumer;\n\nexport const useBuilderStore = selector => {\n  const context = useContext(BuilderContext);\n  if (!context) {\n    throw new Error('useBuilderStore must be used with BuilderProvider!');\n  }\n  return useStore(context, selector);\n};\n"],"names":["builderStore","props","createStore","set","get","activeElement","activeTab","left","right","contextMenuProps","editedElement","isAllSlidesPanelOpen","isLeftPanelOpen","isRightPanelOpen","isSlidesPanelOpen","isTextEditorOpen","lastScrollPosition","onRightPanelsToggled","setActiveElement","itemID","edit","multiple","config","setActiveTab","panel","tabIndex","setContextMenuProps","status","setEditedElement","id","setIsAllSlidesPanelOpen","setIsLeftPanelOpen","isEnoughCanvasSize","setIsRightPanelOpen","setIsSlidesPanelOpen","setIsTextEditorOpen","setZoom","zoom","layoutWidth","document","querySelector","paneWidth","clientWidth","sceneWidth","parseInt","window","innerWidth","BuilderContext","createContext","BuilderProvider","children","value","storeRef","useRef","current","_jsx","propTypes","PropTypes","any","object","Consumer","useBuilderStore","selector","context","useContext","Error","useStore"],"mappings":"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"}

package/lib/esm/contexts/PresentationContext.js

@@ -0,0 +1,131 @@
+import { useRef, useEffect, useContext, createContext } from 'react';
+import PropTypes from 'prop-types';
+import { useStore, createStore } from 'zustand';
+import { usePropStore } from './PropContext.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children"];
+
+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 presentationStore = function presentationStore(props) {
+  return createStore(function (set) {
+    return {
+      currentPage: props.currentPage || 1,
+      fittedZoom: 1,
+      isFullscreen: props.isFullscreen || false,
+      pageCount: 0,
+      presentationBarActions: props.presentationBarActions || [],
+      setCurrentPage: function setCurrentPage(currentPage) {
+        return set({
+          currentPage: currentPage
+        });
+      },
+      setFittedZoom: function setFittedZoom(fittedZoom) {
+        return set({
+          fittedZoom: fittedZoom
+        });
+      },
+      setIsFullscreen: function setIsFullscreen(isFullscreen) {
+        return set({
+          isFullscreen: isFullscreen
+        });
+      },
+      setPageCount: function setPageCount(pageCount) {
+        return set({
+          pageCount: pageCount
+        });
+      },
+      setPresentationBarActions: function setPresentationBarActions(presentationBarActions) {
+        return set({
+          presentationBarActions: presentationBarActions
+        });
+      },
+      setShowControlsInFullScreen: function setShowControlsInFullScreen(showControlsInFullScreen) {
+        return set({
+          showControlsInFullScreen: showControlsInFullScreen
+        });
+      },
+      setShowZoomInFullScreen: function setShowZoomInFullScreen(showZoomInFullScreen) {
+        return set({
+          showZoomInFullScreen: showZoomInFullScreen
+        });
+      },
+      setUseFixedPresentationBar: function setUseFixedPresentationBar(useFixedPresentationBar) {
+        return set({
+          useFixedPresentationBar: useFixedPresentationBar
+        });
+      },
+      showControlsInFullScreen: false,
+      showZoomInFullScreen: false,
+      useFixedPresentationBar: props.useFixedPresentationBar || false
+    };
+  });
+};
+
+var PresentationContext = /*#__PURE__*/createContext(null);
+var PresentationProvider = function PresentationProvider(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var storeRef = useRef();
+
+  if (!storeRef.current) {
+    storeRef.current = presentationStore(props);
+  }
+
+  var pages = usePropStore(function (state) {
+    return state.pages;
+  });
+  useEffect(function () {
+    var _storeRef$current$get = storeRef.current.getState(),
+        setPageCount = _storeRef$current$get.setPageCount;
+
+    setPageCount(pages.length);
+  }, [pages]);
+  var presentationBarActions = props.presentationBarActions;
+  useEffect(function () {
+    var _storeRef$current$get2 = storeRef.current.getState(),
+        setPresentationBarActions = _storeRef$current$get2.setPresentationBarActions;
+
+    if (presentationBarActions) {
+      setPresentationBarActions(presentationBarActions);
+    }
+  }, [presentationBarActions]);
+  var useFixedPresentationBar = props.useFixedPresentationBar;
+  useEffect(function () {
+    var _storeRef$current$get3 = storeRef.current.getState(),
+        setUseFixedPresentationBar = _storeRef$current$get3.setUseFixedPresentationBar;
+
+    if (useFixedPresentationBar) {
+      setUseFixedPresentationBar(useFixedPresentationBar);
+    }
+  }, [useFixedPresentationBar]);
+  return /*#__PURE__*/jsx(PresentationContext.Provider, {
+    value: storeRef.current,
+    children: children
+  });
+};
+PresentationProvider.propTypes = {
+  children: PropTypes.any,
+  currentPage: PropTypes.number,
+  isFullscreen: PropTypes.bool,
+  pageCount: PropTypes.number,
+  presentationBarActions: PropTypes.array,
+  useFixedPresentationBar: PropTypes.bool
+};
+PresentationContext.Consumer;
+var usePresentationStore = function usePresentationStore(selector) {
+  var context = useContext(PresentationContext);
+
+  if (!context) {
+    throw new Error('usePresentationStore must be used with PresentationProvider!');
+  }
+
+  return useStore(context, selector);
+};
+
+export { PresentationProvider, usePresentationStore };
+//# sourceMappingURL=PresentationContext.js.map

package/lib/esm/contexts/PresentationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresentationContext.js","sources":["../../../src/contexts/PresentationContext.js"],"sourcesContent":["import {\n  createContext, useContext, useEffect, useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { createStore, useStore } from 'zustand';\nimport { usePropStore } from './PropContext';\n\nconst presentationStore = props => {\n  return createStore(set => ({\n    currentPage: props.currentPage || 1,\n    fittedZoom: 1,\n    isFullscreen: props.isFullscreen || false,\n    pageCount: 0,\n    presentationBarActions: props.presentationBarActions || [],\n    setCurrentPage: currentPage => set({ currentPage }),\n    setFittedZoom: fittedZoom => set({ fittedZoom }),\n    setIsFullscreen: isFullscreen => set({ isFullscreen }),\n    setPageCount: pageCount => set({ pageCount }),\n    setPresentationBarActions: presentationBarActions => set({ presentationBarActions }),\n    setShowControlsInFullScreen: showControlsInFullScreen => set({ showControlsInFullScreen }),\n    setShowZoomInFullScreen: showZoomInFullScreen => set({ showZoomInFullScreen }),\n    setUseFixedPresentationBar: useFixedPresentationBar => set({ useFixedPresentationBar }),\n    showControlsInFullScreen: false,\n    showZoomInFullScreen: false,\n    useFixedPresentationBar: props.useFixedPresentationBar || false,\n  }));\n};\n\nconst PresentationContext = createContext(null);\n\nexport const PresentationProvider = ({ children, ...props }) => {\n  const storeRef = useRef();\n  if (!storeRef.current) {\n    storeRef.current = presentationStore(props);\n  }\n\n  const pages = usePropStore(state => state.pages);\n\n  useEffect(() => {\n    const { setPageCount } = storeRef.current.getState();\n    setPageCount(pages.length);\n  }, [pages]);\n\n  const { presentationBarActions } = props;\n  useEffect(() => {\n    const { setPresentationBarActions } = storeRef.current.getState();\n    if (presentationBarActions) {\n      setPresentationBarActions(presentationBarActions);\n    }\n  }, [presentationBarActions]);\n\n  const { useFixedPresentationBar } = props;\n  useEffect(() => {\n    const { setUseFixedPresentationBar } = storeRef.current.getState();\n    if (useFixedPresentationBar) {\n      setUseFixedPresentationBar(useFixedPresentationBar);\n    }\n  }, [useFixedPresentationBar]);\n\n  return (\n    <PresentationContext.Provider value={storeRef.current}>\n      {children}\n    </PresentationContext.Provider>\n  );\n};\n\nPresentationProvider.propTypes = {\n  children: PropTypes.any,\n  currentPage: PropTypes.number,\n  isFullscreen: PropTypes.bool,\n  pageCount: PropTypes.number,\n  presentationBarActions: PropTypes.array,\n  useFixedPresentationBar: PropTypes.bool,\n};\n\nexport const PresentationConsumer = PresentationContext.Consumer;\n\nexport const usePresentationStore = selector => {\n  const context = useContext(PresentationContext);\n  if (!context) {\n    throw new Error('usePresentationStore must be used with PresentationProvider!');\n  }\n  return useStore(context, selector);\n};\n"],"names":["presentationStore","props","createStore","set","currentPage","fittedZoom","isFullscreen","pageCount","presentationBarActions","setCurrentPage","setFittedZoom","setIsFullscreen","setPageCount","setPresentationBarActions","setShowControlsInFullScreen","showControlsInFullScreen","setShowZoomInFullScreen","showZoomInFullScreen","setUseFixedPresentationBar","useFixedPresentationBar","PresentationContext","createContext","PresentationProvider","children","storeRef","useRef","current","pages","usePropStore","state","useEffect","getState","length","_jsx","propTypes","PropTypes","any","number","bool","array","Consumer","usePresentationStore","selector","context","useContext","Error","useStore"],"mappings":"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"}

package/lib/esm/contexts/PropContext.js

@@ -0,0 +1,135 @@
+import { useRef, useEffect, createContext, useContext } from 'react';
+import PropTypes from 'prop-types';
+import { createStore, useStore } from 'zustand';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children"];
+
+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 fn = function fn() {};
+
+var propStore = function propStore(props) {
+  // eslint-disable-next-line complexity
+  return createStore(function (set) {
+    return {
+      acceptedItems: props.acceptedItems || {},
+      additionalPageItems: props.additionalPageItems || [],
+      disableInteraction: props.disableInteraction || [],
+      itemAccessor: props.itemAccessor || fn,
+      leftPanelConfig: props.leftPanelConfig || [],
+      onAnEventTrigger: props.onAnEventTrigger || function () {},
+      onItemAdd: props.onItemAdd || fn,
+      onItemChange: props.onItemChange || fn,
+      onItemMove: props.onItemMove || fn,
+      onItemRemove: props.onItemRemove || fn,
+      onItemResize: props.onItemResize || fn,
+      onItemsMove: props.onItemsMove || fn,
+      onPageAdd: props.onPageAdd || fn,
+      onPageChange: props.onPageChange || fn,
+      onPageDuplicate: props.onPageDuplicate || fn,
+      onPageOrdersChange: props.onPageOrdersChange || fn,
+      onPageRemove: props.onPageRemove || fn,
+      onSettingChange: props.onSettingChange || fn,
+      pages: props.pages || [],
+      setAcceptedItems: function setAcceptedItems(acceptedItems) {
+        set({
+          acceptedItems: acceptedItems
+        });
+      },
+      setItemAccessor: function setItemAccessor(itemAccessor) {
+        set({
+          itemAccessor: itemAccessor
+        });
+      },
+      setPages: function setPages(pages) {
+        set({
+          pages: pages
+        });
+      },
+      setSettings: function setSettings(settings) {
+        set({
+          settings: settings
+        });
+      },
+      settings: props.settings || {
+        reportLayout: 'A4 Landscape'
+      },
+      theme: props.theme || 'lightMode',
+      useExperimentalFeatures: props.useExperimentalFeatures || false
+    };
+  });
+};
+
+var PropContext = /*#__PURE__*/createContext(null);
+var PropProvider = function PropProvider(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var storeRef = useRef();
+
+  if (!storeRef.current) {
+    storeRef.current = propStore(props);
+  }
+
+  var acceptedItems = props.acceptedItems,
+      itemAccessor = props.itemAccessor,
+      pages = props.pages,
+      settings = props.settings;
+  useEffect(function () {
+    var _storeRef$current$get = storeRef.current.getState(),
+        setPages = _storeRef$current$get.setPages;
+
+    if (pages) {
+      setPages(pages);
+    }
+  }, [pages]);
+  useEffect(function () {
+    var _storeRef$current$get2 = storeRef.current.getState(),
+        setItemAccessor = _storeRef$current$get2.setItemAccessor;
+
+    setItemAccessor(itemAccessor);
+  }, [itemAccessor]);
+  useEffect(function () {
+    var _storeRef$current$get3 = storeRef.current.getState(),
+        setAcceptedItems = _storeRef$current$get3.setAcceptedItems;
+
+    if (acceptedItems) {
+      setAcceptedItems(acceptedItems);
+    }
+  }, [acceptedItems]);
+  useEffect(function () {
+    var _storeRef$current$get4 = storeRef.current.getState(),
+        setSettings = _storeRef$current$get4.setSettings;
+
+    if (settings) {
+      setSettings(settings);
+    }
+  }, [settings]);
+  return /*#__PURE__*/jsx(PropContext.Provider, {
+    value: storeRef.current,
+    children: children
+  });
+};
+PropProvider.propTypes = {
+  acceptedItems: PropTypes.shape({}),
+  children: PropTypes.any,
+  itemAccessor: PropTypes.func,
+  pages: PropTypes.arrayOf(PropTypes.object),
+  settings: PropTypes.shape({})
+};
+PropContext.Consumer;
+var usePropStore = function usePropStore(selector) {
+  var context = useContext(PropContext);
+
+  if (!context) {
+    throw new Error('usePropStore must be used with PropProvider!');
+  }
+
+  return useStore(context, selector);
+};
+
+export { PropProvider, usePropStore };
+//# sourceMappingURL=PropContext.js.map

package/lib/esm/contexts/PropContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropContext.js","sources":["../../../src/contexts/PropContext.js"],"sourcesContent":["import {\n  createContext, useContext, useEffect, useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { createStore, useStore } from 'zustand';\n\nconst fn = () => {};\n\nconst propStore = props => {\n  // eslint-disable-next-line complexity\n  return createStore(set => ({\n    acceptedItems: props.acceptedItems || {},\n    additionalPageItems: props.additionalPageItems || [],\n    disableInteraction: props.disableInteraction || [],\n    itemAccessor: props.itemAccessor || fn,\n    leftPanelConfig: props.leftPanelConfig || [],\n    onAnEventTrigger: props.onAnEventTrigger || (() => {}),\n    onItemAdd: props.onItemAdd || fn,\n    onItemChange: props.onItemChange || fn,\n    onItemMove: props.onItemMove || fn,\n    onItemRemove: props.onItemRemove || fn,\n    onItemResize: props.onItemResize || fn,\n    onItemsMove: props.onItemsMove || fn,\n    onPageAdd: props.onPageAdd || fn,\n    onPageChange: props.onPageChange || fn,\n    onPageDuplicate: props.onPageDuplicate || fn,\n    onPageOrdersChange: props.onPageOrdersChange || fn,\n    onPageRemove: props.onPageRemove || fn,\n    onSettingChange: props.onSettingChange || fn,\n    pages: props.pages || [],\n    setAcceptedItems: acceptedItems => { set({ acceptedItems }); },\n    setItemAccessor: itemAccessor => { set({ itemAccessor }); },\n    setPages: pages => { set({ pages }); },\n    setSettings: settings => { set({ settings }); },\n    settings: props.settings || {\n      reportLayout: 'A4 Landscape',\n    },\n    theme: props.theme || 'lightMode',\n    useExperimentalFeatures: props.useExperimentalFeatures || false,\n  }));\n};\n\nconst PropContext = createContext(null);\n\nexport const PropProvider = ({ children, ...props }) => {\n  const storeRef = useRef();\n  if (!storeRef.current) {\n    storeRef.current = propStore(props);\n  }\n\n  const {\n    acceptedItems, itemAccessor, pages, settings,\n  } = props;\n\n  useEffect(() => {\n    const { setPages } = storeRef.current.getState();\n    if (pages) {\n      setPages(pages);\n    }\n  }, [pages]);\n\n  useEffect(() => {\n    const { setItemAccessor } = storeRef.current.getState();\n    setItemAccessor(itemAccessor);\n  }, [itemAccessor]);\n\n  useEffect(() => {\n    const { setAcceptedItems } = storeRef.current.getState();\n    if (acceptedItems) {\n      setAcceptedItems(acceptedItems);\n    }\n  }, [acceptedItems]);\n\n  useEffect(() => {\n    const { setSettings } = storeRef.current.getState();\n    if (settings) {\n      setSettings(settings);\n    }\n  }, [settings]);\n\n  return (\n    <PropContext.Provider value={storeRef.current}>\n      {children}\n    </PropContext.Provider>\n  );\n};\n\nPropProvider.propTypes = {\n  acceptedItems: PropTypes.shape({}),\n  children: PropTypes.any,\n  itemAccessor: PropTypes.func,\n  pages: PropTypes.arrayOf(PropTypes.object),\n  settings: PropTypes.shape({}),\n};\n\nexport const PropConsumer = PropContext.Consumer;\n\nexport const usePropStore = selector => {\n  const context = useContext(PropContext);\n  if (!context) {\n    throw new Error('usePropStore must be used with PropProvider!');\n  }\n  return useStore(context, selector);\n};\n"],"names":["fn","propStore","props","createStore","set","acceptedItems","additionalPageItems","disableInteraction","itemAccessor","leftPanelConfig","onAnEventTrigger","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onSettingChange","pages","setAcceptedItems","setItemAccessor","setPages","setSettings","settings","reportLayout","theme","useExperimentalFeatures","PropContext","createContext","PropProvider","children","storeRef","useRef","current","useEffect","getState","_jsx","propTypes","PropTypes","shape","any","func","arrayOf","object","Consumer","usePropStore","selector","context","useContext","Error","useStore"],"mappings":"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"}

package/lib/esm/contexts/Providers.js

@@ -0,0 +1,64 @@
+import PropTypes from 'prop-types';
+import { BuilderProvider } from './BuilderContext.js';
+import { PresentationProvider } from './PresentationContext.js';
+import { PropProvider } from './PropContext.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children", "lastScrollPosition", "mode", "onRightPanelsToggled", "presentationBarActions", "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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _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 Providers = function Providers(_ref) {
+  var children = _ref.children,
+      lastScrollPosition = _ref.lastScrollPosition,
+      mode = _ref.mode,
+      onRightPanelsToggled = _ref.onRightPanelsToggled,
+      presentationBarActions = _ref.presentationBarActions,
+      useFixedPresentationBar = _ref.useFixedPresentationBar,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(BuilderProvider, {
+    lastScrollPosition: lastScrollPosition,
+    onRightPanelsToggled: onRightPanelsToggled,
+    children: /*#__PURE__*/jsx(PropProvider, _objectSpread(_objectSpread({}, props), {}, {
+      children: mode === 'customize' ? children : /*#__PURE__*/jsx(PresentationProvider, {
+        presentationBarActions: presentationBarActions,
+        useFixedPresentationBar: useFixedPresentationBar,
+        children: children
+      })
+    }))
+  });
+};
+
+Providers.propTypes = {
+  children: PropTypes.node.isRequired,
+
+  /** Last scroll position */
+  lastScrollPosition: PropTypes.number,
+
+  /** Mode of the report */
+  mode: PropTypes.oneOf(['customize', 'presentation', 'preview', 'print']),
+
+  /** Function called when the slides or the right panel is
+   * toggled takes a boolean value to indicate whether or
+   * not the panel is toggled open.
+   */
+  onRightPanelsToggled: PropTypes.func,
+
+  /** To pass in action definitions that will be rendered as buttons */
+  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),
+
+  /** Flag for fixed action bar */
+  useFixedPresentationBar: PropTypes.bool
+};
+
+export default Providers;
+//# sourceMappingURL=Providers.js.map

package/lib/esm/contexts/Providers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Providers.js","sources":["../../../src/contexts/Providers.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { BuilderProvider } from './BuilderContext';\nimport { PresentationProvider } from './PresentationContext';\nimport { PropProvider } from './PropContext';\n\nconst Providers = ({\n  children,\n  lastScrollPosition,\n  mode,\n  onRightPanelsToggled,\n  presentationBarActions,\n  useFixedPresentationBar,\n  ...props\n}) => {\n  return (\n    <BuilderProvider\n      lastScrollPosition={lastScrollPosition}\n      onRightPanelsToggled={onRightPanelsToggled}\n    >\n      <PropProvider {...props}>\n        {mode === 'customize' ? children : (\n          <PresentationProvider\n            presentationBarActions={presentationBarActions}\n            useFixedPresentationBar={useFixedPresentationBar}\n          >\n            {children}\n          </PresentationProvider>\n        )}\n      </PropProvider>\n    </BuilderProvider>\n  );\n};\n\nProviders.propTypes = {\n  children: PropTypes.node.isRequired,\n  /** Last scroll position */\n  lastScrollPosition: PropTypes.number,\n  /** Mode of the report */\n  mode: PropTypes.oneOf(['customize', 'presentation', 'preview', 'print']),\n  /** Function called when the slides or the right panel is\n   * toggled takes a boolean value to indicate whether or\n   * not the panel is toggled open.\n   */\n  onRightPanelsToggled: PropTypes.func,\n  /** To pass in action definitions that will be rendered as buttons */\n  presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n  /** Flag for fixed action bar */\n  useFixedPresentationBar: PropTypes.bool,\n};\n\nexport default Providers;\n"],"names":["Providers","children","lastScrollPosition","mode","onRightPanelsToggled","presentationBarActions","useFixedPresentationBar","props","_jsx","propTypes","PropTypes","node","isRequired","number","oneOf","func","arrayOf","shape","bool"],"mappings":";;;;;;;;;;;;;;;;;;IAKMA,SAAS,GAAG,SAAZA,SAAY,OAQZ;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,kBAMI,QANJA,kBAMI;AAAA,MALJC,IAKI,QALJA,IAKI;AAAA,MAJJC,oBAII,QAJJA,oBAII;AAAA,MAHJC,sBAGI,QAHJA,sBAGI;AAAA,MAFJC,uBAEI,QAFJA,uBAEI;AAAA,MADDC,KACC;;AACJ,sBACEC,IAAC,eAAD;AACE,IAAA,kBAAkB,EAAEN,kBADtB;AAEE,IAAA,oBAAoB,EAAEE,oBAFxB;AAAA,2BAIEI,IAAC,YAAD,kCAAkBD,KAAlB;AAAA,gBACGJ,IAAI,KAAK,WAAT,GAAuBF,QAAvB,gBACCO,IAAC,oBAAD;AACE,QAAA,sBAAsB,EAAEH,sBAD1B;AAEE,QAAA,uBAAuB,EAAEC,uBAF3B;AAAA,kBAIGL;AAJH;AAFJ;AAJF,IADF;AAiBD;;AAEDD,SAAS,CAACS,SAAV,GAAsB;AACpBR,EAAAA,QAAQ,EAAES,SAAS,CAACC,IAAV,CAAeC,UADL;;AAEpB;AACAV,EAAAA,kBAAkB,EAAEQ,SAAS,CAACG,MAHV;;AAIpB;AACAV,EAAAA,IAAI,EAAEO,SAAS,CAACI,KAAV,CAAgB,CAAC,WAAD,EAAc,cAAd,EAA8B,SAA9B,EAAyC,OAAzC,CAAhB,CALc;;AAMpB;AACF;AACA;AACA;AACEV,EAAAA,oBAAoB,EAAEM,SAAS,CAACK,IAVZ;;AAWpB;AACAV,EAAAA,sBAAsB,EAAEK,SAAS,CAACM,OAAV,CAAkBN,SAAS,CAACO,KAAV,CAAgB,EAAhB,CAAlB,CAZJ;;AAapB;AACAX,EAAAA,uBAAuB,EAAEI,SAAS,CAACQ;AAdf,CAAtB;;;;"}

package/lib/esm/index.js

@@ -3,7 +3,6 @@ export { default as generateId } from './utils/generateId.js';
 export { default as Presentation } from './components/Presentation/Presentation.js';
 export { default as Preview } from './components/Preview/Preview.js';
 export { default as Print } from './components/Print/Print.js';
-export { default as PrintMode } from './components/Print/PrintMode.js';
 export { default as Report } from './components/Report.js';
 export { default as Layout } from './constants/reportSettings.js';
 export { default as Page } from './constants/pageSettings.js';

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/lib/esm/styles/_jfPrint.scss

@@ -21,8 +21,24 @@
   height: 100vh !important;
 }
 .jfReport.printMode .jfReport-viewport {
+  *:not(.jfGrid-colHeaderContainer):not(.jfGrid-colHeaderContainer *) {
+    overflow: hidden !important;
+  }
+
   display: block;
 }
+.jfReport.printMode [id*="presentation-page-"] {
+  width: 100% !important;
+  height: 100% !important;
+  page-break-after: always !important;
+  break-after: always !important;
+
+  &:last-child {
+    page-break-after: auto !important;
+    break-after: auto !important;
+  }
+}
+
 .jfReport.printMode .jfReport-col {
   display: block;
 }
@@ -62,7 +78,7 @@
   .PresentationModal {
     display: none;
   }
-  
+
   .jfPresentation-barContainer {
     display: none !important;
   }