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

package/lib/cjs/contexts/PropContext.js

@@ -0,0 +1,144 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var zustand = require('zustand');
+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 _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 zustand.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__*/React.createContext(null);
+var PropProvider = function PropProvider(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var storeRef = React.useRef();
+
+  if (!storeRef.current) {
+    storeRef.current = propStore(props);
+  }
+
+  var acceptedItems = props.acceptedItems,
+      itemAccessor = props.itemAccessor,
+      pages = props.pages,
+      settings = props.settings;
+  React.useEffect(function () {
+    var _storeRef$current$get = storeRef.current.getState(),
+        setPages = _storeRef$current$get.setPages;
+
+    if (pages) {
+      setPages(pages);
+    }
+  }, [pages]);
+  React.useEffect(function () {
+    var _storeRef$current$get2 = storeRef.current.getState(),
+        setItemAccessor = _storeRef$current$get2.setItemAccessor;
+
+    setItemAccessor(itemAccessor);
+  }, [itemAccessor]);
+  React.useEffect(function () {
+    var _storeRef$current$get3 = storeRef.current.getState(),
+        setAcceptedItems = _storeRef$current$get3.setAcceptedItems;
+
+    if (acceptedItems) {
+      setAcceptedItems(acceptedItems);
+    }
+  }, [acceptedItems]);
+  React.useEffect(function () {
+    var _storeRef$current$get4 = storeRef.current.getState(),
+        setSettings = _storeRef$current$get4.setSettings;
+
+    if (settings) {
+      setSettings(settings);
+    }
+  }, [settings]);
+  return /*#__PURE__*/jsxRuntime.jsx(PropContext.Provider, {
+    value: storeRef.current,
+    children: children
+  });
+};
+PropProvider.propTypes = {
+  acceptedItems: PropTypes__default['default'].shape({}),
+  children: PropTypes__default['default'].any,
+  itemAccessor: PropTypes__default['default'].func,
+  pages: PropTypes__default['default'].arrayOf(PropTypes__default['default'].object),
+  settings: PropTypes__default['default'].shape({})
+};
+PropContext.Consumer;
+var usePropStore = function usePropStore(selector) {
+  var context = React.useContext(PropContext);
+
+  if (!context) {
+    throw new Error('usePropStore must be used with PropProvider!');
+  }
+
+  return zustand.useStore(context, selector);
+};
+
+exports.PropProvider = PropProvider;
+exports.usePropStore = usePropStore;
+//# sourceMappingURL=PropContext.js.map

package/lib/cjs/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":";;;;;;;;;;;;;;;;;;;AAMA,IAAMA,EAAE,GAAG,SAALA,EAAK,GAAM,EAAjB;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAC,KAAK,EAAI;AACzB;AACA,SAAOC,mBAAW,CAAC,UAAAC,GAAG;AAAA,WAAK;AACzBC,MAAAA,aAAa,EAAEH,KAAK,CAACG,aAAN,IAAuB,EADb;AAEzBC,MAAAA,mBAAmB,EAAEJ,KAAK,CAACI,mBAAN,IAA6B,EAFzB;AAGzBC,MAAAA,kBAAkB,EAAEL,KAAK,CAACK,kBAAN,IAA4B,EAHvB;AAIzBC,MAAAA,YAAY,EAAEN,KAAK,CAACM,YAAN,IAAsBR,EAJX;AAKzBS,MAAAA,eAAe,EAAEP,KAAK,CAACO,eAAN,IAAyB,EALjB;AAMzBC,MAAAA,gBAAgB,EAAER,KAAK,CAACQ,gBAAN,IAA2B,YAAM,EAN1B;AAOzBC,MAAAA,SAAS,EAAET,KAAK,CAACS,SAAN,IAAmBX,EAPL;AAQzBY,MAAAA,YAAY,EAAEV,KAAK,CAACU,YAAN,IAAsBZ,EARX;AASzBa,MAAAA,UAAU,EAAEX,KAAK,CAACW,UAAN,IAAoBb,EATP;AAUzBc,MAAAA,YAAY,EAAEZ,KAAK,CAACY,YAAN,IAAsBd,EAVX;AAWzBe,MAAAA,YAAY,EAAEb,KAAK,CAACa,YAAN,IAAsBf,EAXX;AAYzBgB,MAAAA,WAAW,EAAEd,KAAK,CAACc,WAAN,IAAqBhB,EAZT;AAazBiB,MAAAA,SAAS,EAAEf,KAAK,CAACe,SAAN,IAAmBjB,EAbL;AAczBkB,MAAAA,YAAY,EAAEhB,KAAK,CAACgB,YAAN,IAAsBlB,EAdX;AAezBmB,MAAAA,eAAe,EAAEjB,KAAK,CAACiB,eAAN,IAAyBnB,EAfjB;AAgBzBoB,MAAAA,kBAAkB,EAAElB,KAAK,CAACkB,kBAAN,IAA4BpB,EAhBvB;AAiBzBqB,MAAAA,YAAY,EAAEnB,KAAK,CAACmB,YAAN,IAAsBrB,EAjBX;AAkBzBsB,MAAAA,eAAe,EAAEpB,KAAK,CAACoB,eAAN,IAAyBtB,EAlBjB;AAmBzBuB,MAAAA,KAAK,EAAErB,KAAK,CAACqB,KAAN,IAAe,EAnBG;AAoBzBC,MAAAA,gBAAgB,EAAE,0BAAAnB,aAAa,EAAI;AAAED,QAAAA,GAAG,CAAC;AAAEC,UAAAA,aAAa,EAAbA;AAAF,SAAD,CAAH;AAAyB,OApBrC;AAqBzBoB,MAAAA,eAAe,EAAE,yBAAAjB,YAAY,EAAI;AAAEJ,QAAAA,GAAG,CAAC;AAAEI,UAAAA,YAAY,EAAZA;AAAF,SAAD,CAAH;AAAwB,OArBlC;AAsBzBkB,MAAAA,QAAQ,EAAE,kBAAAH,KAAK,EAAI;AAAEnB,QAAAA,GAAG,CAAC;AAAEmB,UAAAA,KAAK,EAALA;AAAF,SAAD,CAAH;AAAiB,OAtBb;AAuBzBI,MAAAA,WAAW,EAAE,qBAAAC,QAAQ,EAAI;AAAExB,QAAAA,GAAG,CAAC;AAAEwB,UAAAA,QAAQ,EAARA;AAAF,SAAD,CAAH;AAAoB,OAvBtB;AAwBzBA,MAAAA,QAAQ,EAAE1B,KAAK,CAAC0B,QAAN,IAAkB;AAC1BC,QAAAA,YAAY,EAAE;AADY,OAxBH;AA2BzBC,MAAAA,KAAK,EAAE5B,KAAK,CAAC4B,KAAN,IAAe,WA3BG;AA4BzBC,MAAAA,uBAAuB,EAAE7B,KAAK,CAAC6B,uBAAN,IAAiC;AA5BjC,KAAL;AAAA,GAAJ,CAAlB;AA8BD,CAhCD;;AAkCA,IAAMC,WAAW,gBAAGC,mBAAa,CAAC,IAAD,CAAjC;IAEaC,YAAY,GAAG,SAAfA,YAAe,OAA4B;AAAA,MAAzBC,QAAyB,QAAzBA,QAAyB;AAAA,MAAZjC,KAAY;;AACtD,MAAMkC,QAAQ,GAAGC,YAAM,EAAvB;;AACA,MAAI,CAACD,QAAQ,CAACE,OAAd,EAAuB;AACrBF,IAAAA,QAAQ,CAACE,OAAT,GAAmBrC,SAAS,CAACC,KAAD,CAA5B;AACD;;AAED,MACEG,aADF,GAEIH,KAFJ,CACEG,aADF;AAAA,MACiBG,YADjB,GAEIN,KAFJ,CACiBM,YADjB;AAAA,MAC+Be,KAD/B,GAEIrB,KAFJ,CAC+BqB,KAD/B;AAAA,MACsCK,QADtC,GAEI1B,KAFJ,CACsC0B,QADtC;AAIAW,EAAAA,eAAS,CAAC,YAAM;AACd,gCAAqBH,QAAQ,CAACE,OAAT,CAAiBE,QAAjB,EAArB;AAAA,QAAQd,QAAR,yBAAQA,QAAR;;AACA,QAAIH,KAAJ,EAAW;AACTG,MAAAA,QAAQ,CAACH,KAAD,CAAR;AACD;AACF,GALQ,EAKN,CAACA,KAAD,CALM,CAAT;AAOAgB,EAAAA,eAAS,CAAC,YAAM;AACd,iCAA4BH,QAAQ,CAACE,OAAT,CAAiBE,QAAjB,EAA5B;AAAA,QAAQf,eAAR,0BAAQA,eAAR;;AACAA,IAAAA,eAAe,CAACjB,YAAD,CAAf;AACD,GAHQ,EAGN,CAACA,YAAD,CAHM,CAAT;AAKA+B,EAAAA,eAAS,CAAC,YAAM;AACd,iCAA6BH,QAAQ,CAACE,OAAT,CAAiBE,QAAjB,EAA7B;AAAA,QAAQhB,gBAAR,0BAAQA,gBAAR;;AACA,QAAInB,aAAJ,EAAmB;AACjBmB,MAAAA,gBAAgB,CAACnB,aAAD,CAAhB;AACD;AACF,GALQ,EAKN,CAACA,aAAD,CALM,CAAT;AAOAkC,EAAAA,eAAS,CAAC,YAAM;AACd,iCAAwBH,QAAQ,CAACE,OAAT,CAAiBE,QAAjB,EAAxB;AAAA,QAAQb,WAAR,0BAAQA,WAAR;;AACA,QAAIC,QAAJ,EAAc;AACZD,MAAAA,WAAW,CAACC,QAAD,CAAX;AACD;AACF,GALQ,EAKN,CAACA,QAAD,CALM,CAAT;AAOA,sBACEa,eAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEL,QAAQ,CAACE,OAAtC;AAAA,cACGH;AADH,IADF;AAKD;AAEDD,YAAY,CAACQ,SAAb,GAAyB;AACvBrC,EAAAA,aAAa,EAAEsC,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADQ;AAEvBT,EAAAA,QAAQ,EAAEQ,6BAAS,CAACE,GAFG;AAGvBrC,EAAAA,YAAY,EAAEmC,6BAAS,CAACG,IAHD;AAIvBvB,EAAAA,KAAK,EAAEoB,6BAAS,CAACI,OAAV,CAAkBJ,6BAAS,CAACK,MAA5B,CAJgB;AAKvBpB,EAAAA,QAAQ,EAAEe,6BAAS,CAACC,KAAV,CAAgB,EAAhB;AALa,CAAzB;AAQ4BZ,WAAW,CAACiB;IAE3BC,YAAY,GAAG,SAAfA,YAAe,CAAAC,QAAQ,EAAI;AACtC,MAAMC,OAAO,GAAGC,gBAAU,CAACrB,WAAD,CAA1B;;AACA,MAAI,CAACoB,OAAL,EAAc;AACZ,UAAM,IAAIE,KAAJ,CAAU,8CAAV,CAAN;AACD;;AACD,SAAOC,gBAAQ,CAACH,OAAD,EAAUD,QAAV,CAAf;AACD;;;;;"}

package/lib/cjs/contexts/Providers.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var PropTypes = require('prop-types');
+var BuilderContext = require('./BuilderContext.js');
+var PresentationContext = require('./PresentationContext.js');
+var PropContext = require('./PropContext.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 _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__*/jsxRuntime.jsx(BuilderContext.BuilderProvider, {
+    lastScrollPosition: lastScrollPosition,
+    onRightPanelsToggled: onRightPanelsToggled,
+    children: /*#__PURE__*/jsxRuntime.jsx(PropContext.PropProvider, _objectSpread(_objectSpread({}, props), {}, {
+      children: mode === 'customize' ? children : /*#__PURE__*/jsxRuntime.jsx(PresentationContext.PresentationProvider, {
+        presentationBarActions: presentationBarActions,
+        useFixedPresentationBar: useFixedPresentationBar,
+        children: children
+      })
+    }))
+  });
+};
+
+Providers.propTypes = {
+  children: PropTypes__default['default'].node.isRequired,
+
+  /** Last scroll position */
+  lastScrollPosition: PropTypes__default['default'].number,
+
+  /** Mode of the report */
+  mode: PropTypes__default['default'].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__default['default'].func,
+
+  /** To pass in action definitions that will be rendered as buttons */
+  presentationBarActions: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
+
+  /** Flag for fixed action bar */
+  useFixedPresentationBar: PropTypes__default['default'].bool
+};
+
+module.exports = Providers;
+//# sourceMappingURL=Providers.js.map

package/lib/cjs/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","BuilderProvider","PropProvider","PresentationProvider","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,eAACC,8BAAD;AACE,IAAA,kBAAkB,EAAEP,kBADtB;AAEE,IAAA,oBAAoB,EAAEE,oBAFxB;AAAA,2BAIEI,eAACE,wBAAD,kCAAkBH,KAAlB;AAAA,gBACGJ,IAAI,KAAK,WAAT,GAAuBF,QAAvB,gBACCO,eAACG,wCAAD;AACE,QAAA,sBAAsB,EAAEN,sBAD1B;AAEE,QAAA,uBAAuB,EAAEC,uBAF3B;AAAA,kBAIGL;AAJH;AAFJ;AAJF,IADF;AAiBD;;AAEDD,SAAS,CAACY,SAAV,GAAsB;AACpBX,EAAAA,QAAQ,EAAEY,6BAAS,CAACC,IAAV,CAAeC,UADL;;AAEpB;AACAb,EAAAA,kBAAkB,EAAEW,6BAAS,CAACG,MAHV;;AAIpB;AACAb,EAAAA,IAAI,EAAEU,6BAAS,CAACI,KAAV,CAAgB,CAAC,WAAD,EAAc,cAAd,EAA8B,SAA9B,EAAyC,OAAzC,CAAhB,CALc;;AAMpB;AACF;AACA;AACA;AACEb,EAAAA,oBAAoB,EAAES,6BAAS,CAACK,IAVZ;;AAWpB;AACAb,EAAAA,sBAAsB,EAAEQ,6BAAS,CAACM,OAAV,CAAkBN,6BAAS,CAACO,KAAV,CAAgB,EAAhB,CAAlB,CAZJ;;AAapB;AACAd,EAAAA,uBAAuB,EAAEO,6BAAS,CAACQ;AAdf,CAAtB;;;;"}

package/lib/cjs/index.js

@@ -7,7 +7,6 @@ var generateId = require('./utils/generateId.js');
 var Presentation = require('./components/Presentation/Presentation.js');
 var Preview = require('./components/Preview/Preview.js');
 var Print = require('./components/Print/Print.js');
-var PrintMode = require('./components/Print/PrintMode.js');
 var Report = require('./components/Report.js');
 var reportSettings = require('./constants/reportSettings.js');
 var pageSettings = require('./constants/pageSettings.js');
@@ -27,7 +26,6 @@ exports.generateId = generateId;
 exports.Presentation = Presentation;
 exports.Preview = Preview;
 exports.Print = Print;
-exports.PrintMode = PrintMode;
 exports.Report = Report;
 exports.Layout = reportSettings['default'];
 exports.Page = pageSettings['default'];

package/lib/cjs/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/cjs/styles/_jfPresentation.scss

@@ -341,21 +341,3 @@
     }
   }
 }
-
-.layout-responsive {
-  overflow-y: auto;
-  padding: 0 16px;
-}
-
-.layout-responsive > * {
-  /* stylelint-disable, declaration-no-important */
-  position: relative !important;
-  left: 0 !important;
-  top: 0 !important;
-  /* stylelint-enable, declaration-no-important */
-  margin: 0 auto;
-
-  &:last-of-type {
-    margin-bottom: 0;
-  }
-}

package/lib/cjs/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;
   }

package/lib/cjs/styles/_jfReportsModal.scss

@@ -4,6 +4,15 @@
 */
 
 .jfReportModal {
+  position: relative;
+  width: 94%;
+  margin-top: 40px;
+  max-width: 700px;
+  background-color: $white;
+  border-radius: 4px;
+  transition: $transition;
+  opacity: 0;
+  box-shadow: 0 2px 7px 0 rgba(#000000,.5);
 
   &-overlay {
     position: fixed;
@@ -29,15 +38,6 @@
     }
   }
 
-  position: relative;
-  width: 94%;
-  margin-top: 40px;
-  max-width: 700px;
-  background-color: $white;
-  border-radius: 4px;
-  transition: $transition;
-  opacity: 0;
-  box-shadow: 0 2px 7px 0 rgba(#000000,.5);
 
   button.jfReportModal-close {
     position: absolute;

package/lib/cjs/styles/_jfReportsPanels.scss

@@ -177,10 +177,13 @@
       }
 
       .forAspect {
+        width: 24px;
+        padding: 12px 0;
         &:before, &:after {
           content: "";
           position: absolute;
-          bottom: 6px;
+          top: 50%;
+          transform: translateY(-50%);
           width: 4px;
 
           border-bottom: 1px solid #303339;

package/lib/cjs/styles/_jfReportsReportItem.scss

@@ -45,7 +45,7 @@
     &.isDraggingLayerElement {
       opacity: .8;
       transition: none;
-      cursor: pointer;
+      cursor: grabbing;
     }
 
     .jfReportEditable {

package/lib/cjs/styles/_jfReportsSVG.scss

@@ -131,7 +131,6 @@
   .icon-aspectLock, .icon-aspectUnlock {
     width: 12px;
     height: 14px;
-    margin-top: 10px;
   }
 
   .icon-aspectLock {

package/lib/cjs/styles/_jfReportsTextEditor.scss

@@ -22,6 +22,11 @@
     font-style: inherit;
     overflow-y: visible;
     &[contentEditable="true"] {
+
+      /* In the edit mode Text element height and scrollable area for quill editor
+      * And calculation applied for tolerance, banner height etc. in each report item
+      */
+      max-height: calc(100% - 2.5rem);
       cursor: text;
     }
 

package/lib/cjs/styles/_jfReportsViewModes.scss

@@ -1,5 +1,4 @@
-.jfReport.previewMode,
-.jefReport.responsiveMode {
+.jfReport.previewMode {
   .jfReport-canvas {
     padding: 0 40px;
   }
@@ -9,9 +8,7 @@
   }
 }
 
-.jfPresentation,
-.jfReport.previewMode,
-.jfReport.responsiveMode {
+.jfPresentation, .jfReport.previewMode {
   .recharts-surface {
     pointer-events: all;
   }

package/lib/cjs/styles/_jfSearchInput.scss

@@ -19,11 +19,11 @@
       border-radius: 0 15px 15px 0;
 
       &.search-icon {
-        left: 4px;
+        left: 8px;
       }
 
       &.search-delete {
-        right: 4px;
+        right: 8px;
 
         &:before {
           content: "";

package/lib/cjs/utils/functions.js

@@ -22,6 +22,8 @@ require('core-js/modules/es.string.iterator.js');
 require('core-js/modules/es.string.match.js');
 require('core-js/modules/es.string.replace.js');
 require('core-js/modules/es.string.split.js');
+require('core-js/modules/es.string.starts-with.js');
+require('core-js/modules/es.string.trim.js');
 require('core-js/modules/web.dom-collections.for-each.js');
 require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/web.url.js');
@@ -79,12 +81,10 @@ var getStyles = function getStyles(left, top, isDragging) {
     top: top
   };
 };
-
 var isSelected = function isSelected(id, activeElements) {
   if (activeElements === null) return id === activeElements;
   return activeElements.indexOf(id) !== -1;
 };
-
 var findItemById = function findItemById(itemID, pages) {
   var page = pages.find(function (p) {
     return p.items.find(function (item) {
@@ -692,12 +692,9 @@ var arrayMove = function arrayMove(array, from, to) {
   arrayMoveMutate(newArray, from, to);
   return newArray;
 };
-var zoomHandler = function zoomHandler(_ref2) {
-  var handler = _ref2.handler,
-      isFullscreen = _ref2.isFullscreen,
-      isModeCustomize = _ref2.isModeCustomize,
+var getZoomValue = function getZoomValue(_ref2) {
+  var isFullscreen = _ref2.isFullscreen,
       limitZoom = _ref2.limitZoom,
-      onLoad = _ref2.onLoad,
       settings = _ref2.settings,
       useFixedPresentationBar = _ref2.useFixedPresentationBar,
       useProgressBar = _ref2.useProgressBar;
@@ -731,7 +728,6 @@ var zoomHandler = function zoomHandler(_ref2) {
   var newZoom = Number(newScale.toFixed(2));
   if (limitZoom && newZoom < 0.5) newZoom = 0.5;
   if (limitZoom && newZoom > 1) newZoom = 1;
-  handler(newZoom, isModeCustomize, reportLayoutWidth, onLoad);
   return newZoom;
 };
 var throttle = function throttle(fn, delay) {
@@ -809,28 +805,25 @@ var scrollToTarget = function scrollToTarget(id) {
     }
   }, timeout);
 };
-var calculateHeight = function calculateHeight(originalHeight, originalWidth, canvasWidth, mode) {
-  if (mode !== 'responsive') {
-    return originalHeight;
-  }
-
-  var calculatedWidth = originalWidth;
-  var ratio = originalHeight / originalWidth;
-
-  if (originalWidth > canvasWidth - 32) {
-    calculatedWidth = canvasWidth;
-  }
-
-  return ratio * calculatedWidth;
+function normalizeHexColor(value) {
+  var v = value.trim();
+  if (!v.startsWith('#')) v = "#".concat(v);
+  return v;
+}
+function isValidHexColor(value) {
+  return /^#(?:[0-9a-fA-F]{3}){1,2}$/.test(value);
+}
+var emptyFunction = function emptyFunction(f) {
+  return f;
 };
 
 exports.arrayMove = arrayMove;
 exports.calculateGuidePositions = calculateGuidePositions;
-exports.calculateHeight = calculateHeight;
 exports.changePage = changePage;
 exports.checkValueProximities = checkValueProximities;
 exports.closeFullscreen = closeFullscreen;
 exports.collisionCheck = collisionCheck;
+exports.emptyFunction = emptyFunction;
 exports.findItemById = findItemById;
 exports.findItemsOnPage = findItemsOnPage;
 exports.getAllGuidesForGivenAxisExceptActiveBox = getAllGuidesForGivenAxisExceptActiveBox;
@@ -850,9 +843,13 @@ exports.getStyles = getStyles;
 exports.getTabsWithElements = getTabsWithElements;
 exports.getTabsWithSettings = getTabsWithSettings;
 exports.getVisibleHeightPx = getVisibleHeightPx;
+exports.getZoomValue = getZoomValue;
 exports.imageSizeUpdater = imageSizeUpdater;
+exports.isSelected = isSelected;
+exports.isValidHexColor = isValidHexColor;
 exports.moveArrayItem = moveArrayItem;
 exports.moveItemInArrayFromIndexToIndex = moveItemInArrayFromIndexToIndex;
+exports.normalizeHexColor = normalizeHexColor;
 exports.onChangeFunction = onChangeFunction;
 exports.openFullscreenHelper = openFullscreenHelper;
 exports.proximityListener = proximityListener;
@@ -860,5 +857,4 @@ exports.roundForDecimalPart = roundForDecimalPart;
 exports.safeJSONParse = safeJSONParse;
 exports.scrollToTarget = scrollToTarget;
 exports.throttle = throttle;
-exports.zoomHandler = zoomHandler;
 //# sourceMappingURL=functions.js.map