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

package/lib/esm/components/withZoomPanPinchHOC.js

@@ -1,7 +1,7 @@
 import { func, string, oneOfType, shape, any } from 'prop-types';
 import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
-import { useBuilderContext } from '../utils/builderContext.js';
-import { usePresentationContext } from '../utils/presentationContext.js';
+import { useBuilderStore } from '../contexts/BuilderContext.js';
+import { usePresentationStore } from '../contexts/PresentationContext.js';
 import { jsx } from 'react/jsx-runtime';
 
 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; }
@@ -13,14 +13,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var withZoomPanPinchHOC = function withZoomPanPinchHOC(WrappedComponent) {
   var ZoomPanPinchHOC = function ZoomPanPinchHOC(props) {
     var handleZoom = props.handleZoom,
-        mode = props.mode,
+        _props$mode = props.mode,
+        mode = _props$mode === void 0 ? '' : _props$mode,
         refSetter = props.refSetter;
-
-    var _useBuilderContext = useBuilderContext(),
-        zoom = _useBuilderContext.zoom;
-
-    var _usePresentationConte = usePresentationContext(),
-        fittedZoom = _usePresentationConte.fittedZoom;
+    var zoom = useBuilderStore(function (state) {
+      return state.zoom;
+    });
+    var fittedZoom = usePresentationStore(function (state) {
+      return state.fittedZoom;
+    });
 
     if (mode !== 'presentation') {
       return /*#__PURE__*/jsx(WrappedComponent, _objectSpread({}, props));
@@ -64,9 +65,6 @@ var withZoomPanPinchHOC = function withZoomPanPinchHOC(WrappedComponent) {
       current: any
     })]).isRequired
   };
-  ZoomPanPinchHOC.defaultProps = {
-    mode: ''
-  };
   return ZoomPanPinchHOC;
 };
 

package/lib/esm/components/withZoomPanPinchHOC.js.map

@@ -1 +1 @@
-{"version":3,"file":"withZoomPanPinchHOC.js","sources":["../../../src/components/withZoomPanPinchHOC.js"],"sourcesContent":["import {\n  string, func, any, oneOfType, shape,\n} from 'prop-types';\nimport { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';\nimport { useBuilderContext } from '../utils/builderContext';\nimport { usePresentationContext } from '../utils/presentationContext';\n\nconst withZoomPanPinchHOC = WrappedComponent => {\n  const ZoomPanPinchHOC = props => {\n    const { handleZoom, mode, refSetter } = props;\n\n    const { zoom } = useBuilderContext();\n    const { fittedZoom } = usePresentationContext();\n\n    if (mode !== 'presentation') {\n      return <WrappedComponent {...props} />;\n    }\n\n    return (\n      <TransformWrapper\n        ref={refSetter}\n        centerOnInit={true}\n        centerZoomedOut={true}\n        disablePadding={true}\n        doubleClick={{\n          step: 0.2,\n        }}\n        initialScale={zoom}\n        maxScale={2}\n        minScale={0.5}\n        onZoom={handleZoom}\n        panning={{\n          disabled: zoom <= fittedZoom,\n        }}\n        pinch={{\n          step: 1,\n        }}\n        wheel={{\n          wheelDisabled: true,\n        }}\n      >\n        <TransformComponent\n          wrapperStyle={{ height: '100%', width: '100%' }}\n        >\n          <WrappedComponent {...props} />\n        </TransformComponent>\n      </TransformWrapper>\n    );\n  };\n\n  ZoomPanPinchHOC.propTypes = {\n    handleZoom: func.isRequired,\n    mode: string,\n    refSetter: oneOfType([\n      func,\n      shape({ current: any }),\n    ]).isRequired,\n  };\n\n  ZoomPanPinchHOC.defaultProps = {\n    mode: '',\n  };\n\n  return ZoomPanPinchHOC;\n};\n\nexport default withZoomPanPinchHOC;\n"],"names":["withZoomPanPinchHOC","WrappedComponent","ZoomPanPinchHOC","props","handleZoom","mode","refSetter","useBuilderContext","zoom","usePresentationContext","fittedZoom","_jsx","step","disabled","wheelDisabled","height","width","propTypes","func","isRequired","string","oneOfType","shape","current","any","defaultProps"],"mappings":";;;;;;;;;;;;IAOMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAC,gBAAgB,EAAI;AAC9C,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,KAAK,EAAI;AAC/B,QAAQC,UAAR,GAAwCD,KAAxC,CAAQC,UAAR;AAAA,QAAoBC,IAApB,GAAwCF,KAAxC,CAAoBE,IAApB;AAAA,QAA0BC,SAA1B,GAAwCH,KAAxC,CAA0BG,SAA1B;;AAEA,6BAAiBC,iBAAiB,EAAlC;AAAA,QAAQC,IAAR,sBAAQA,IAAR;;AACA,gCAAuBC,sBAAsB,EAA7C;AAAA,QAAQC,UAAR,yBAAQA,UAAR;;AAEA,QAAIL,IAAI,KAAK,cAAb,EAA6B;AAC3B,0BAAOM,IAAC,gBAAD,oBAAsBR,KAAtB,EAAP;AACD;;AAED,wBACEQ,IAAC,gBAAD;AACE,MAAA,GAAG,EAAEL,SADP;AAEE,MAAA,YAAY,EAAE,IAFhB;AAGE,MAAA,eAAe,EAAE,IAHnB;AAIE,MAAA,cAAc,EAAE,IAJlB;AAKE,MAAA,WAAW,EAAE;AACXM,QAAAA,IAAI,EAAE;AADK,OALf;AAQE,MAAA,YAAY,EAAEJ,IARhB;AASE,MAAA,QAAQ,EAAE,CATZ;AAUE,MAAA,QAAQ,EAAE,GAVZ;AAWE,MAAA,MAAM,EAAEJ,UAXV;AAYE,MAAA,OAAO,EAAE;AACPS,QAAAA,QAAQ,EAAEL,IAAI,IAAIE;AADX,OAZX;AAeE,MAAA,KAAK,EAAE;AACLE,QAAAA,IAAI,EAAE;AADD,OAfT;AAkBE,MAAA,KAAK,EAAE;AACLE,QAAAA,aAAa,EAAE;AADV,OAlBT;AAAA,6BAsBEH,IAAC,kBAAD;AACE,QAAA,YAAY,EAAE;AAAEI,UAAAA,MAAM,EAAE,MAAV;AAAkBC,UAAAA,KAAK,EAAE;AAAzB,SADhB;AAAA,+BAGEL,IAAC,gBAAD,oBAAsBR,KAAtB;AAHF;AAtBF,MADF;AA8BD,GAxCD;;AA0CAD,EAAAA,eAAe,CAACe,SAAhB,GAA4B;AAC1Bb,IAAAA,UAAU,EAAEc,IAAI,CAACC,UADS;AAE1Bd,IAAAA,IAAI,EAAEe,MAFoB;AAG1Bd,IAAAA,SAAS,EAAEe,SAAS,CAAC,CACnBH,IADmB,EAEnBI,KAAK,CAAC;AAAEC,MAAAA,OAAO,EAAEC;AAAX,KAAD,CAFc,CAAD,CAAT,CAGRL;AANuB,GAA5B;AASAjB,EAAAA,eAAe,CAACuB,YAAhB,GAA+B;AAC7BpB,IAAAA,IAAI,EAAE;AADuB,GAA/B;AAIA,SAAOH,eAAP;AACD;;;;"}
+{"version":3,"file":"withZoomPanPinchHOC.js","sources":["../../../src/components/withZoomPanPinchHOC.js"],"sourcesContent":["import {\n  string, func, any, oneOfType, shape,\n} from 'prop-types';\nimport { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';\nimport { useBuilderStore } from '../contexts/BuilderContext';\nimport { usePresentationStore } from '../contexts/PresentationContext';\n\nconst withZoomPanPinchHOC = WrappedComponent => {\n  const ZoomPanPinchHOC = props => {\n    const { handleZoom, mode = '', refSetter } = props;\n\n    const zoom = useBuilderStore(state => state.zoom);\n    const fittedZoom = usePresentationStore(state => state.fittedZoom);\n\n    if (mode !== 'presentation') {\n      return <WrappedComponent {...props} />;\n    }\n\n    return (\n      <TransformWrapper\n        ref={refSetter}\n        centerOnInit={true}\n        centerZoomedOut={true}\n        disablePadding={true}\n        doubleClick={{\n          step: 0.2,\n        }}\n        initialScale={zoom}\n        maxScale={2}\n        minScale={0.5}\n        onZoom={handleZoom}\n        panning={{\n          disabled: zoom <= fittedZoom,\n        }}\n        pinch={{\n          step: 1,\n        }}\n        wheel={{\n          wheelDisabled: true,\n        }}\n      >\n        <TransformComponent\n          wrapperStyle={{ height: '100%', width: '100%' }}\n        >\n          <WrappedComponent {...props} />\n        </TransformComponent>\n      </TransformWrapper>\n    );\n  };\n\n  ZoomPanPinchHOC.propTypes = {\n    handleZoom: func.isRequired,\n    mode: string,\n    refSetter: oneOfType([\n      func,\n      shape({ current: any }),\n    ]).isRequired,\n  };\n\n  return ZoomPanPinchHOC;\n};\n\nexport default withZoomPanPinchHOC;\n"],"names":["withZoomPanPinchHOC","WrappedComponent","ZoomPanPinchHOC","props","handleZoom","mode","refSetter","zoom","useBuilderStore","state","fittedZoom","usePresentationStore","_jsx","step","disabled","wheelDisabled","height","width","propTypes","func","isRequired","string","oneOfType","shape","current","any"],"mappings":";;;;;;;;;;;;IAOMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAC,gBAAgB,EAAI;AAC9C,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,KAAK,EAAI;AAC/B,QAAQC,UAAR,GAA6CD,KAA7C,CAAQC,UAAR;AAAA,sBAA6CD,KAA7C,CAAoBE,IAApB;AAAA,QAAoBA,IAApB,4BAA2B,EAA3B;AAAA,QAA+BC,SAA/B,GAA6CH,KAA7C,CAA+BG,SAA/B;AAEA,QAAMC,IAAI,GAAGC,eAAe,CAAC,UAAAC,KAAK;AAAA,aAAIA,KAAK,CAACF,IAAV;AAAA,KAAN,CAA5B;AACA,QAAMG,UAAU,GAAGC,oBAAoB,CAAC,UAAAF,KAAK;AAAA,aAAIA,KAAK,CAACC,UAAV;AAAA,KAAN,CAAvC;;AAEA,QAAIL,IAAI,KAAK,cAAb,EAA6B;AAC3B,0BAAOO,IAAC,gBAAD,oBAAsBT,KAAtB,EAAP;AACD;;AAED,wBACES,IAAC,gBAAD;AACE,MAAA,GAAG,EAAEN,SADP;AAEE,MAAA,YAAY,EAAE,IAFhB;AAGE,MAAA,eAAe,EAAE,IAHnB;AAIE,MAAA,cAAc,EAAE,IAJlB;AAKE,MAAA,WAAW,EAAE;AACXO,QAAAA,IAAI,EAAE;AADK,OALf;AAQE,MAAA,YAAY,EAAEN,IARhB;AASE,MAAA,QAAQ,EAAE,CATZ;AAUE,MAAA,QAAQ,EAAE,GAVZ;AAWE,MAAA,MAAM,EAAEH,UAXV;AAYE,MAAA,OAAO,EAAE;AACPU,QAAAA,QAAQ,EAAEP,IAAI,IAAIG;AADX,OAZX;AAeE,MAAA,KAAK,EAAE;AACLG,QAAAA,IAAI,EAAE;AADD,OAfT;AAkBE,MAAA,KAAK,EAAE;AACLE,QAAAA,aAAa,EAAE;AADV,OAlBT;AAAA,6BAsBEH,IAAC,kBAAD;AACE,QAAA,YAAY,EAAE;AAAEI,UAAAA,MAAM,EAAE,MAAV;AAAkBC,UAAAA,KAAK,EAAE;AAAzB,SADhB;AAAA,+BAGEL,IAAC,gBAAD,oBAAsBT,KAAtB;AAHF;AAtBF,MADF;AA8BD,GAxCD;;AA0CAD,EAAAA,eAAe,CAACgB,SAAhB,GAA4B;AAC1Bd,IAAAA,UAAU,EAAEe,IAAI,CAACC,UADS;AAE1Bf,IAAAA,IAAI,EAAEgB,MAFoB;AAG1Bf,IAAAA,SAAS,EAAEgB,SAAS,CAAC,CACnBH,IADmB,EAEnBI,KAAK,CAAC;AAAEC,MAAAA,OAAO,EAAEC;AAAX,KAAD,CAFc,CAAD,CAAT,CAGRL;AANuB,GAA5B;AASA,SAAOlB,eAAP;AACD;;;;"}

package/lib/esm/constants/eventIgnoredRoles.js

@@ -0,0 +1,9 @@
+/**
+ * If an HTML Tag has its role attribute set as one of the
+ * members of this array, events that originate from it
+ * should be ignored by event handlers.
+ */
+var EVENT_IGNORED_ROLES = ['dialog'];
+
+export { EVENT_IGNORED_ROLES };
+//# sourceMappingURL=eventIgnoredRoles.js.map

package/lib/esm/constants/eventIgnoredRoles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventIgnoredRoles.js","sources":["../../../src/constants/eventIgnoredRoles.js"],"sourcesContent":["/**\n * If an HTML Tag has its role attribute set as one of the\n * members of this array, events that originate from it\n * should be ignored by event handlers.\n */\nexport const EVENT_IGNORED_ROLES = [\n  'dialog',\n];\n"],"names":["EVENT_IGNORED_ROLES"],"mappings":"AAAA;AACA;AACA;AACA;AACA;IACaA,mBAAmB,GAAG,CACjC,QADiC;;;;"}

package/lib/esm/constants/texts.js

@@ -10,6 +10,10 @@ var ALL_TEXTS = {
   ADD_LINK: 'ADD LINK',
   ADD_NEW_PAGE: 'ADD SLIDE',
   BACKGROUND_COLOR: 'Background Color',
+  CHART_ELEMENT: 'Chart Element',
+  CHART_SETTINGS: 'Chart Settings',
+  CLICK_TO_EDIT_HEADER: 'Click to edit header',
+  CLICK_TO_EDIT_TEXT: 'Click to edit text',
   DELETE: 'Delete',
   DELETE_ITEM: 'Delete Item',
   DUPLICATE_ITEM: 'Duplicate Item',
@@ -18,7 +22,11 @@ var ALL_TEXTS = {
   FIT_TO_PAGE: 'Fit to Slide',
   FIT_TO_SCENE: 'Fit to Screen',
   GENERAL: 'GENERAL',
+  GRID_SETTINGS: 'Grid Settings',
+  HEADER_SETTINGS: 'Header Settings',
   HEIGHT: 'Height',
+  ICON_SETTINGS: 'Icon Settings',
+  IMAGE_SETTINGS: 'Image Settings',
   ITEM_SETTINGS: 'Item Settings',
   LAYERS: 'Layers',
   LAYOUT_SETTINGS: 'Layout Settings',
@@ -32,13 +40,16 @@ var ALL_TEXTS = {
   NO_ELEMENT_IN_PAGE: 'There is no element on this slide. You can add a new element from side menu.',
   NO_RESULT: 'No result was found',
   ORIGINAL_SIZE: 'Original Size',
+  PAGE_ELEMENT: 'Page Element',
   PAGE_SETTINGS: 'Slide Settings',
   PAGE_STYLE: 'Slide Style',
+  RECTANGLE: 'Rectangle',
   REMOVE_PAGE: 'Remove Slide',
   SEARCH: 'Search',
   SETTINGS: 'Settings',
   SHOW_ALL: 'Show All',
   SLIDES: 'Slides',
+  TEXT_SETTINGS: 'Text Settings',
   TOGGLE_OFF: 'OFF',
   TOGGLE_ON: 'ON',
   UNLOCK_ITEM: 'Unlock Item',

package/lib/esm/constants/texts.js.map

@@ -1 +1 @@
-{"version":3,"file":"texts.js","sources":["../../../src/constants/texts.js"],"sourcesContent":["/* eslint-disable max-len */\nconst ALL_TEXTS = {\n  ADD_ELEMENT: 'Add Element',\n  ADD_LINK: 'ADD LINK',\n  ADD_NEW_PAGE: 'ADD SLIDE',\n  BACKGROUND_COLOR: 'Background Color',\n  DELETE: 'Delete',\n  DELETE_ITEM: 'Delete Item',\n  DUPLICATE_ITEM: 'Duplicate Item',\n  DUPLICATE_PAGE: 'Duplicate Slide',\n  ELEMENTS: 'Elements',\n  FIT_TO_PAGE: 'Fit to Slide',\n  FIT_TO_SCENE: 'Fit to Screen',\n  GENERAL: 'GENERAL',\n  HEIGHT: 'Height',\n  ITEM_SETTINGS: 'Item Settings',\n  LAYERS: 'Layers',\n  LAYOUT_SETTINGS: 'Layout Settings',\n  LOCK_ITEM: 'Lock Item',\n  MOVE_BACKWARDS: 'Move Backwards',\n  MOVE_FORWARDS: 'Move Forwards',\n  MOVE_PAGE_DOWNWARDS: 'Move Slide Downwards',\n  MOVE_PAGE_UPWARDS: 'Move Slide Upwards',\n  MOVE_TO_BACK: 'Move to Back',\n  MOVE_TO_FRONT: 'Move to Front',\n  NO_ELEMENT_IN_PAGE: 'There is no element on this slide. You can add a new element from side menu.',\n  NO_RESULT: 'No result was found',\n  ORIGINAL_SIZE: 'Original Size',\n  PAGE_SETTINGS: 'Slide Settings',\n  PAGE_STYLE: 'Slide Style',\n  REMOVE_PAGE: 'Remove Slide',\n  SEARCH: 'Search',\n  SETTINGS: 'Settings',\n  SHOW_ALL: 'Show All',\n  SLIDES: 'Slides',\n  TOGGLE_OFF: 'OFF',\n  TOGGLE_ON: 'ON',\n  UNLOCK_ITEM: 'Unlock Item',\n  WIDTH: 'Width',\n  ZOOM_IN: 'Zoom In',\n  ZOOM_OUT: 'Zoom Out',\n};\n\nclass ModuleTexts {\n  constructor(allTexts) {\n    this._texts = allTexts;\n  }\n\n  get Texts() {\n    return this._texts;\n  }\n\n  setTexts(allTexts) {\n    this._texts = allTexts;\n  }\n}\n\nexport const SharingTextsModule = new ModuleTexts(ALL_TEXTS);\nexport default ALL_TEXTS;\n"],"names":["ALL_TEXTS","ADD_ELEMENT","ADD_LINK","ADD_NEW_PAGE","BACKGROUND_COLOR","DELETE","DELETE_ITEM","DUPLICATE_ITEM","DUPLICATE_PAGE","ELEMENTS","FIT_TO_PAGE","FIT_TO_SCENE","GENERAL","HEIGHT","ITEM_SETTINGS","LAYERS","LAYOUT_SETTINGS","LOCK_ITEM","MOVE_BACKWARDS","MOVE_FORWARDS","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","MOVE_TO_BACK","MOVE_TO_FRONT","NO_ELEMENT_IN_PAGE","NO_RESULT","ORIGINAL_SIZE","PAGE_SETTINGS","PAGE_STYLE","REMOVE_PAGE","SEARCH","SETTINGS","SHOW_ALL","SLIDES","TOGGLE_OFF","TOGGLE_ON","UNLOCK_ITEM","WIDTH","ZOOM_IN","ZOOM_OUT","ModuleTexts","allTexts","_texts","SharingTextsModule"],"mappings":";;;;;;AAAA;IACMA,SAAS,GAAG;AAChBC,EAAAA,WAAW,EAAE,aADG;AAEhBC,EAAAA,QAAQ,EAAE,UAFM;AAGhBC,EAAAA,YAAY,EAAE,WAHE;AAIhBC,EAAAA,gBAAgB,EAAE,kBAJF;AAKhBC,EAAAA,MAAM,EAAE,QALQ;AAMhBC,EAAAA,WAAW,EAAE,aANG;AAOhBC,EAAAA,cAAc,EAAE,gBAPA;AAQhBC,EAAAA,cAAc,EAAE,iBARA;AAShBC,EAAAA,QAAQ,EAAE,UATM;AAUhBC,EAAAA,WAAW,EAAE,cAVG;AAWhBC,EAAAA,YAAY,EAAE,eAXE;AAYhBC,EAAAA,OAAO,EAAE,SAZO;AAahBC,EAAAA,MAAM,EAAE,QAbQ;AAchBC,EAAAA,aAAa,EAAE,eAdC;AAehBC,EAAAA,MAAM,EAAE,QAfQ;AAgBhBC,EAAAA,eAAe,EAAE,iBAhBD;AAiBhBC,EAAAA,SAAS,EAAE,WAjBK;AAkBhBC,EAAAA,cAAc,EAAE,gBAlBA;AAmBhBC,EAAAA,aAAa,EAAE,eAnBC;AAoBhBC,EAAAA,mBAAmB,EAAE,sBApBL;AAqBhBC,EAAAA,iBAAiB,EAAE,oBArBH;AAsBhBC,EAAAA,YAAY,EAAE,cAtBE;AAuBhBC,EAAAA,aAAa,EAAE,eAvBC;AAwBhBC,EAAAA,kBAAkB,EAAE,8EAxBJ;AAyBhBC,EAAAA,SAAS,EAAE,qBAzBK;AA0BhBC,EAAAA,aAAa,EAAE,eA1BC;AA2BhBC,EAAAA,aAAa,EAAE,gBA3BC;AA4BhBC,EAAAA,UAAU,EAAE,aA5BI;AA6BhBC,EAAAA,WAAW,EAAE,cA7BG;AA8BhBC,EAAAA,MAAM,EAAE,QA9BQ;AA+BhBC,EAAAA,QAAQ,EAAE,UA/BM;AAgChBC,EAAAA,QAAQ,EAAE,UAhCM;AAiChBC,EAAAA,MAAM,EAAE,QAjCQ;AAkChBC,EAAAA,UAAU,EAAE,KAlCI;AAmChBC,EAAAA,SAAS,EAAE,IAnCK;AAoChBC,EAAAA,WAAW,EAAE,aApCG;AAqChBC,EAAAA,KAAK,EAAE,OArCS;AAsChBC,EAAAA,OAAO,EAAE,SAtCO;AAuChBC,EAAAA,QAAQ,EAAE;AAvCM;;IA0CZC;AACJ,uBAAYC,QAAZ,EAAsB;AAAA;;AACpB,SAAKC,MAAL,GAAcD,QAAd;AACD;;;;SAED,eAAY;AACV,aAAO,KAAKC,MAAZ;AACD;;;WAED,kBAASD,QAAT,EAAmB;AACjB,WAAKC,MAAL,GAAcD,QAAd;AACD;;;;;;IAGUE,kBAAkB,GAAG,IAAIH,WAAJ,CAAgBxC,SAAhB;;;;;"}
+{"version":3,"file":"texts.js","sources":["../../../src/constants/texts.js"],"sourcesContent":["/* eslint-disable max-len */\nconst ALL_TEXTS = {\n  ADD_ELEMENT: 'Add Element',\n  ADD_LINK: 'ADD LINK',\n  ADD_NEW_PAGE: 'ADD SLIDE',\n  BACKGROUND_COLOR: 'Background Color',\n  CHART_ELEMENT: 'Chart Element',\n  CHART_SETTINGS: 'Chart Settings',\n  CLICK_TO_EDIT_HEADER: 'Click to edit header',\n  CLICK_TO_EDIT_TEXT: 'Click to edit text',\n  DELETE: 'Delete',\n  DELETE_ITEM: 'Delete Item',\n  DUPLICATE_ITEM: 'Duplicate Item',\n  DUPLICATE_PAGE: 'Duplicate Slide',\n  ELEMENTS: 'Elements',\n  FIT_TO_PAGE: 'Fit to Slide',\n  FIT_TO_SCENE: 'Fit to Screen',\n  GENERAL: 'GENERAL',\n  GRID_SETTINGS: 'Grid Settings',\n  HEADER_SETTINGS: 'Header Settings',\n  HEIGHT: 'Height',\n  ICON_SETTINGS: 'Icon Settings',\n  IMAGE_SETTINGS: 'Image Settings',\n  ITEM_SETTINGS: 'Item Settings',\n  LAYERS: 'Layers',\n  LAYOUT_SETTINGS: 'Layout Settings',\n  LOCK_ITEM: 'Lock Item',\n  MOVE_BACKWARDS: 'Move Backwards',\n  MOVE_FORWARDS: 'Move Forwards',\n  MOVE_PAGE_DOWNWARDS: 'Move Slide Downwards',\n  MOVE_PAGE_UPWARDS: 'Move Slide Upwards',\n  MOVE_TO_BACK: 'Move to Back',\n  MOVE_TO_FRONT: 'Move to Front',\n  NO_ELEMENT_IN_PAGE: 'There is no element on this slide. You can add a new element from side menu.',\n  NO_RESULT: 'No result was found',\n  ORIGINAL_SIZE: 'Original Size',\n  PAGE_ELEMENT: 'Page Element',\n  PAGE_SETTINGS: 'Slide Settings',\n  PAGE_STYLE: 'Slide Style',\n  RECTANGLE: 'Rectangle',\n  REMOVE_PAGE: 'Remove Slide',\n  SEARCH: 'Search',\n  SETTINGS: 'Settings',\n  SHOW_ALL: 'Show All',\n  SLIDES: 'Slides',\n  TEXT_SETTINGS: 'Text Settings',\n  TOGGLE_OFF: 'OFF',\n  TOGGLE_ON: 'ON',\n  UNLOCK_ITEM: 'Unlock Item',\n  WIDTH: 'Width',\n  ZOOM_IN: 'Zoom In',\n  ZOOM_OUT: 'Zoom Out',\n};\n\nclass ModuleTexts {\n  constructor(allTexts) {\n    this._texts = allTexts;\n  }\n\n  get Texts() {\n    return this._texts;\n  }\n\n  setTexts(allTexts) {\n    this._texts = allTexts;\n  }\n}\n\nexport const SharingTextsModule = new ModuleTexts(ALL_TEXTS);\nexport default ALL_TEXTS;\n"],"names":["ALL_TEXTS","ADD_ELEMENT","ADD_LINK","ADD_NEW_PAGE","BACKGROUND_COLOR","CHART_ELEMENT","CHART_SETTINGS","CLICK_TO_EDIT_HEADER","CLICK_TO_EDIT_TEXT","DELETE","DELETE_ITEM","DUPLICATE_ITEM","DUPLICATE_PAGE","ELEMENTS","FIT_TO_PAGE","FIT_TO_SCENE","GENERAL","GRID_SETTINGS","HEADER_SETTINGS","HEIGHT","ICON_SETTINGS","IMAGE_SETTINGS","ITEM_SETTINGS","LAYERS","LAYOUT_SETTINGS","LOCK_ITEM","MOVE_BACKWARDS","MOVE_FORWARDS","MOVE_PAGE_DOWNWARDS","MOVE_PAGE_UPWARDS","MOVE_TO_BACK","MOVE_TO_FRONT","NO_ELEMENT_IN_PAGE","NO_RESULT","ORIGINAL_SIZE","PAGE_ELEMENT","PAGE_SETTINGS","PAGE_STYLE","RECTANGLE","REMOVE_PAGE","SEARCH","SETTINGS","SHOW_ALL","SLIDES","TEXT_SETTINGS","TOGGLE_OFF","TOGGLE_ON","UNLOCK_ITEM","WIDTH","ZOOM_IN","ZOOM_OUT","ModuleTexts","allTexts","_texts","SharingTextsModule"],"mappings":";;;;;;AAAA;IACMA,SAAS,GAAG;AAChBC,EAAAA,WAAW,EAAE,aADG;AAEhBC,EAAAA,QAAQ,EAAE,UAFM;AAGhBC,EAAAA,YAAY,EAAE,WAHE;AAIhBC,EAAAA,gBAAgB,EAAE,kBAJF;AAKhBC,EAAAA,aAAa,EAAE,eALC;AAMhBC,EAAAA,cAAc,EAAE,gBANA;AAOhBC,EAAAA,oBAAoB,EAAE,sBAPN;AAQhBC,EAAAA,kBAAkB,EAAE,oBARJ;AAShBC,EAAAA,MAAM,EAAE,QATQ;AAUhBC,EAAAA,WAAW,EAAE,aAVG;AAWhBC,EAAAA,cAAc,EAAE,gBAXA;AAYhBC,EAAAA,cAAc,EAAE,iBAZA;AAahBC,EAAAA,QAAQ,EAAE,UAbM;AAchBC,EAAAA,WAAW,EAAE,cAdG;AAehBC,EAAAA,YAAY,EAAE,eAfE;AAgBhBC,EAAAA,OAAO,EAAE,SAhBO;AAiBhBC,EAAAA,aAAa,EAAE,eAjBC;AAkBhBC,EAAAA,eAAe,EAAE,iBAlBD;AAmBhBC,EAAAA,MAAM,EAAE,QAnBQ;AAoBhBC,EAAAA,aAAa,EAAE,eApBC;AAqBhBC,EAAAA,cAAc,EAAE,gBArBA;AAsBhBC,EAAAA,aAAa,EAAE,eAtBC;AAuBhBC,EAAAA,MAAM,EAAE,QAvBQ;AAwBhBC,EAAAA,eAAe,EAAE,iBAxBD;AAyBhBC,EAAAA,SAAS,EAAE,WAzBK;AA0BhBC,EAAAA,cAAc,EAAE,gBA1BA;AA2BhBC,EAAAA,aAAa,EAAE,eA3BC;AA4BhBC,EAAAA,mBAAmB,EAAE,sBA5BL;AA6BhBC,EAAAA,iBAAiB,EAAE,oBA7BH;AA8BhBC,EAAAA,YAAY,EAAE,cA9BE;AA+BhBC,EAAAA,aAAa,EAAE,eA/BC;AAgChBC,EAAAA,kBAAkB,EAAE,8EAhCJ;AAiChBC,EAAAA,SAAS,EAAE,qBAjCK;AAkChBC,EAAAA,aAAa,EAAE,eAlCC;AAmChBC,EAAAA,YAAY,EAAE,cAnCE;AAoChBC,EAAAA,aAAa,EAAE,gBApCC;AAqChBC,EAAAA,UAAU,EAAE,aArCI;AAsChBC,EAAAA,SAAS,EAAE,WAtCK;AAuChBC,EAAAA,WAAW,EAAE,cAvCG;AAwChBC,EAAAA,MAAM,EAAE,QAxCQ;AAyChBC,EAAAA,QAAQ,EAAE,UAzCM;AA0ChBC,EAAAA,QAAQ,EAAE,UA1CM;AA2ChBC,EAAAA,MAAM,EAAE,QA3CQ;AA4ChBC,EAAAA,aAAa,EAAE,eA5CC;AA6ChBC,EAAAA,UAAU,EAAE,KA7CI;AA8ChBC,EAAAA,SAAS,EAAE,IA9CK;AA+ChBC,EAAAA,WAAW,EAAE,aA/CG;AAgDhBC,EAAAA,KAAK,EAAE,OAhDS;AAiDhBC,EAAAA,OAAO,EAAE,SAjDO;AAkDhBC,EAAAA,QAAQ,EAAE;AAlDM;;IAqDZC;AACJ,uBAAYC,QAAZ,EAAsB;AAAA;;AACpB,SAAKC,MAAL,GAAcD,QAAd;AACD;;;;SAED,eAAY;AACV,aAAO,KAAKC,MAAZ;AACD;;;WAED,kBAASD,QAAT,EAAmB;AACjB,WAAKC,MAAL,GAAcD,QAAd;AACD;;;;;;IAGUE,kBAAkB,GAAG,IAAIH,WAAJ,CAAgBnD,SAAhB;;;;;"}

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