npm - @jotforminc/dnd-builder - Versions diffs - 3.5.4 → 3.6.0 - Mend

@jotforminc/dnd-builder 3.5.4 → 3.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (153) hide show

package/lib/cjs/components/ReportWrapper.js CHANGED Viewed

@@ -24,9 +24,6 @@ var ReportWrapper = function ReportWrapper(_ref) {
   var theme = PropContext.usePropStore(function (state) {
     return state.theme;
   });
-  var isAllSlidesPanelOpen = BuilderContext.useBuilderStore(function (state) {
-    return state.isAllSlidesPanelOpen;
-  });
   var isLeftPanelOpen = BuilderContext.useBuilderStore(function (state) {
     return state.isLeftPanelOpen;
   });
@@ -36,10 +33,13 @@ var ReportWrapper = function ReportWrapper(_ref) {
   var isSlidesPanelOpen = BuilderContext.useBuilderStore(function (state) {
     return state.isSlidesPanelOpen;
   });
+  var isSlidesNavigatorOpen = BuilderContext.useBuilderStore(function (state) {
+    return state.isSlidesNavigatorOpen;
+  });
   var wrapperClass = classNames__default['default']('jfReport', 'f-height', 'd-flex', getModeClass(mode), theme, {
-    allSlidesPaneIsActive: isAllSlidesPanelOpen,
     leftPaneIsActive: isLeftPanelOpen,
     rightPaneIsActive: isRightPanelOpen || isSlidesPanelOpen,
+    slidesNavigatorIsActive: isSlidesNavigatorOpen,
     slidesPaneIsActive: isSlidesPanelOpen
   });
   return /*#__PURE__*/jsxRuntime.jsx("div", {

package/lib/cjs/components/ReportWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReportWrapper.js","sources":["../../../src/components/ReportWrapper.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderStore } from '../contexts/BuilderContext';\nimport { usePropStore } from '../contexts/PropContext';\n\nconst getModeClass = mode => `${mode}Mode`;\n\nconst ReportWrapper = ({\n children = null,\n mode = '',\n}) => {\n const theme = usePropStore(state => state.theme);\n\n const ~~isAllSlidesPanelOpen~~ = useBuilderStore(state => state.~~isAllSlidesPanelOpen~~);\n const ~~isLeftPanelOpen~~ = useBuilderStore(state => state.~~isLeftPanelOpen~~);\n const ~~isRightPanelOpen~~ = useBuilderStore(state => state.~~isRightPanelOpen~~);\n const ~~isSlidesPanelOpen~~ = useBuilderStore(state => state.~~isSlidesPanelOpen~~);\n\n const wrapperClass = classNames(\n 'jfReport',\n 'f-height',\n 'd-flex',\n getModeClass(mode),\n theme,\n {\n ~~allSlidesPaneIsActive: isAllSlidesPanelOpen,\n~~ leftPaneIsActive: isLeftPanelOpen,\n rightPaneIsActive: isRightPanelOpen \|\| isSlidesPanelOpen,\n slidesPaneIsActive: isSlidesPanelOpen,\n },\n );\n return (\n <div\n className={wrapperClass}\n >\n {children}\n </div>\n );\n};\n\nReportWrapper.propTypes = {\n children: PropTypes.node,\n mode: PropTypes.string,\n};\n\nexport default memo(ReportWrapper);\n"],"names":["getModeClass","mode","ReportWrapper","children","theme","usePropStore","state","~~isAllSlidesPanelOpen~~","useBuilderStore","~~isLeftPanelOpen~~","~~isRightPanelOpen~~","~~isSlidesPanelOpen~~","wrapperClass","classNames","~~allSlidesPaneIsActive~~","~~leftPaneIsActive~~","~~rightPaneIsActive~~","slidesPaneIsActive","_jsx","propTypes","PropTypes","node","string","memo"],"mappings":";;;;;;;;;;;;;;AAMA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAAAC,IAAI;AAAA,mBAAOA,IAAP;AAAA,CAAzB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAGhB;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,IAEP;AAAA,uBADJF,IACI;AAAA,MADJA,IACI,0BADG,EACH;AACJ,MAAMG,KAAK,GAAGC,wBAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,KAAV;AAAA,GAAN,CAA1B;AAEA,MAAMG,~~oBAAoB~~,GAAGC,8BAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACC,~~oBAAV~~;AAAA,GAAN,~~CAA5C~~;AACA,MAAME,~~eAAe~~,GAAGD,8BAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACG,~~eAAV~~;AAAA,GAAN,~~CAAvC~~;AACA,MAAMC,~~gBAAgB~~,GAAGF,8BAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACI,~~gBAAV~~;AAAA,GAAN,~~CAAxC~~;AACA,MAAMC,~~iBAAiB~~,GAAGH,8BAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACK,~~iBAAV~~;AAAA,GAAN,~~CAAzC~~;AAEA,MAAMC,YAAY,GAAGC,8BAAU,CAC7B,UAD6B,EAE7B,UAF6B,EAG7B,QAH6B,EAI7Bb,YAAY,CAACC,IAAD,CAJiB,EAK7BG,KAL6B,EAM7B;AACEU,IAAAA,~~qBAAqB~~,EAAEP,~~oBADzB~~;AAEEQ,IAAAA,~~gBAAgB~~,EAAEN,~~eAFpB~~;~~AAGEO~~,IAAAA,~~iBAAiB~~,~~EAAEN~~,~~gBAAgB,IAAIC,iBAHzC~~;AAIEM,IAAAA,kBAAkB,~~EAAEN~~;AAJtB,GAN6B,CAA/B;AAaA,~~sBACEO~~;AACE,IAAA,SAAS,EAAEN,YADb;AAAA,cAGGT;AAHH,IADF;AAOD,CA/BD;;AAiCAD,aAAa,CAACiB,SAAd,GAA0B;AACxBhB,EAAAA,QAAQ,EAAEiB,6BAAS,CAACC,IADI;AAExBpB,EAAAA,IAAI,EAAEmB,6BAAS,CAACE;AAFQ,CAA1B;AAKA,mCAAeC,UAAI,CAACrB,aAAD,CAAnB;;;;"}
1	+ {"version":3,"file":"ReportWrapper.js","sources":["../../../src/components/ReportWrapper.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useBuilderStore } from '../contexts/BuilderContext';\nimport { usePropStore } from '../contexts/PropContext';\n\nconst getModeClass = mode => `${mode}Mode`;\n\nconst ReportWrapper = ({\n children = null,\n mode = '',\n}) => {\n const theme = usePropStore(state => state.theme);\n\n const isLeftPanelOpen = useBuilderStore(state => state.isLeftPanelOpen);\n const isRightPanelOpen = useBuilderStore(state => state.isRightPanelOpen);\n const isSlidesPanelOpen = useBuilderStore(state => state.isSlidesPanelOpen);\n const isSlidesNavigatorOpen = useBuilderStore(state => state.isSlidesNavigatorOpen);\n\n const wrapperClass = classNames(\n 'jfReport',\n 'f-height',\n 'd-flex',\n getModeClass(mode),\n theme,\n {\n leftPaneIsActive: isLeftPanelOpen,\n rightPaneIsActive: isRightPanelOpen \|\| isSlidesPanelOpen,\n slidesNavigatorIsActive: isSlidesNavigatorOpen,\n slidesPaneIsActive: isSlidesPanelOpen,\n },\n );\n return (\n <div\n className={wrapperClass}\n >\n {children}\n </div>\n );\n};\n\nReportWrapper.propTypes = {\n children: PropTypes.node,\n mode: PropTypes.string,\n};\n\nexport default memo(ReportWrapper);\n"],"names":["getModeClass","mode","ReportWrapper","children","theme","usePropStore","state","isLeftPanelOpen","useBuilderStore","isRightPanelOpen","isSlidesPanelOpen","isSlidesNavigatorOpen","wrapperClass","classNames","leftPaneIsActive","rightPaneIsActive","slidesNavigatorIsActive","slidesPaneIsActive","_jsx","propTypes","PropTypes","node","string","memo"],"mappings":";;;;;;;;;;;;;;AAMA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAAAC,IAAI;AAAA,mBAAOA,IAAP;AAAA,CAAzB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAGhB;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,IAEP;AAAA,uBADJF,IACI;AAAA,MADJA,IACI,0BADG,EACH;AACJ,MAAMG,KAAK,GAAGC,wBAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,KAAV;AAAA,GAAN,CAA1B;AAEA,MAAMG,eAAe,GAAGC,8BAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACC,eAAV;AAAA,GAAN,CAAvC;AACA,MAAME,gBAAgB,GAAGD,8BAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACG,gBAAV;AAAA,GAAN,CAAxC;AACA,MAAMC,iBAAiB,GAAGF,8BAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACI,iBAAV;AAAA,GAAN,CAAzC;AACA,MAAMC,qBAAqB,GAAGH,8BAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACK,qBAAV;AAAA,GAAN,CAA7C;AAEA,MAAMC,YAAY,GAAGC,8BAAU,CAC7B,UAD6B,EAE7B,UAF6B,EAG7B,QAH6B,EAI7Bb,YAAY,CAACC,IAAD,CAJiB,EAK7BG,KAL6B,EAM7B;AACEU,IAAAA,gBAAgB,EAAEP,eADpB;AAEEQ,IAAAA,iBAAiB,EAAEN,gBAAgB,IAAIC,iBAFzC;AAGEM,IAAAA,uBAAuB,EAAEL,qBAH3B;AAIEM,IAAAA,kBAAkB,EAAEP;AAJtB,GAN6B,CAA/B;AAaA,sBACEQ;AACE,IAAA,SAAS,EAAEN,YADb;AAAA,cAGGT;AAHH,IADF;AAOD,CA/BD;;AAiCAD,aAAa,CAACiB,SAAd,GAA0B;AACxBhB,EAAAA,QAAQ,EAAEiB,6BAAS,CAACC,IADI;AAExBpB,EAAAA,IAAI,EAAEmB,6BAAS,CAACE;AAFQ,CAA1B;AAKA,mCAAeC,UAAI,CAACrB,aAAD,CAAnB;;;;"}

package/lib/cjs/constants/panel.js ADDED Viewed

@@ -0,0 +1,11 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var SLIDES_LIST_TYPE_MAP = {
+  NAVIGATOR: 'NAVIGATOR',
+  PANEL: 'PANEL'
+};
+exports.SLIDES_LIST_TYPE_MAP = SLIDES_LIST_TYPE_MAP;
+//# sourceMappingURL=panel.js.map

package/lib/cjs/constants/panel.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"panel.js","sources":["../../../src/constants/panel.js"],"sourcesContent":["export const SLIDES_LIST_TYPE_MAP = {\n NAVIGATOR: 'NAVIGATOR',\n PANEL: 'PANEL',\n};\n"],"names":["SLIDES_LIST_TYPE_MAP","NAVIGATOR","PANEL"],"mappings":";;;;IAAaA,oBAAoB,GAAG;AAClCC,EAAAA,SAAS,EAAE,WADuB;AAElCC,EAAAA,KAAK,EAAE;AAF2B;;;;"}

package/lib/cjs/constants/texts.js CHANGED Viewed

@@ -12,7 +12,9 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 var ALL_TEXTS = {
   ADD_ELEMENT: 'Add Element',
   ADD_LINK: 'ADD LINK',
-  ADD_NEW_PAGE: 'ADD SLIDE',
+  ADD_NEW_PAGE: 'Add New Slide',
+  ADD_NEW_SLIDE: 'Add new slide',
+  ADD_SLIDE: 'Add Slide',
   BACKGROUND_COLOR: 'Background Color',
   CHART_ELEMENT: 'Chart Element',
   CHART_SETTINGS: 'Chart Settings',
@@ -20,8 +22,10 @@ var ALL_TEXTS = {
   CLICK_TO_EDIT_TEXT: 'Click to edit text',
   DELETE: 'Delete',
   DELETE_ITEM: 'Delete Item',
+  DELETE_SLIDE: 'Delete slide',
   DUPLICATE_ITEM: 'Duplicate Item',
   DUPLICATE_PAGE: 'Duplicate Slide',
+  DUPLICATE_SLIDE: 'Duplicate slide',
   ELEMENTS: 'Elements',
   ERROR_BOUNDARY_DESCRIPTION: 'We\'ve been notified of the issue and aim to fix it shortly. Please try again later.',
   ERROR_BOUNDARY_ITEM_DESCRIPTION: 'Please try removing and re-adding the item.',
@@ -58,6 +62,7 @@ var ALL_TEXTS = {
   SHAPES_SETTINGS: 'Shape Settings',
   SHOW_ALL: 'Show All',
   SLIDES: 'Slides',
+  SLIDES_NAVIGATOR_TOGGLE: 'Slides Navigator Toggle',
   TEXT_SETTINGS: 'Text Settings',
   TOGGLE_OFF: 'OFF',
   TOGGLE_ON: 'ON',

package/lib/cjs/constants/texts.js.map CHANGED Viewed

	@@ -1 +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 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 ERROR_BOUNDARY_DESCRIPTION: 'We\\'ve been notified of the issue and aim to fix it shortly. Please try again later.',\n ERROR_BOUNDARY_ITEM_DESCRIPTION: 'Please try removing and re-adding the item.',\n ERROR_BOUNDARY_PAGE_DESCRIPTION: 'An unexpected error occurred on this page.',\n ERROR_BOUNDARY_TITLE: 'Something went wrong!.',\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 SHAPES_SETTINGS: 'Shape 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 VIEW_ERROR_DETAILS: 'View Details',\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","ERROR_BOUNDARY_DESCRIPTION","ERROR_BOUNDARY_ITEM_DESCRIPTION","ERROR_BOUNDARY_PAGE_DESCRIPTION","ERROR_BOUNDARY_TITLE","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","SHAPES_SETTINGS","SHOW_ALL","SLIDES","TEXT_SETTINGS","TOGGLE_OFF","TOGGLE_ON","UNLOCK_ITEM","VIEW_ERROR_DETAILS","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,~~0BAA0B~~,EAAE,~~sFAdZ~~;AAehBC,EAAAA~~,+BAA+B~~,EAAE,~~6CAfjB~~;AAgBhBC,EAAAA~~,+BAA+B~~,EAAE,~~4CAhBjB~~;AAiBhBC,EAAAA,~~oBAAoB~~,EAAE,~~wBAjBN~~;AAkBhBC,EAAAA,~~WAAW~~,EAAE,~~cAlBG~~;AAmBhBC,EAAAA,~~YAAY,~~EAAE,~~eAnBE~~;AAoBhBC,EAAAA,~~OAAO,~~EAAE,~~SApBO~~;AAqBhBC,EAAAA,~~aAAa~~,EAAE,~~eArBC~~;AAsBhBC,EAAAA,~~eAAe~~,EAAE,~~iBAtBD~~;AAuBhBC,EAAAA,~~MAAM~~,EAAE,~~QAvBQ~~;AAwBhBC,EAAAA,~~aAAa~~,EAAE,~~eAxBC~~;AAyBhBC,EAAAA,~~cAAc~~,EAAE,~~gBAzBA~~;AA0BhBC,EAAAA,~~aAAa~~,EAAE,~~eA1BC~~;AA2BhBC,EAAAA,MAAM,EAAE,QA3BQ;AA4BhBC,EAAAA,~~eAAe~~,EAAE,~~iBA5BD~~;AA6BhBC,EAAAA,~~SAAS~~,EAAE,~~WA7BK~~;AA8BhBC,EAAAA,~~cAAc~~,EAAE,~~gBA9BA~~;AA+BhBC,EAAAA,~~aAAa~~,EAAE,eA/BC;AAgChBC,EAAAA,~~mBAAmB~~,EAAE,~~sBAhCL~~;AAiChBC,EAAAA,~~iBAAiB~~,EAAE,~~oBAjCH~~;AAkChBC,EAAAA,~~YAAY~~,EAAE,~~cAlCE~~;AAmChBC,EAAAA,aAAa,EAAE,eAnCC;AAoChBC,EAAAA,~~kBAAkB~~,EAAE,~~8EApCJ~~;AAqChBC,EAAAA,~~SAAS~~,EAAE,~~qBArCK~~;AAsChBC,EAAAA,~~aAAa~~,EAAE,~~eAtCC~~;AAuChBC,EAAAA,~~YAAY~~,EAAE,~~cAvCE~~;AAwChBC,EAAAA,~~aAAa~~,EAAE,~~gBAxCC~~;AAyChBC,EAAAA,~~UAAU~~,EAAE,~~aAzCI~~;AA0ChBC,EAAAA,~~SAAS~~,EAAE,~~WA1CK~~;AA2ChBC,EAAAA,~~WAAW~~,EAAE,~~cA3CG~~;AA4ChBC,EAAAA,~~MAAM~~,EAAE,~~QA5CQ~~;AA6ChBC,EAAAA,~~QAAQ~~,EAAE,~~UA7CM~~;AA8ChBC,EAAAA,~~eAAe~~,EAAE,~~gBA9CD~~;AA+ChBC,EAAAA,~~QAAQ~~,EAAE,UA/CM;AAgDhBC,EAAAA,MAAM,EAAE,QAhDQ;AAiDhBC,EAAAA,~~aAAa~~,EAAE,~~eAjDC~~;AAkDhBC,EAAAA,~~UAAU~~,EAAE,~~KAlDI~~;AAmDhBC,EAAAA,~~SAAS~~,EAAE,~~IAnDK~~;AAoDhBC,EAAAA,~~WAAW~~,EAAE,~~aApDG~~;AAqDhBC,EAAAA,~~kBAAkB~~,EAAE,~~cArDJ~~;AAsDhBC,EAAAA,~~KAAK~~,EAAE,~~OAtDS~~;AAuDhBC,EAAAA,~~OAAO~~,EAAE,~~SAvDO~~;AAwDhBC,EAAAA,QAAQ,EAAE;~~AAxDM~~;;~~IA2DZC~~;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,~~CAAgBzD~~,SAAhB;;;;;"}
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 New Slide',\n ADD_NEW_SLIDE: 'Add new slide',\n ADD_SLIDE: '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 DELETE_SLIDE: 'Delete slide',\n DUPLICATE_ITEM: 'Duplicate Item',\n DUPLICATE_PAGE: 'Duplicate Slide',\n DUPLICATE_SLIDE: 'Duplicate slide',\n ELEMENTS: 'Elements',\n ERROR_BOUNDARY_DESCRIPTION: 'We\\'ve been notified of the issue and aim to fix it shortly. Please try again later.',\n ERROR_BOUNDARY_ITEM_DESCRIPTION: 'Please try removing and re-adding the item.',\n ERROR_BOUNDARY_PAGE_DESCRIPTION: 'An unexpected error occurred on this page.',\n ERROR_BOUNDARY_TITLE: 'Something went wrong!.',\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 SHAPES_SETTINGS: 'Shape Settings',\n SHOW_ALL: 'Show All',\n SLIDES: 'Slides',\n SLIDES_NAVIGATOR_TOGGLE: 'Slides Navigator Toggle',\n TEXT_SETTINGS: 'Text Settings',\n TOGGLE_OFF: 'OFF',\n TOGGLE_ON: 'ON',\n UNLOCK_ITEM: 'Unlock Item',\n VIEW_ERROR_DETAILS: 'View Details',\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","ADD_NEW_SLIDE","ADD_SLIDE","BACKGROUND_COLOR","CHART_ELEMENT","CHART_SETTINGS","CLICK_TO_EDIT_HEADER","CLICK_TO_EDIT_TEXT","DELETE","DELETE_ITEM","DELETE_SLIDE","DUPLICATE_ITEM","DUPLICATE_PAGE","DUPLICATE_SLIDE","ELEMENTS","ERROR_BOUNDARY_DESCRIPTION","ERROR_BOUNDARY_ITEM_DESCRIPTION","ERROR_BOUNDARY_PAGE_DESCRIPTION","ERROR_BOUNDARY_TITLE","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","SHAPES_SETTINGS","SHOW_ALL","SLIDES","SLIDES_NAVIGATOR_TOGGLE","TEXT_SETTINGS","TOGGLE_OFF","TOGGLE_ON","UNLOCK_ITEM","VIEW_ERROR_DETAILS","WIDTH","ZOOM_IN","ZOOM_OUT","ModuleTexts","allTexts","_texts","SharingTextsModule"],"mappings":"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"}

package/lib/cjs/contexts/BuilderContext.js CHANGED Viewed

@@ -6,6 +6,7 @@ require('core-js/modules/es.array.concat.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var zustand = require('zustand');
+var panel = require('../constants/panel.js');
 var jsxRuntime = require('react/jsx-runtime');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -50,10 +51,10 @@ var builderStore = function builderStore(props) {
       contextMenuProps: props.contextMenuProps || false,
       editedElement: props.editedElement || 'l_layout',
       guides: {},
-      isAllSlidesPanelOpen: props.isAllSlidesPanelOpen || false,
       isLeftPanelOpen: props.isLeftPanelOpen || false,
       isResize: false,
       isRightPanelOpen: props.isRightPanelOpen || false,
+      isSlidesNavigatorOpen: props.isSlidesNavigatorOpen || false,
       isSlidesPanelOpen: props.isSlidesPanelOpen || false,
       isTextEditorOpen: props.isTextEditorOpen || false,
       lastScrollPosition: props.lastScrollPosition || 0,
@@ -118,11 +119,6 @@ var builderStore = function builderStore(props) {
           guides: guides
         });
       },
-      setIsAllSlidesPanelOpen: function setIsAllSlidesPanelOpen(status) {
-        set({
-          isAllSlidesPanelOpen: status
-        });
-      },
       setIsLeftPanelOpen: props.setIsLeftPanelOpen || function (status) {
         var _get3 = get(),
             isEnoughCanvasSize = _get3.isEnoughCanvasSize;
@@ -152,6 +148,11 @@ var builderStore = function builderStore(props) {
         }));
         onRightPanelsToggled(status);
       },
+      setIsSlidesNavigatorOpen: function setIsSlidesNavigatorOpen(status) {
+        set({
+          isSlidesNavigatorOpen: status
+        });
+      },
       setIsSlidesPanelOpen: props.setIsSlidesPanelOpen || function (status) {
         var _get5 = get(),
             isEnoughCanvasSize = _get5.isEnoughCanvasSize,
@@ -176,6 +177,11 @@ var builderStore = function builderStore(props) {
           matches: matches
         });
       },
+      setVisiblePageOrder: function setVisiblePageOrder(visiblePageOrder) {
+        set({
+          visiblePageOrder: visiblePageOrder
+        });
+      },
       setZoom: function setZoom(zoom, layoutWidth) {
         set({
           zoom: zoom
@@ -200,7 +206,9 @@ var builderStore = function builderStore(props) {
         }
       },
       shouldShowRightPanelInitially: (_props$shouldShowRigh = props.shouldShowRightPanelInitially) !== null && _props$shouldShowRigh !== void 0 ? _props$shouldShowRigh : true,
-      zoom: 1
+      slidesListType: props.slidesListType || panel.SLIDES_LIST_TYPE_MAP.PANEL,
+      visiblePageOrder: 1,
+      zoom: 0.8
     };
   });
 };

package/lib/cjs/contexts/BuilderContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BuilderContext.js","sources":["../../../src/contexts/BuilderContext.js"],"sourcesContent":["/* eslint-disable complexity /\nimport { 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 activeElements: props.activeElement \|\| [],\n activeTab: props.activeTab \|\| { left: 0, right: 0 },\n clickOutsideIgnoreSelectors: props.clickOutsideIgnoreSelectors \|\| [],\n contextMenuProps: props.contextMenuProps \|\| false,\n editedElement: props.editedElement \|\| 'l_layout',\n guides: {},\n isAllSlidesPanelOpen: props.isAllSlidesPanelOpen \|\| false,\n isLeftPanelOpen: props.isLeftPanelOpen \|\| false,\n isResize: false,\n isRightPanelOpen: props.isRightPanelOpen \|\| false,\n isSlidesPanelOpen: props.isSlidesPanelOpen \|\| false,\n isTextEditorOpen: props.isTextEditorOpen \|\| false,\n lastScrollPosition: props.lastScrollPosition \|\| 0,\n matches: {},\n onRightPanelsToggled: props.onRightPanelsToggled \|\| (() => {}),\n resetActiveElements: props.resetActiveElements \|\| (() => {\n set({ activeElements: [], editedElement: 'l_layout' });\n }),\n setActiveElements: props.setActiveElements \|\| ((itemID, edit = true, replace = true) => {\n const { activeElements } = get();\n set({\n activeElements: replace ? [itemID] : [...activeElements, itemID],\n ...edit ? { editedElement: !itemID ? 'l_layout' : `i_${itemID}` } : {},\n });\n }),\n setActiveElementsSelection: props.setActiveElementsSelection \|\| (itemIDs => {\n if (!itemIDs \|\| itemIDs.length === 0) {\n set({ activeElements: [], editedElement: 'l_layout' });\n } else if (itemIDs.length === 1) {\n set({\n activeElements: itemIDs,\n editedElement: `i_${itemIDs[0]}`,\n });\n } else {\n set({ activeElements: itemIDs });\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 setGuides: guides => {\n set({ guides });\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 setIsResize: status => {\n set({ isResize: status });\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 setMatches: matches => {\n set({ matches });\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 shouldShowRightPanelInitially: props.shouldShowRightPanelInitially ?? true,\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","activeElements","activeElement","activeTab","left","right","clickOutsideIgnoreSelectors","contextMenuProps","editedElement","guides","isAllSlidesPanelOpen","isLeftPanelOpen","isResize","isRightPanelOpen","isSlidesPanelOpen","isTextEditorOpen","lastScrollPosition","matches","onRightPanelsToggled","resetActiveElements","setActiveElements","itemID","edit","replace","setActiveElementsSelection","itemIDs","length","setActiveTab","panel","tabIndex","setContextMenuProps","status","setEditedElement","id","setGuides","setIsAllSlidesPanelOpen","setIsLeftPanelOpen","isEnoughCanvasSize","setIsResize","setIsRightPanelOpen","setIsSlidesPanelOpen","setIsTextEditorOpen","setMatches","setZoom","zoom","layoutWidth","document","querySelector","paneWidth","clientWidth","sceneWidth","parseInt","window","innerWidth","shouldShowRightPanelInitially","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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"}
1	+ {"version":3,"file":"BuilderContext.js","sources":["../../../src/contexts/BuilderContext.js"],"sourcesContent":["/* eslint-disable complexity /\nimport { createContext, useContext, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { createStore, useStore } from 'zustand';\nimport { SLIDES_LIST_TYPE_MAP } from '../constants/panel';\n\nconst builderStore = props => {\n return createStore((set, get) => ({\n activeElements: props.activeElement \|\| [],\n activeTab: props.activeTab \|\| { left: 0, right: 0 },\n clickOutsideIgnoreSelectors: props.clickOutsideIgnoreSelectors \|\| [],\n contextMenuProps: props.contextMenuProps \|\| false,\n editedElement: props.editedElement \|\| 'l_layout',\n guides: {},\n isLeftPanelOpen: props.isLeftPanelOpen \|\| false,\n isResize: false,\n isRightPanelOpen: props.isRightPanelOpen \|\| false,\n isSlidesNavigatorOpen: props.isSlidesNavigatorOpen \|\| false,\n isSlidesPanelOpen: props.isSlidesPanelOpen \|\| false,\n isTextEditorOpen: props.isTextEditorOpen \|\| false,\n lastScrollPosition: props.lastScrollPosition \|\| 0,\n matches: {},\n onRightPanelsToggled: props.onRightPanelsToggled \|\| (() => {}),\n resetActiveElements: props.resetActiveElements \|\| (() => {\n set({ activeElements: [], editedElement: 'l_layout' });\n }),\n setActiveElements: props.setActiveElements \|\| ((itemID, edit = true, replace = true) => {\n const { activeElements } = get();\n set({\n activeElements: replace ? [itemID] : [...activeElements, itemID],\n ...edit ? { editedElement: !itemID ? 'l_layout' : `i_${itemID}` } : {},\n });\n }),\n setActiveElementsSelection: props.setActiveElementsSelection \|\| (itemIDs => {\n if (!itemIDs \|\| itemIDs.length === 0) {\n set({ activeElements: [], editedElement: 'l_layout' });\n } else if (itemIDs.length === 1) {\n set({\n activeElements: itemIDs,\n editedElement: `i_${itemIDs[0]}`,\n });\n } else {\n set({ activeElements: itemIDs });\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 setGuides: guides => {\n set({ guides });\n },\n setIsLeftPanelOpen: props.setIsLeftPanelOpen \|\| (status => {\n const { isEnoughCanvasSize } = get();\n set({\n isLeftPanelOpen: status,\n ...status && !isEnoughCanvasSize && { isRightPanelOpen: false },\n });\n }),\n setIsResize: status => {\n set({ isResize: status });\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 setIsSlidesNavigatorOpen: status => {\n set({ isSlidesNavigatorOpen: 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 setMatches: matches => {\n set({ matches });\n },\n setVisiblePageOrder: visiblePageOrder => {\n set({ visiblePageOrder });\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 shouldShowRightPanelInitially: props.shouldShowRightPanelInitially ?? true,\n slidesListType: props.slidesListType \|\| SLIDES_LIST_TYPE_MAP.PANEL,\n visiblePageOrder: 1,\n zoom: 0.8,\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","activeElements","activeElement","activeTab","left","right","clickOutsideIgnoreSelectors","contextMenuProps","editedElement","guides","isLeftPanelOpen","isResize","isRightPanelOpen","isSlidesNavigatorOpen","isSlidesPanelOpen","isTextEditorOpen","lastScrollPosition","matches","onRightPanelsToggled","resetActiveElements","setActiveElements","itemID","edit","replace","setActiveElementsSelection","itemIDs","length","setActiveTab","panel","tabIndex","setContextMenuProps","status","setEditedElement","id","setGuides","setIsLeftPanelOpen","isEnoughCanvasSize","setIsResize","setIsRightPanelOpen","setIsSlidesNavigatorOpen","setIsSlidesPanelOpen","setIsTextEditorOpen","setMatches","setVisiblePageOrder","visiblePageOrder","setZoom","zoom","layoutWidth","document","querySelector","paneWidth","clientWidth","sceneWidth","parseInt","window","innerWidth","shouldShowRightPanelInitially","slidesListType","SLIDES_LIST_TYPE_MAP","PANEL","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/cjs/contexts/Providers.js CHANGED Viewed

@@ -1,16 +1,18 @@
 'use strict';
+require('core-js/modules/es.object.values.js');
 var PropTypes = require('prop-types');
 var BuilderContext = require('./BuilderContext.js');
 var PresentationContext = require('./PresentationContext.js');
 var PropContext = require('./PropContext.js');
+var panel = require('../constants/panel.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", "clickOutsideIgnoreSelectors", "lastScrollPosition", "mode", "onRightPanelsToggled", "presentationBarActions", "shouldShowRightPanelInitially", "useFixedPresentationBar"];
+var _excluded = ["children", "clickOutsideIgnoreSelectors", "lastScrollPosition", "mode", "onRightPanelsToggled", "presentationBarActions", "shouldShowRightPanelInitially", "slidesListType", "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; }
@@ -30,6 +32,7 @@ var Providers = function Providers(_ref) {
       onRightPanelsToggled = _ref.onRightPanelsToggled,
       presentationBarActions = _ref.presentationBarActions,
       shouldShowRightPanelInitially = _ref.shouldShowRightPanelInitially,
+      slidesListType = _ref.slidesListType,
       useFixedPresentationBar = _ref.useFixedPresentationBar,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -38,6 +41,7 @@ var Providers = function Providers(_ref) {
     lastScrollPosition: lastScrollPosition,
     onRightPanelsToggled: onRightPanelsToggled,
     shouldShowRightPanelInitially: shouldShowRightPanelInitially,
+    slidesListType: slidesListType,
     children: /*#__PURE__*/jsxRuntime.jsx(PropContext.PropProvider, _objectSpread(_objectSpread({}, props), {}, {
       children: mode === 'customize' ? children : /*#__PURE__*/jsxRuntime.jsx(PresentationContext.PresentationProvider, {
         presentationBarActions: presentationBarActions,
@@ -73,6 +77,9 @@ Providers.propTypes = {
   shouldShowRightPanelInitially: PropTypes__default['default'].bool,
   /** Flag for whether to show the right panel initially */
+  slidesListType: PropTypes__default['default'].oneOf(Object.values(panel.SLIDES_LIST_TYPE_MAP)),
+  /** Slides list type for the report */
   useFixedPresentationBar: PropTypes__default['default'].bool
 };

package/lib/cjs/contexts/Providers.js.map CHANGED Viewed

	@@ -1 +1 @@
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 clickOutsideIgnoreSelectors,\n lastScrollPosition,\n mode,\n onRightPanelsToggled,\n presentationBarActions,\n shouldShowRightPanelInitially,\n useFixedPresentationBar,\n ...props\n}) => {\n return (\n <BuilderProvider\n clickOutsideIgnoreSelectors={clickOutsideIgnoreSelectors}\n lastScrollPosition={lastScrollPosition}\n onRightPanelsToggled={onRightPanelsToggled}\n shouldShowRightPanelInitially={shouldShowRightPanelInitially}\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 /** CSS selectors ignored by right panel click-outside logic /\n clickOutsideIgnoreSelectors: PropTypes.arrayOf(PropTypes.string),\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 shouldShowRightPanelInitially: PropTypes.bool,\n /* Flag for whether to show the right panel initially */\n useFixedPresentationBar: PropTypes.bool,\n};\n\nexport default Providers;\n"],"names":["Providers","children","clickOutsideIgnoreSelectors","lastScrollPosition","mode","onRightPanelsToggled","presentationBarActions","shouldShowRightPanelInitially","useFixedPresentationBar","props","_jsx","BuilderProvider","PropProvider","PresentationProvider","propTypes","PropTypes","node","isRequired","arrayOf","string","number","oneOf","func","shape","bool"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;IAKMA~~,SAAS,GAAG,SAAZA,SAAY,~~OAUZ~~;AAAA,MATJC,~~QASI~~,QATJA,~~QASI~~;AAAA,MARJC,~~2BAQI~~,QARJA,~~2BAQI~~;AAAA,MAPJC,~~kBAOI~~,QAPJA,~~kBAOI~~;AAAA,MANJC,~~IAMI~~,QANJA,~~IAMI~~;AAAA,MALJC,~~oBAKI~~,QALJA,~~oBAKI~~;AAAA,MAJJC,~~sBAII~~,QAJJA,~~sBAII~~;AAAA,MAHJC,~~6BAGI~~,QAHJA,~~6BAGI~~;AAAA,MAFJC,uBAEI,QAFJA,uBAEI;AAAA,MADDC,KACC;;AACJ,sBACEC,eAACC,8BAAD;AACE,IAAA,2BAA2B,~~EAAET~~,2BAD/B;AAEE,IAAA,kBAAkB,EAAEC,kBAFtB;AAGE,IAAA,oBAAoB,EAAEE,oBAHxB;AAIE,IAAA,6BAA6B,EAAEE,6BAJjC;AAAA,~~2BAMEG~~,eAACE,wBAAD,kCAAkBH,KAAlB;AAAA,~~gBACGL~~,IAAI,KAAK,WAAT,GAAuBH,QAAvB,~~gBACCS~~,eAACG,wCAAD;AACE,QAAA,sBAAsB,~~EAAEP~~,sBAD1B;AAEE,QAAA,uBAAuB,~~EAAEE~~,uBAF3B;AAAA,~~kBAIGP~~;AAJH;AAFJ;~~AANF~~,IADF;~~AAmBD~~;;AAEDD,SAAS,~~CAACc~~,SAAV,GAAsB;~~AACpBb~~,EAAAA,QAAQ,~~EAAEc~~,6BAAS,CAACC,IAAV,CAAeC,UADL;;AAEpB;~~AACAf~~,EAAAA,2BAA2B,~~EAAEa~~,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACI,MAA5B,CAHT;;AAIpB;~~AACAhB~~,EAAAA,kBAAkB,~~EAAEY~~,6BAAS,CAACK,MALV;;AAMpB;~~AACAhB~~,EAAAA,IAAI,~~EAAEW~~,6BAAS,CAACM,KAAV,CAAgB,CAAC,WAAD,EAAc,cAAd,EAA8B,SAA9B,EAAyC,OAAzC,CAAhB,CAPc;;AAQpB;AACF;AACA;AACA;~~AACEhB~~,EAAAA,oBAAoB,~~EAAEU~~,6BAAS,CAACO,IAZZ;;AAapB;~~AACAhB~~,EAAAA,sBAAsB,~~EAAES~~,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACQ,KAAV,CAAgB,EAAhB,CAAlB,CAdJ;;AAepB;~~AACAhB~~,EAAAA,6BAA6B,~~EAAEQ~~,6BAAS,CAACS,IAhBrB;;AAiBpB;~~AACAhB~~,EAAAA,uBAAuB,EAAEO,6BAAS,CAACS;~~AAlBf~~,CAAtB;;;;"}
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';\nimport { SLIDES_LIST_TYPE_MAP } from '../constants/panel';\n\nconst Providers = ({\n children,\n clickOutsideIgnoreSelectors,\n lastScrollPosition,\n mode,\n onRightPanelsToggled,\n presentationBarActions,\n shouldShowRightPanelInitially,\n slidesListType,\n useFixedPresentationBar,\n ...props\n}) => {\n return (\n <BuilderProvider\n clickOutsideIgnoreSelectors={clickOutsideIgnoreSelectors}\n lastScrollPosition={lastScrollPosition}\n onRightPanelsToggled={onRightPanelsToggled}\n shouldShowRightPanelInitially={shouldShowRightPanelInitially}\n slidesListType={slidesListType}\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 /** CSS selectors ignored by right panel click-outside logic /\n clickOutsideIgnoreSelectors: PropTypes.arrayOf(PropTypes.string),\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 shouldShowRightPanelInitially: PropTypes.bool,\n /* Flag for whether to show the right panel initially /\n slidesListType: PropTypes.oneOf(Object.values(SLIDES_LIST_TYPE_MAP)),\n /* Slides list type for the report */\n useFixedPresentationBar: PropTypes.bool,\n};\n\nexport default Providers;\n"],"names":["Providers","children","clickOutsideIgnoreSelectors","lastScrollPosition","mode","onRightPanelsToggled","presentationBarActions","shouldShowRightPanelInitially","slidesListType","useFixedPresentationBar","props","_jsx","BuilderProvider","PropProvider","PresentationProvider","propTypes","PropTypes","node","isRequired","arrayOf","string","number","oneOf","func","shape","bool","Object","values","SLIDES_LIST_TYPE_MAP"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAMMA,SAAS,GAAG,SAAZA,SAAY,OAWZ;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,2BASI,QATJA,2BASI;AAAA,MARJC,kBAQI,QARJA,kBAQI;AAAA,MAPJC,IAOI,QAPJA,IAOI;AAAA,MANJC,oBAMI,QANJA,oBAMI;AAAA,MALJC,sBAKI,QALJA,sBAKI;AAAA,MAJJC,6BAII,QAJJA,6BAII;AAAA,MAHJC,cAGI,QAHJA,cAGI;AAAA,MAFJC,uBAEI,QAFJA,uBAEI;AAAA,MADDC,KACC;;AACJ,sBACEC,eAACC,8BAAD;AACE,IAAA,2BAA2B,EAAEV,2BAD/B;AAEE,IAAA,kBAAkB,EAAEC,kBAFtB;AAGE,IAAA,oBAAoB,EAAEE,oBAHxB;AAIE,IAAA,6BAA6B,EAAEE,6BAJjC;AAKE,IAAA,cAAc,EAAEC,cALlB;AAAA,2BAOEG,eAACE,wBAAD,kCAAkBH,KAAlB;AAAA,gBACGN,IAAI,KAAK,WAAT,GAAuBH,QAAvB,gBACCU,eAACG,wCAAD;AACE,QAAA,sBAAsB,EAAER,sBAD1B;AAEE,QAAA,uBAAuB,EAAEG,uBAF3B;AAAA,kBAIGR;AAJH;AAFJ;AAPF,IADF;AAoBD;;AAEDD,SAAS,CAACe,SAAV,GAAsB;AACpBd,EAAAA,QAAQ,EAAEe,6BAAS,CAACC,IAAV,CAAeC,UADL;;AAEpB;AACAhB,EAAAA,2BAA2B,EAAEc,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACI,MAA5B,CAHT;;AAIpB;AACAjB,EAAAA,kBAAkB,EAAEa,6BAAS,CAACK,MALV;;AAMpB;AACAjB,EAAAA,IAAI,EAAEY,6BAAS,CAACM,KAAV,CAAgB,CAAC,WAAD,EAAc,cAAd,EAA8B,SAA9B,EAAyC,OAAzC,CAAhB,CAPc;;AAQpB;AACF;AACA;AACA;AACEjB,EAAAA,oBAAoB,EAAEW,6BAAS,CAACO,IAZZ;;AAapB;AACAjB,EAAAA,sBAAsB,EAAEU,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACQ,KAAV,CAAgB,EAAhB,CAAlB,CAdJ;;AAepB;AACAjB,EAAAA,6BAA6B,EAAES,6BAAS,CAACS,IAhBrB;;AAiBpB;AACAjB,EAAAA,cAAc,EAAEQ,6BAAS,CAACM,KAAV,CAAgBI,MAAM,CAACC,MAAP,CAAcC,0BAAd,CAAhB,CAlBI;;AAmBpB;AACAnB,EAAAA,uBAAuB,EAAEO,6BAAS,CAACS;AApBf,CAAtB;;;;"}

package/lib/cjs/styles/_jfReportsFloatings.scss CHANGED Viewed

@@ -200,7 +200,7 @@
   // Page Toolbar new styles //
   &.page-toolbar {
     position: absolute;
-    top: 58px;
+    top: 36px;
     right: -40px;
     gap: 4px;
@@ -225,11 +225,7 @@
   // Zoom Toolbar new styles //
   &.zoom-toolbar {
-    position: absolute;
-    bottom: 20px;
-    left: 20px;
     gap: 4px;
-    z-index: 2;
     .controllerItem {
       max-width: 32px;
@@ -244,7 +240,31 @@
     }
   }
-  &.page-toolbar, &.zoom-toolbar {
+  // Slides Navigator Toggle new styles //
+  &.slides-navigator-toggle {
+    .controllerItem {
+      max-width: 32px;
+      max-height: 32px;
+      min-width: 32px;
+      min-height: 32px;
+      .toolbar-icon {
+        width: 20px;
+        height: 20px;
+        color: #0a1551;
+        fill: #0a1551;
+        path {
+          color: #0a1551;
+          fill: #0a1551;
+        }
+      }
+    }
+  }
+  &.page-toolbar,
+  &.zoom-toolbar,
+  &.slides-navigator-toggle {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -385,7 +405,7 @@
     }
   }
-  &:not(.forSlides):not(.forBar) {
+  &:not(.forSlides):not(.forBar):not(.zoom-toolbar):not(.slides-navigator-toggle) {
     position: absolute;
   }
@@ -393,3 +413,15 @@
     position: relative;
   }
 }
+.bottom-actions-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  bottom: 20px;
+  left: 20px;
+  gap: 4px;
+  z-index: 2;
+}

package/lib/cjs/styles/_jfReportsHelpers.scss CHANGED Viewed

@@ -44,7 +44,7 @@
 // Helpers //
-.jfReport, .jfPresentation, .jfReportModal, .pageThumbnailHelper {
+.jfReport, .jfPresentation, .jfReportModal, .pageThumbnailHelper, .slides-navigator {
   .disabled {
     opacity: .4;

package/lib/cjs/styles/_jfReportsMain.scss CHANGED Viewed

@@ -81,6 +81,14 @@ body {
   }
 }
+.slidesNavigatorIsActive {
+  &.jfReport {
+    left: $slides-navigator-width;
+    width: calc(100% - $slides-navigator-width);
+    transition: all .3s ease-in;
+  }
+}
 .errorBoundary-wrapper {
   display: flex;
   flex-direction: column;

package/lib/cjs/styles/_jfReportsPanels.scss CHANGED Viewed

@@ -304,19 +304,22 @@
       }
       &.addElementToggle {
-        width: 160px;
+        width: 54px;
         background-color: #252D5B;
         height: 54px;
-        border-radius: 0;
-        border-top-right-radius: 100px;
-        border-bottom-right-radius: 100px;
-        justify-content: space-between;
-        padding: 19px 18px;
+        border-radius: 100px;
+        justify-content: center;
+        padding: 14px;
         span {
           color: #ffffff;
           font-size: 15px;
         }
+        .plus-icon {
+          width: 28px;
+          height: 28px;
+        }
       }
       &.settingsToggle {
@@ -426,7 +429,7 @@
         left: calc(100% + 15px);
         &.addElementToggle {
-          left: 100%;
+          left: calc(100% + 12px);
         }
       }
     }

package/lib/cjs/styles/_jfReportsReportItem.scss CHANGED Viewed

@@ -188,7 +188,7 @@
   }
 }
-.jfReport, .jfPresentation, .pageThumbnailHelper {
+.jfReport, .jfPresentation, .pageThumbnailHelper, .slides-navigator {
   .reportItem {
     .fitFor- {
       width: 100%;
@@ -230,7 +230,7 @@
   }
 }
-.pageThumbnailHelper {
+.pageThumbnailHelper, .slides-navigator {
   .reportItemWrapper {
     width: 100%;
     height: 100%;

package/lib/cjs/styles/_jfReportsSlides.scss CHANGED Viewed

@@ -86,12 +86,12 @@
   text-align: center;
 }
-.pageThumbnailHelper .thumbnailFrame {
+.pageThumbnailHelper .thumbnailFrame, .slides-navigator .thumbnailFrame {
   width: 158px;
   height: 112px;
 }
-.forSlides .thumbnailWrapper, .pageThumbnailHelper {
+.forSlides .thumbnailWrapper, .pageThumbnailHelper, .slides-navigator {
   min-height: 120px;
   padding: 4px;
   border-left: 3px solid transparent;

package/lib/cjs/styles/_jfReportsVariables.scss CHANGED Viewed

@@ -40,3 +40,4 @@ $jfReportChoice-bigCheckIcon: url("data:image/svg+xml,%3Csvg width='12' height='
 $left-pane-width: 310px;
 $right-pane-width: 360px;
+$slides-navigator-width: 192px;

package/lib/cjs/styles/_jfReportsViewModes.scss CHANGED Viewed

@@ -25,6 +25,7 @@
 .jfReport.customizeMode {
   .jfReport-canvas {
     padding: 0 120px;
+    transition: margin .3s ease-in;
   }
   .jfReport-page {

package/lib/cjs/styles/jfReportsBundle.scss CHANGED Viewed

@@ -24,3 +24,4 @@
 @import "jfSearchInput";
 @import "jfLightTheme";
 @import "jfDarkTheme";
+@import "slides-navigator";