@jotforminc/dnd-builder 3.5.6 → 3.6.2

package/lib/cjs/components/Panels/SlidesNavigator/StaticSlideItem.js

@@ -0,0 +1,97 @@
+'use strict';
+
+require('core-js/modules/es.array.filter.js');
+require('core-js/modules/es.array.map.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var classNames = require('../../../constants/classNames.js');
+var ReportItemRenderer = require('../../Builder/ReportItemRenderer.js');
+var StaticItem = require('../../Preview/StaticItem.js');
+var ErrorBoundary = require('../../ErrorBoundary/ErrorBoundary.js');
+var PropContext = require('../../../contexts/PropContext.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+var THUMBNAIL_MAX_WIDTH = 128;
+var THUMBNAIL_MAX_HEIGHT = 90.5;
+var wrapperStyle = {
+  height: '100%',
+  overflow: 'hidden',
+  position: 'relative',
+  width: '100%'
+};
+
+var StaticSlideItem = function StaticSlideItem(_ref) {
+  var backgroundColor = _ref.backgroundColor,
+      _ref$items = _ref.items,
+      items = _ref$items === void 0 ? [] : _ref$items,
+      reportHeight = _ref.reportHeight,
+      reportWidth = _ref.reportWidth;
+  var itemAccessor = PropContext.usePropStore(function (state) {
+    return state.itemAccessor;
+  });
+  var additionalPageItems = PropContext.usePropStore(function (state) {
+    return state.additionalPageItems;
+  });
+  var containerStyle = React.useMemo(function () {
+    var scale = Math.min(THUMBNAIL_MAX_WIDTH / reportWidth, THUMBNAIL_MAX_HEIGHT / reportHeight);
+    var scaledWidth = reportWidth * scale;
+    var scaledHeight = reportHeight * scale;
+    return {
+      backgroundColor: backgroundColor || '#fff',
+      borderRadius: '4px',
+      height: reportHeight,
+      left: (THUMBNAIL_MAX_WIDTH - scaledWidth) / 2,
+      position: 'absolute',
+      top: (THUMBNAIL_MAX_HEIGHT - scaledHeight) / 2,
+      transform: "scale(".concat(scale, ")"),
+      transformOrigin: '0 0',
+      width: reportWidth
+    };
+  }, [reportWidth, reportHeight, backgroundColor]);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    style: wrapperStyle,
+    children: /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
+      isStatic: true,
+      level: "page",
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: classNames.pageContainer,
+        style: containerStyle,
+        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "jfReport-hider o-hidden f-all p-relative",
+          children: [items.filter(function (item) {
+            return item.isVisible !== undefined ? item.isVisible : true;
+          }).map(function (item) {
+            return /*#__PURE__*/jsxRuntime.jsx(StaticItem, {
+              item: item,
+              children: /*#__PURE__*/jsxRuntime.jsx(ReportItemRenderer, {
+                item: item,
+                children: function children(ReportItem, mergedItem) {
+                  return /*#__PURE__*/jsxRuntime.jsx(ReportItem, {
+                    isThumbnail: true,
+                    item: mergedItem,
+                    itemAccessor: itemAccessor
+                  });
+                }
+              })
+            }, item.id);
+          }), additionalPageItems]
+        })
+      })
+    })
+  });
+};
+
+StaticSlideItem.propTypes = {
+  backgroundColor: PropTypes__default['default'].string,
+  items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
+  reportHeight: PropTypes__default['default'].number.isRequired,
+  reportWidth: PropTypes__default['default'].number.isRequired
+};
+var StaticSlideItem$1 = /*#__PURE__*/React.memo(StaticSlideItem);
+
+module.exports = StaticSlideItem$1;
+//# sourceMappingURL=StaticSlideItem.js.map

package/lib/cjs/components/Panels/SlidesNavigator/StaticSlideItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticSlideItem.js","sources":["../../../../../src/components/Panels/SlidesNavigator/StaticSlideItem.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as classNames from '../../../constants/classNames';\nimport ReportItemRenderer from '../../Builder/ReportItemRenderer';\nimport StaticItem from '../../Preview/StaticItem';\nimport ErrorBoundary from '../../ErrorBoundary/ErrorBoundary';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst THUMBNAIL_MAX_WIDTH = 128;\nconst THUMBNAIL_MAX_HEIGHT = 90.5;\n\nconst wrapperStyle = {\n  height: '100%',\n  overflow: 'hidden',\n  position: 'relative',\n  width: '100%',\n};\n\nconst StaticSlideItem = ({\n  backgroundColor,\n  items = [],\n  reportHeight,\n  reportWidth,\n}) => {\n  const itemAccessor = usePropStore(state => state.itemAccessor);\n  const additionalPageItems = usePropStore(state => state.additionalPageItems);\n\n  const containerStyle = useMemo(() => {\n    const scale = Math.min(\n      THUMBNAIL_MAX_WIDTH / reportWidth,\n      THUMBNAIL_MAX_HEIGHT / reportHeight,\n    );\n\n    const scaledWidth = reportWidth * scale;\n    const scaledHeight = reportHeight * scale;\n\n    return {\n      backgroundColor: backgroundColor || '#fff',\n      borderRadius: '4px',\n      height: reportHeight,\n      left: (THUMBNAIL_MAX_WIDTH - scaledWidth) / 2,\n      position: 'absolute',\n      top: (THUMBNAIL_MAX_HEIGHT - scaledHeight) / 2,\n      transform: `scale(${scale})`,\n      transformOrigin: '0 0',\n      width: reportWidth,\n    };\n  }, [reportWidth, reportHeight, backgroundColor]);\n\n  return (\n    <div style={wrapperStyle}>\n      <ErrorBoundary\n        isStatic={true}\n        level=\"page\"\n      >\n        <div\n          className={classNames.pageContainer}\n          style={containerStyle}\n        >\n          <div className=\"jfReport-hider o-hidden f-all p-relative\">\n            {items.filter(item => (\n              item.isVisible !== undefined\n                ? item.isVisible\n                : true\n            )).map(item => {\n              return (\n                <StaticItem\n                  key={item.id}\n                  item={item}\n                >\n                  <ReportItemRenderer\n                    item={item}\n                  >\n                    {(ReportItem, mergedItem) => (\n                      <ReportItem\n                        isThumbnail\n                        item={mergedItem}\n                        itemAccessor={itemAccessor}\n                      />\n                    )}\n                  </ReportItemRenderer>\n                </StaticItem>\n              );\n            })}\n            {additionalPageItems}\n          </div>\n        </div>\n      </ErrorBoundary>\n    </div>\n  );\n};\n\nStaticSlideItem.propTypes = {\n  backgroundColor: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  reportHeight: PropTypes.number.isRequired,\n  reportWidth: PropTypes.number.isRequired,\n};\n\nexport default memo(StaticSlideItem);\n"],"names":["THUMBNAIL_MAX_WIDTH","THUMBNAIL_MAX_HEIGHT","wrapperStyle","height","overflow","position","width","StaticSlideItem","backgroundColor","items","reportHeight","reportWidth","itemAccessor","usePropStore","state","additionalPageItems","containerStyle","useMemo","scale","Math","min","scaledWidth","scaledHeight","borderRadius","left","top","transform","transformOrigin","_jsx","classNames","_jsxs","filter","item","isVisible","undefined","map","ReportItem","mergedItem","id","propTypes","PropTypes","string","arrayOf","shape","number","isRequired","memo"],"mappings":"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"}

package/lib/cjs/components/Panels/SlidesPanel/SlidesPanel.js

@@ -10,7 +10,6 @@ var PropContext = require('../../../contexts/PropContext.js');
 var functions = require('../../../utils/functions.js');
 var SlidesPanelToggler = require('./SlidesPanelToggler.js');
 var ListWrapper = require('./ListWrapper.js');
-var Button = require('../../Settings/Button.js');
 var hooks = require('../../../utils/hooks.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -34,15 +33,15 @@ var SlidesPanel = function SlidesPanel() {
   var isRightPanelOpen = BuilderContext.useBuilderStore(function (state) {
     return state.isRightPanelOpen;
   });
-  var setIsAllSlidesPanelOpen = BuilderContext.useBuilderStore(function (state) {
-    return state.setIsAllSlidesPanelOpen;
-  });
   var isSlidesPanelOpen = BuilderContext.useBuilderStore(function (state) {
     return state.isSlidesPanelOpen;
   });
   var setIsSlidesPanelOpen = BuilderContext.useBuilderStore(function (state) {
     return state.setIsSlidesPanelOpen;
   });
+  var slidesListType = BuilderContext.useBuilderStore(function (state) {
+    return state.slidesListType;
+  });
   var pages = PropContext.usePropStore(function (state) {
     return state.pages;
   });
@@ -52,9 +51,6 @@ var SlidesPanel = function SlidesPanel() {
   var onAnEventTrigger = PropContext.usePropStore(function (state) {
     return state.onAnEventTrigger;
   });
-  var useExperimentalFeatures = PropContext.usePropStore(function (state) {
-    return state.useExperimentalFeatures;
-  });
 
   var _useState = React.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -97,7 +93,7 @@ var SlidesPanel = function SlidesPanel() {
   var _useTranslatedTexts = hooks.useTranslatedTexts(),
       SLIDES = _useTranslatedTexts.SLIDES;
 
-  return /*#__PURE__*/jsxRuntime.jsxs(Panel, {
+  return functions.slidesAsPanel(slidesListType) ? /*#__PURE__*/jsxRuntime.jsxs(Panel, {
     additionalClassName: panelAdditionalClassName,
     onAnimationEnd: onAnimationEnd,
     children: [isRightPanelOpen ? null : /*#__PURE__*/jsxRuntime.jsx(SlidesPanelToggler, {
@@ -105,14 +101,7 @@ var SlidesPanel = function SlidesPanel() {
     }), (isSlidesPanelOpen || !isSlidesPanelOpen && !animationEnd) && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "toolItemWrapper f-height d-flex dir-col",
       children: /*#__PURE__*/jsxRuntime.jsx(Section, {
-        additionalComponent: useExperimentalFeatures ? /*#__PURE__*/jsxRuntime.jsx(Button, {
-          classNames: "jfReportButton isAccent showAll",
-          icon: "allSlides",
-          onClick: function onClick() {
-            return setIsAllSlidesPanelOpen(true);
-          },
-          title: "Show All"
-        }) : null,
+        additionalComponent: null,
         icon: "slides",
         title: SLIDES,
         children: /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -125,7 +114,7 @@ var SlidesPanel = function SlidesPanel() {
         })
       })
     })]
-  });
+  }) : null;
 };
 
 module.exports = SlidesPanel;

package/lib/cjs/components/Panels/SlidesPanel/SlidesPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlidesPanel.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanel.js"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport SortablePageList from './SortablePageList';\nimport Section from '../../Builder/Section';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePropStore } from '../../../contexts/PropContext';\nimport { arrayMove } from '../../../utils/functions';\nimport SlidesPanelToggler from './SlidesPanelToggler';\nimport ListWrapper from './ListWrapper';\nimport Button from '../../Settings/Button';\nimport { useClickOutsideListener, useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanel = () => {\n  const isRightPanelOpen = useBuilderStore(state => state.isRightPanelOpen);\n  const setIsAllSlidesPanelOpen = useBuilderStore(state => state.setIsAllSlidesPanelOpen);\n  const isSlidesPanelOpen = useBuilderStore(state => state.isSlidesPanelOpen);\n  const setIsSlidesPanelOpen = useBuilderStore(state => state.setIsSlidesPanelOpen);\n\n  const pages = usePropStore(state => state.pages);\n  const onPageOrdersChange = usePropStore(state => state.onPageOrdersChange);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n  const useExperimentalFeatures = usePropStore(state => state.useExperimentalFeatures);\n\n  const [animationEnd, setAnimationEnd] = useState(true);\n\n  const pageGetter = useCallback(index => {\n    return pages[index];\n  }, [pages]);\n\n  const onPageSort = useCallback(({ newIndex, oldIndex }) => {\n    const newPageOrders = arrayMove(pages, oldIndex, newIndex).reduce((acc, page, index) => {\n      acc[page.id] = { order: index + 1 };\n      return acc;\n    }, {});\n\n    onPageOrdersChange(newPageOrders);\n    onAnEventTrigger('sortPageFromSlides');\n  }, [pages, onPageOrdersChange, onAnEventTrigger]);\n\n  // Panel className\n  const panelAdditionalClassName = classNames(\n    'jfReport-settings forSlides f-height',\n    {\n      isIdle: !isSlidesPanelOpen,\n      otherOpened: isRightPanelOpen,\n    },\n  );\n\n  const onClosePanel = () => {\n    setAnimationEnd(false);\n    setIsSlidesPanelOpen(false);\n  };\n\n  const onAnimationEnd = useCallback(() => {\n    if (!isSlidesPanelOpen) {\n      setAnimationEnd(true);\n    }\n  }, [isSlidesPanelOpen]);\n\n  useClickOutsideListener(\n    ['jfReport-canvas', 'jfReport-viewport', 'jfReport-pageInfo'],\n    isSlidesPanelOpen,\n    onClosePanel,\n  );\n\n  const { SLIDES } = useTranslatedTexts();\n\n  return (\n    <Panel\n      additionalClassName={panelAdditionalClassName}\n      onAnimationEnd={onAnimationEnd}\n    >\n      {isRightPanelOpen\n        ? null\n        : <SlidesPanelToggler onClosePanel={onClosePanel} />}\n      {(isSlidesPanelOpen || (!isSlidesPanelOpen && !animationEnd)) && (\n        <div className=\"toolItemWrapper f-height d-flex dir-col\">\n          <Section\n            additionalComponent={useExperimentalFeatures ? (\n              <Button\n                classNames=\"jfReportButton isAccent showAll\"\n                icon=\"allSlides\"\n                onClick={() => setIsAllSlidesPanelOpen(true)}\n                title=\"Show All\"\n              />\n            ) : null}\n            icon=\"slides\"\n            title={SLIDES}\n          >\n            <div className=\"toolItem-tabContent hasInnerScroll\">\n              <ListWrapper\n                component={SortablePageList()}\n                onSortEnd={onPageSort}\n                pageGetter={pageGetter}\n              />\n            </div>\n          </Section>\n        </div>\n      )}\n    </Panel>\n  );\n};\n\nexport default SlidesPanel;\n"],"names":["SlidesPanel","isRightPanelOpen","useBuilderStore","state","setIsAllSlidesPanelOpen","isSlidesPanelOpen","setIsSlidesPanelOpen","pages","usePropStore","onPageOrdersChange","onAnEventTrigger","useExperimentalFeatures","useState","animationEnd","setAnimationEnd","pageGetter","useCallback","index","onPageSort","newIndex","oldIndex","newPageOrders","arrayMove","reduce","acc","page","id","order","panelAdditionalClassName","classNames","isIdle","otherOpened","onClosePanel","onAnimationEnd","useClickOutsideListener","useTranslatedTexts","SLIDES","_jsxs","_jsx","SortablePageList"],"mappings":"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"}
+{"version":3,"file":"SlidesPanel.js","sources":["../../../../../src/components/Panels/SlidesPanel/SlidesPanel.js"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport SortablePageList from './SortablePageList';\nimport Section from '../../Builder/Section';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePropStore } from '../../../contexts/PropContext';\nimport { arrayMove, slidesAsPanel } from '../../../utils/functions';\nimport SlidesPanelToggler from './SlidesPanelToggler';\nimport ListWrapper from './ListWrapper';\nimport { useClickOutsideListener, useTranslatedTexts } from '../../../utils/hooks';\n\nconst SlidesPanel = () => {\n  const isRightPanelOpen = useBuilderStore(state => state.isRightPanelOpen);\n  const isSlidesPanelOpen = useBuilderStore(state => state.isSlidesPanelOpen);\n  const setIsSlidesPanelOpen = useBuilderStore(state => state.setIsSlidesPanelOpen);\n  const slidesListType = useBuilderStore(state => state.slidesListType);\n\n  const pages = usePropStore(state => state.pages);\n  const onPageOrdersChange = usePropStore(state => state.onPageOrdersChange);\n  const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n\n  const [animationEnd, setAnimationEnd] = useState(true);\n\n  const pageGetter = useCallback(index => {\n    return pages[index];\n  }, [pages]);\n\n  const onPageSort = useCallback(({ newIndex, oldIndex }) => {\n    const newPageOrders = arrayMove(pages, oldIndex, newIndex).reduce((acc, page, index) => {\n      acc[page.id] = { order: index + 1 };\n      return acc;\n    }, {});\n\n    onPageOrdersChange(newPageOrders);\n    onAnEventTrigger('sortPageFromSlides');\n  }, [pages, onPageOrdersChange, onAnEventTrigger]);\n\n  // Panel className\n  const panelAdditionalClassName = classNames(\n    'jfReport-settings forSlides f-height',\n    {\n      isIdle: !isSlidesPanelOpen,\n      otherOpened: isRightPanelOpen,\n    },\n  );\n\n  const onClosePanel = () => {\n    setAnimationEnd(false);\n    setIsSlidesPanelOpen(false);\n  };\n\n  const onAnimationEnd = useCallback(() => {\n    if (!isSlidesPanelOpen) {\n      setAnimationEnd(true);\n    }\n  }, [isSlidesPanelOpen]);\n\n  useClickOutsideListener(\n    ['jfReport-canvas', 'jfReport-viewport', 'jfReport-pageInfo'],\n    isSlidesPanelOpen,\n    onClosePanel,\n  );\n\n  const { SLIDES } = useTranslatedTexts();\n  return (\n    slidesAsPanel(slidesListType) ? (\n      <Panel\n        additionalClassName={panelAdditionalClassName}\n        onAnimationEnd={onAnimationEnd}\n      >\n        {isRightPanelOpen\n          ? null\n          : <SlidesPanelToggler onClosePanel={onClosePanel} />}\n        {(isSlidesPanelOpen || (!isSlidesPanelOpen && !animationEnd)) && (\n          <div className=\"toolItemWrapper f-height d-flex dir-col\">\n            <Section\n              additionalComponent={null}\n              icon=\"slides\"\n              title={SLIDES}\n            >\n              <div className=\"toolItem-tabContent hasInnerScroll\">\n                <ListWrapper\n                  component={SortablePageList()}\n                  onSortEnd={onPageSort}\n                  pageGetter={pageGetter}\n                />\n              </div>\n            </Section>\n          </div>\n        )}\n      </Panel>\n    ) : null);\n};\n\nexport default SlidesPanel;\n"],"names":["SlidesPanel","isRightPanelOpen","useBuilderStore","state","isSlidesPanelOpen","setIsSlidesPanelOpen","slidesListType","pages","usePropStore","onPageOrdersChange","onAnEventTrigger","useState","animationEnd","setAnimationEnd","pageGetter","useCallback","index","onPageSort","newIndex","oldIndex","newPageOrders","arrayMove","reduce","acc","page","id","order","panelAdditionalClassName","classNames","isIdle","otherOpened","onClosePanel","onAnimationEnd","useClickOutsideListener","useTranslatedTexts","SLIDES","slidesAsPanel","_jsxs","_jsx","SortablePageList"],"mappings":"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"}

package/lib/cjs/components/ReportWrapper.js

@@ -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

@@ -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;;;;"}
+{"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/components/TextEditor/TextEditor.js

@@ -47,7 +47,7 @@ var TextEditor = function TextEditor(_ref) {
   var setIsTextEditorOpen = BuilderContext.useBuilderStore(function (state) {
     return state.setIsTextEditorOpen;
   });
-  var onClick = React.useCallback(function () {
+  var onDoubleClick = React.useCallback(function () {
     if (isSelected && !isLocked) {
       setIsTextEditorOpen(true);
     }
@@ -68,7 +68,7 @@ var TextEditor = function TextEditor(_ref) {
     dangerouslySetInnerHTML: {
       __html: isNotEmpty ? _content : placeholder
     },
-    onClick: onClick,
+    onDoubleClick: onDoubleClick,
     onKeyDown: function onKeyDown() {}
   });
 };

package/lib/cjs/components/TextEditor/TextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.js","sources":["../../../../src/components/TextEditor/TextEditor.js"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport domPurify from 'dompurify';\nimport QuillEditor from './QuillEditor';\nimport { useBuilderStore } from '../../contexts/BuilderContext';\nimport { usePropState } from '../../utils/hooks';\n\nconst TextEditor = ({\n  content = '',\n  handleSave = () => {},\n  isLocked = false,\n  isSelected = false,\n  placeholder,\n}) => {\n  const [_content, setContent] = usePropState(content, domPurify.sanitize);\n\n  const isTextEditorOpen = useBuilderStore(state => state.isTextEditorOpen);\n  const setIsTextEditorOpen = useBuilderStore(state => state.setIsTextEditorOpen);\n\n  const onClick = useCallback(() => {\n    if (isSelected && !isLocked) {\n      setIsTextEditorOpen(true);\n    }\n  }, [isSelected, isLocked, setIsTextEditorOpen]);\n\n  const isNotEmpty = useMemo(() => {\n    const el = document.createElement('div');\n    el.innerHTML = _content;\n    return !!el.innerText;\n  }, [_content]);\n\n  return isSelected && isTextEditorOpen ? (\n    <QuillEditor\n      content={_content}\n      handleSave={handleSave}\n      placeholder={placeholder}\n      setContent={setContent}\n      setIsTextEditorOpen={setIsTextEditorOpen}\n    />\n  ) : (\n    <div\n      className={`f-all ql-editor${isNotEmpty ? '' : ' isEmptyTextElement'}`}\n      dangerouslySetInnerHTML={{\n        __html: isNotEmpty ? _content : placeholder,\n      }}\n      onClick={onClick}\n      onKeyDown={() => {}}\n    />\n  );\n};\n\nTextEditor.propTypes = {\n  content: PropTypes.string,\n  handleSave: PropTypes.func,\n  isLocked: PropTypes.bool,\n  isSelected: PropTypes.bool,\n  placeholder: PropTypes.string.isRequired,\n};\n\nexport default TextEditor;\n"],"names":["TextEditor","content","handleSave","isLocked","isSelected","placeholder","usePropState","domPurify","sanitize","_content","setContent","isTextEditorOpen","useBuilderStore","state","setIsTextEditorOpen","onClick","useCallback","isNotEmpty","useMemo","el","document","createElement","innerHTML","innerText","_jsx","__html","propTypes","PropTypes","string","func","bool","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,UAAU,GAAG,SAAbA,UAAa,OAMb;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALM,EAKN;AAAA,6BAJJC,UAII;AAAA,MAJJA,UAII,gCAJS,YAAM,EAIf;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,KAGP;AAAA,6BAFJC,UAEI;AAAA,MAFJA,UAEI,gCAFS,KAET;AAAA,MADJC,WACI,QADJA,WACI;;AACJ,sBAA+BC,kBAAY,CAACL,OAAD,EAAUM,6BAAS,CAACC,QAApB,CAA3C;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,UAAjB;;AAEA,MAAMC,gBAAgB,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,gBAAV;AAAA,GAAN,CAAxC;AACA,MAAMG,mBAAmB,GAAGF,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,mBAAV;AAAA,GAAN,CAA3C;AAEA,MAAMC,OAAO,GAAGC,iBAAW,CAAC,YAAM;AAChC,QAAIZ,UAAU,IAAI,CAACD,QAAnB,EAA6B;AAC3BW,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD;AACF,GAJ0B,EAIxB,CAACV,UAAD,EAAaD,QAAb,EAAuBW,mBAAvB,CAJwB,CAA3B;AAMA,MAAMG,UAAU,GAAGC,aAAO,CAAC,YAAM;AAC/B,QAAMC,EAAE,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAX;AACAF,IAAAA,EAAE,CAACG,SAAH,GAAeb,QAAf;AACA,WAAO,CAAC,CAACU,EAAE,CAACI,SAAZ;AACD,GAJyB,EAIvB,CAACd,QAAD,CAJuB,CAA1B;AAMA,SAAOL,UAAU,IAAIO,gBAAd,gBACLa,eAAC,WAAD;AACE,IAAA,OAAO,EAAEf,QADX;AAEE,IAAA,UAAU,EAAEP,UAFd;AAGE,IAAA,WAAW,EAAEG,WAHf;AAIE,IAAA,UAAU,EAAEK,UAJd;AAKE,IAAA,mBAAmB,EAAEI;AALvB,IADK,gBASLU;AACE,IAAA,SAAS,2BAAoBP,UAAU,GAAG,EAAH,GAAQ,qBAAtC,CADX;AAEE,IAAA,uBAAuB,EAAE;AACvBQ,MAAAA,MAAM,EAAER,UAAU,GAAGR,QAAH,GAAcJ;AADT,KAF3B;AAKE,IAAA,OAAO,EAAEU,OALX;AAME,IAAA,SAAS,EAAE,qBAAM;AANnB,IATF;AAkBD;;AAEDf,UAAU,CAAC0B,SAAX,GAAuB;AACrBzB,EAAAA,OAAO,EAAE0B,6BAAS,CAACC,MADE;AAErB1B,EAAAA,UAAU,EAAEyB,6BAAS,CAACE,IAFD;AAGrB1B,EAAAA,QAAQ,EAAEwB,6BAAS,CAACG,IAHC;AAIrB1B,EAAAA,UAAU,EAAEuB,6BAAS,CAACG,IAJD;AAKrBzB,EAAAA,WAAW,EAAEsB,6BAAS,CAACC,MAAV,CAAiBG;AALT,CAAvB;;;;"}
+{"version":3,"file":"TextEditor.js","sources":["../../../../src/components/TextEditor/TextEditor.js"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport domPurify from 'dompurify';\nimport QuillEditor from './QuillEditor';\nimport { useBuilderStore } from '../../contexts/BuilderContext';\nimport { usePropState } from '../../utils/hooks';\n\nconst TextEditor = ({\n  content = '',\n  handleSave = () => {},\n  isLocked = false,\n  isSelected = false,\n  placeholder,\n}) => {\n  const [_content, setContent] = usePropState(content, domPurify.sanitize);\n\n  const isTextEditorOpen = useBuilderStore(state => state.isTextEditorOpen);\n  const setIsTextEditorOpen = useBuilderStore(state => state.setIsTextEditorOpen);\n\n  const onDoubleClick = useCallback(() => {\n    if (isSelected && !isLocked) {\n      setIsTextEditorOpen(true);\n    }\n  }, [isSelected, isLocked, setIsTextEditorOpen]);\n\n  const isNotEmpty = useMemo(() => {\n    const el = document.createElement('div');\n    el.innerHTML = _content;\n    return !!el.innerText;\n  }, [_content]);\n\n  return isSelected && isTextEditorOpen ? (\n    <QuillEditor\n      content={_content}\n      handleSave={handleSave}\n      placeholder={placeholder}\n      setContent={setContent}\n      setIsTextEditorOpen={setIsTextEditorOpen}\n    />\n  ) : (\n    <div\n      className={`f-all ql-editor${isNotEmpty ? '' : ' isEmptyTextElement'}`}\n      dangerouslySetInnerHTML={{\n        __html: isNotEmpty ? _content : placeholder,\n      }}\n      onDoubleClick={onDoubleClick}\n      onKeyDown={() => {}}\n    />\n  );\n};\n\nTextEditor.propTypes = {\n  content: PropTypes.string,\n  handleSave: PropTypes.func,\n  isLocked: PropTypes.bool,\n  isSelected: PropTypes.bool,\n  placeholder: PropTypes.string.isRequired,\n};\n\nexport default TextEditor;\n"],"names":["TextEditor","content","handleSave","isLocked","isSelected","placeholder","usePropState","domPurify","sanitize","_content","setContent","isTextEditorOpen","useBuilderStore","state","setIsTextEditorOpen","onDoubleClick","useCallback","isNotEmpty","useMemo","el","document","createElement","innerHTML","innerText","_jsx","__html","propTypes","PropTypes","string","func","bool","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,UAAU,GAAG,SAAbA,UAAa,OAMb;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALM,EAKN;AAAA,6BAJJC,UAII;AAAA,MAJJA,UAII,gCAJS,YAAM,EAIf;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,KAGP;AAAA,6BAFJC,UAEI;AAAA,MAFJA,UAEI,gCAFS,KAET;AAAA,MADJC,WACI,QADJA,WACI;;AACJ,sBAA+BC,kBAAY,CAACL,OAAD,EAAUM,6BAAS,CAACC,QAApB,CAA3C;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,UAAjB;;AAEA,MAAMC,gBAAgB,GAAGC,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,gBAAV;AAAA,GAAN,CAAxC;AACA,MAAMG,mBAAmB,GAAGF,8BAAe,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,mBAAV;AAAA,GAAN,CAA3C;AAEA,MAAMC,aAAa,GAAGC,iBAAW,CAAC,YAAM;AACtC,QAAIZ,UAAU,IAAI,CAACD,QAAnB,EAA6B;AAC3BW,MAAAA,mBAAmB,CAAC,IAAD,CAAnB;AACD;AACF,GAJgC,EAI9B,CAACV,UAAD,EAAaD,QAAb,EAAuBW,mBAAvB,CAJ8B,CAAjC;AAMA,MAAMG,UAAU,GAAGC,aAAO,CAAC,YAAM;AAC/B,QAAMC,EAAE,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAX;AACAF,IAAAA,EAAE,CAACG,SAAH,GAAeb,QAAf;AACA,WAAO,CAAC,CAACU,EAAE,CAACI,SAAZ;AACD,GAJyB,EAIvB,CAACd,QAAD,CAJuB,CAA1B;AAMA,SAAOL,UAAU,IAAIO,gBAAd,gBACLa,eAAC,WAAD;AACE,IAAA,OAAO,EAAEf,QADX;AAEE,IAAA,UAAU,EAAEP,UAFd;AAGE,IAAA,WAAW,EAAEG,WAHf;AAIE,IAAA,UAAU,EAAEK,UAJd;AAKE,IAAA,mBAAmB,EAAEI;AALvB,IADK,gBASLU;AACE,IAAA,SAAS,2BAAoBP,UAAU,GAAG,EAAH,GAAQ,qBAAtC,CADX;AAEE,IAAA,uBAAuB,EAAE;AACvBQ,MAAAA,MAAM,EAAER,UAAU,GAAGR,QAAH,GAAcJ;AADT,KAF3B;AAKE,IAAA,aAAa,EAAEU,aALjB;AAME,IAAA,SAAS,EAAE,qBAAM;AANnB,IATF;AAkBD;;AAEDf,UAAU,CAAC0B,SAAX,GAAuB;AACrBzB,EAAAA,OAAO,EAAE0B,6BAAS,CAACC,MADE;AAErB1B,EAAAA,UAAU,EAAEyB,6BAAS,CAACE,IAFD;AAGrB1B,EAAAA,QAAQ,EAAEwB,6BAAS,CAACG,IAHC;AAIrB1B,EAAAA,UAAU,EAAEuB,6BAAS,CAACG,IAJD;AAKrBzB,EAAAA,WAAW,EAAEsB,6BAAS,CAACC,MAAV,CAAiBG;AALT,CAAvB;;;;"}

package/lib/cjs/constants/panel.js

@@ -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

@@ -0,0 +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

@@ -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

@@ -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;;;;;"}
+{"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":";;;;;;;;;;AAAA;IACMA,SAAS,GAAG;AAChBC,EAAAA,WAAW,EAAE,aADG;AAEhBC,EAAAA,QAAQ,EAAE,UAFM;AAGhBC,EAAAA,YAAY,EAAE,eAHE;AAIhBC,EAAAA,aAAa,EAAE,eAJC;AAKhBC,EAAAA,SAAS,EAAE,WALK;AAMhBC,EAAAA,gBAAgB,EAAE,kBANF;AAOhBC,EAAAA,aAAa,EAAE,eAPC;AAQhBC,EAAAA,cAAc,EAAE,gBARA;AAShBC,EAAAA,oBAAoB,EAAE,sBATN;AAUhBC,EAAAA,kBAAkB,EAAE,oBAVJ;AAWhBC,EAAAA,MAAM,EAAE,QAXQ;AAYhBC,EAAAA,WAAW,EAAE,aAZG;AAahBC,EAAAA,YAAY,EAAE,cAbE;AAchBC,EAAAA,cAAc,EAAE,gBAdA;AAehBC,EAAAA,cAAc,EAAE,iBAfA;AAgBhBC,EAAAA,eAAe,EAAE,iBAhBD;AAiBhBC,EAAAA,QAAQ,EAAE,UAjBM;AAkBhBC,EAAAA,0BAA0B,EAAE,sFAlBZ;AAmBhBC,EAAAA,+BAA+B,EAAE,6CAnBjB;AAoBhBC,EAAAA,+BAA+B,EAAE,4CApBjB;AAqBhBC,EAAAA,oBAAoB,EAAE,wBArBN;AAsBhBC,EAAAA,WAAW,EAAE,cAtBG;AAuBhBC,EAAAA,YAAY,EAAE,eAvBE;AAwBhBC,EAAAA,OAAO,EAAE,SAxBO;AAyBhBC,EAAAA,aAAa,EAAE,eAzBC;AA0BhBC,EAAAA,eAAe,EAAE,iBA1BD;AA2BhBC,EAAAA,MAAM,EAAE,QA3BQ;AA4BhBC,EAAAA,aAAa,EAAE,eA5BC;AA6BhBC,EAAAA,cAAc,EAAE,gBA7BA;AA8BhBC,EAAAA,aAAa,EAAE,eA9BC;AA+BhBC,EAAAA,MAAM,EAAE,QA/BQ;AAgChBC,EAAAA,eAAe,EAAE,iBAhCD;AAiChBC,EAAAA,SAAS,EAAE,WAjCK;AAkChBC,EAAAA,cAAc,EAAE,gBAlCA;AAmChBC,EAAAA,aAAa,EAAE,eAnCC;AAoChBC,EAAAA,mBAAmB,EAAE,sBApCL;AAqChBC,EAAAA,iBAAiB,EAAE,oBArCH;AAsChBC,EAAAA,YAAY,EAAE,cAtCE;AAuChBC,EAAAA,aAAa,EAAE,eAvCC;AAwChBC,EAAAA,kBAAkB,EAAE,8EAxCJ;AAyChBC,EAAAA,SAAS,EAAE,qBAzCK;AA0ChBC,EAAAA,aAAa,EAAE,eA1CC;AA2ChBC,EAAAA,YAAY,EAAE,cA3CE;AA4ChBC,EAAAA,aAAa,EAAE,gBA5CC;AA6ChBC,EAAAA,UAAU,EAAE,aA7CI;AA8ChBC,EAAAA,SAAS,EAAE,WA9CK;AA+ChBC,EAAAA,WAAW,EAAE,cA/CG;AAgDhBC,EAAAA,MAAM,EAAE,QAhDQ;AAiDhBC,EAAAA,QAAQ,EAAE,UAjDM;AAkDhBC,EAAAA,eAAe,EAAE,gBAlDD;AAmDhBC,EAAAA,QAAQ,EAAE,UAnDM;AAoDhBC,EAAAA,MAAM,EAAE,QApDQ;AAqDhBC,EAAAA,uBAAuB,EAAE,yBArDT;AAsDhBC,EAAAA,aAAa,EAAE,eAtDC;AAuDhBC,EAAAA,UAAU,EAAE,KAvDI;AAwDhBC,EAAAA,SAAS,EAAE,IAxDK;AAyDhBC,EAAAA,WAAW,EAAE,aAzDG;AA0DhBC,EAAAA,kBAAkB,EAAE,cA1DJ;AA2DhBC,EAAAA,KAAK,EAAE,OA3DS;AA4DhBC,EAAAA,OAAO,EAAE,SA5DO;AA6DhBC,EAAAA,QAAQ,EAAE;AA7DM;;IAgEZC;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,CAAgB9D,SAAhB;;;;;"}

package/lib/cjs/contexts/BuilderContext.js

@@ -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,21 +51,24 @@ 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,
       matches: {},
       onRightPanelsToggled: props.onRightPanelsToggled || function () {},
+      overedPageId: props.activePageId || null,
       resetActiveElements: props.resetActiveElements || function () {
         set({
           activeElements: [],
           editedElement: 'l_layout'
         });
       },
+      restoreLeftPanelWhenNavigatorCloses: false,
+      restoreSlidesNavigatorWhenLeftCloses: false,
       setActiveElements: props.setActiveElements || function (itemID) {
         var edit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
         var replace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
@@ -118,20 +122,47 @@ 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;
+            isEnoughCanvasSize = _get3.isEnoughCanvasSize,
+            previousIsSlidesNavigatorOpen = _get3.isSlidesNavigatorOpen,
+            restoreSlidesNavigatorWhenLeftCloses = _get3.restoreSlidesNavigatorWhenLeftCloses;
+
+        if (status) {
+          if (previousIsSlidesNavigatorOpen) {
+            set(_objectSpread({
+              isLeftPanelOpen: true,
+              isSlidesNavigatorOpen: false,
+              restoreLeftPanelWhenNavigatorCloses: false,
+              restoreSlidesNavigatorWhenLeftCloses: true
+            }, !isEnoughCanvasSize && {
+              isRightPanelOpen: false
+            }));
+          } else {
+            set(_objectSpread({
+              isLeftPanelOpen: true,
+              restoreLeftPanelWhenNavigatorCloses: false,
+              restoreSlidesNavigatorWhenLeftCloses: false
+            }, !isEnoughCanvasSize && {
+              isRightPanelOpen: false
+            }));
+          }
 
-        set(_objectSpread({
-          isLeftPanelOpen: status
-        }, status && !isEnoughCanvasSize && {
-          isRightPanelOpen: false
-        }));
+          return;
+        }
+
+        if (restoreSlidesNavigatorWhenLeftCloses) {
+          set({
+            isLeftPanelOpen: false,
+            isSlidesNavigatorOpen: true,
+            restoreSlidesNavigatorWhenLeftCloses: false
+          });
+          return;
+        }
+
+        set({
+          isLeftPanelOpen: false
+        });
       },
       setIsResize: function setIsResize(status) {
         set({
@@ -146,21 +177,63 @@ var builderStore = function builderStore(props) {
         set(_objectSpread(_objectSpread({
           isRightPanelOpen: status
         }, status && !isEnoughCanvasSize && {
-          isLeftPanelOpen: false
+          isLeftPanelOpen: false,
+          restoreLeftPanelWhenNavigatorCloses: false,
+          restoreSlidesNavigatorWhenLeftCloses: false
         }), status && {
           isSlidesPanelOpen: false
         }));
         onRightPanelsToggled(status);
       },
-      setIsSlidesPanelOpen: props.setIsSlidesPanelOpen || function (status) {
+      setIsSlidesNavigatorOpen: function setIsSlidesNavigatorOpen(status) {
         var _get5 = get(),
-            isEnoughCanvasSize = _get5.isEnoughCanvasSize,
-            onRightPanelsToggled = _get5.onRightPanelsToggled;
+            previousIsLeftPanelOpen = _get5.isLeftPanelOpen,
+            restoreLeftPanelWhenNavigatorCloses = _get5.restoreLeftPanelWhenNavigatorCloses;
+
+        if (status) {
+          if (previousIsLeftPanelOpen) {
+            set({
+              isLeftPanelOpen: false,
+              isSlidesNavigatorOpen: true,
+              restoreLeftPanelWhenNavigatorCloses: true,
+              restoreSlidesNavigatorWhenLeftCloses: false
+            });
+          } else {
+            set({
+              isSlidesNavigatorOpen: true,
+              restoreLeftPanelWhenNavigatorCloses: false,
+              restoreSlidesNavigatorWhenLeftCloses: false
+            });
+          }
+
+          return;
+        }
+
+        if (restoreLeftPanelWhenNavigatorCloses) {
+          set({
+            isLeftPanelOpen: true,
+            isSlidesNavigatorOpen: false,
+            restoreLeftPanelWhenNavigatorCloses: false
+          });
+          return;
+        }
+
+        set({
+          isSlidesNavigatorOpen: false,
+          restoreSlidesNavigatorWhenLeftCloses: false
+        });
+      },
+      setIsSlidesPanelOpen: props.setIsSlidesPanelOpen || function (status) {
+        var _get6 = get(),
+            isEnoughCanvasSize = _get6.isEnoughCanvasSize,
+            onRightPanelsToggled = _get6.onRightPanelsToggled;
 
         set(_objectSpread(_objectSpread({
           isSlidesPanelOpen: status
         }, status && !isEnoughCanvasSize && {
-          isLeftPanelOpen: false
+          isLeftPanelOpen: false,
+          restoreLeftPanelWhenNavigatorCloses: false,
+          restoreSlidesNavigatorWhenLeftCloses: false
         }), status && {
           isRightPanelOpen: false
         }));
@@ -176,6 +249,21 @@ var builderStore = function builderStore(props) {
           matches: matches
         });
       },
+      setOutPage: function setOutPage(outPageId) {
+        set({
+          overedPageId: outPageId
+        });
+      },
+      setOverPage: function setOverPage(overPageId) {
+        set({
+          overedPageId: overPageId
+        });
+      },
+      setVisiblePageOrder: function setVisiblePageOrder(visiblePageOrder) {
+        set({
+          visiblePageOrder: visiblePageOrder
+        });
+      },
       setZoom: function setZoom(zoom, layoutWidth) {
         set({
           zoom: zoom
@@ -194,13 +282,17 @@ var builderStore = function builderStore(props) {
           } else {
             set({
               isEnoughCanvasSize: false,
-              isLeftPanelOpen: false
+              isLeftPanelOpen: false,
+              restoreLeftPanelWhenNavigatorCloses: false,
+              restoreSlidesNavigatorWhenLeftCloses: false
             });
           }
         }
       },
       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
     };
   });
 };