@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
  1. package/CHANGELOG.md +16 -0
  2. package/lib/cjs/components/Builder/Builder.js +1 -3
  3. package/lib/cjs/components/Builder/Builder.js.map +1 -1
  4. package/lib/cjs/components/Builder/BuilderWrapper.js +27 -5
  5. package/lib/cjs/components/Builder/BuilderWrapper.js.map +1 -1
  6. package/lib/cjs/components/Builder/PageActions.js +10 -53
  7. package/lib/cjs/components/Builder/PageActions.js.map +1 -1
  8. package/lib/cjs/components/Builder/Scene.js +9 -1
  9. package/lib/cjs/components/Builder/Scene.js.map +1 -1
  10. package/lib/cjs/components/Builder/SlidesNavigatorToggle.js +41 -0
  11. package/lib/cjs/components/Builder/SlidesNavigatorToggle.js.map +1 -0
  12. package/lib/cjs/components/PageItemResizer.js +1 -1
  13. package/lib/cjs/components/PageItemResizer.js.map +1 -1
  14. package/lib/cjs/components/Panels/LeftPanel/LeftPanelOpener.js +4 -6
  15. package/lib/cjs/components/Panels/LeftPanel/LeftPanelOpener.js.map +1 -1
  16. package/lib/cjs/components/Panels/RightPanel/RightPanel.js +1 -1
  17. package/lib/cjs/components/Panels/RightPanel/RightPanel.js.map +1 -1
  18. package/lib/cjs/components/Panels/SlidesNavigator/MoreMenu/SlideItemMoreMenu.js +257 -0
  19. package/lib/cjs/components/Panels/SlidesNavigator/MoreMenu/SlideItemMoreMenu.js.map +1 -0
  20. package/lib/cjs/components/Panels/SlidesNavigator/SlideItem.js +144 -0
  21. package/lib/cjs/components/Panels/SlidesNavigator/SlideItem.js.map +1 -0
  22. package/lib/cjs/components/Panels/{AllSlidesPanel/PageItemDragOverlay.js → SlidesNavigator/SlideItemDragOverlay.js} +29 -16
  23. package/lib/cjs/components/Panels/SlidesNavigator/SlideItemDragOverlay.js.map +1 -0
  24. package/lib/cjs/components/Panels/SlidesNavigator/SlideItemsList.js +232 -0
  25. package/lib/cjs/components/Panels/SlidesNavigator/SlideItemsList.js.map +1 -0
  26. package/lib/cjs/components/Panels/SlidesNavigator/SlidesNavigator.js +54 -0
  27. package/lib/cjs/components/Panels/SlidesNavigator/SlidesNavigator.js.map +1 -0
  28. package/lib/cjs/components/Panels/SlidesNavigator/StaticSlideItem.js +97 -0
  29. package/lib/cjs/components/Panels/SlidesNavigator/StaticSlideItem.js.map +1 -0
  30. package/lib/cjs/components/Panels/SlidesPanel/SlidesPanel.js +6 -17
  31. package/lib/cjs/components/Panels/SlidesPanel/SlidesPanel.js.map +1 -1
  32. package/lib/cjs/components/ReportWrapper.js +4 -4
  33. package/lib/cjs/components/ReportWrapper.js.map +1 -1
  34. package/lib/cjs/constants/panel.js +11 -0
  35. package/lib/cjs/constants/panel.js.map +1 -0
  36. package/lib/cjs/constants/texts.js +6 -1
  37. package/lib/cjs/constants/texts.js.map +1 -1
  38. package/lib/cjs/contexts/BuilderContext.js +15 -7
  39. package/lib/cjs/contexts/BuilderContext.js.map +1 -1
  40. package/lib/cjs/contexts/Providers.js +8 -1
  41. package/lib/cjs/contexts/Providers.js.map +1 -1
  42. package/lib/cjs/styles/_jfReportsFloatings.scss +39 -7
  43. package/lib/cjs/styles/_jfReportsHelpers.scss +1 -1
  44. package/lib/cjs/styles/_jfReportsMain.scss +8 -0
  45. package/lib/cjs/styles/_jfReportsPanels.scss +10 -7
  46. package/lib/cjs/styles/_jfReportsReportItem.scss +2 -2
  47. package/lib/cjs/styles/_jfReportsSlides.scss +2 -2
  48. package/lib/cjs/styles/_jfReportsVariables.scss +1 -0
  49. package/lib/cjs/styles/_jfReportsViewModes.scss +1 -0
  50. package/lib/cjs/styles/jfReportsBundle.scss +1 -0
  51. package/lib/cjs/styles/slides-navigator.scss +239 -0
  52. package/lib/cjs/utils/functions.js +9 -28
  53. package/lib/cjs/utils/functions.js.map +1 -1
  54. package/lib/cjs/utils/hooks.js +3 -1
  55. package/lib/cjs/utils/hooks.js.map +1 -1
  56. package/lib/cjs/utils/icons.js +0 -2
  57. package/lib/cjs/utils/icons.js.map +1 -1
  58. package/lib/esm/components/Builder/Builder.js +1 -3
  59. package/lib/esm/components/Builder/Builder.js.map +1 -1
  60. package/lib/esm/components/Builder/BuilderWrapper.js +28 -6
  61. package/lib/esm/components/Builder/BuilderWrapper.js.map +1 -1
  62. package/lib/esm/components/Builder/PageActions.js +12 -55
  63. package/lib/esm/components/Builder/PageActions.js.map +1 -1
  64. package/lib/esm/components/Builder/Scene.js +9 -1
  65. package/lib/esm/components/Builder/Scene.js.map +1 -1
  66. package/lib/esm/components/Builder/SlidesNavigatorToggle.js +39 -0
  67. package/lib/esm/components/Builder/SlidesNavigatorToggle.js.map +1 -0
  68. package/lib/esm/components/PageItemResizer.js +1 -1
  69. package/lib/esm/components/PageItemResizer.js.map +1 -1
  70. package/lib/esm/components/Panels/LeftPanel/LeftPanelOpener.js +5 -7
  71. package/lib/esm/components/Panels/LeftPanel/LeftPanelOpener.js.map +1 -1
  72. package/lib/esm/components/Panels/RightPanel/RightPanel.js +1 -1
  73. package/lib/esm/components/Panels/RightPanel/RightPanel.js.map +1 -1
  74. package/lib/esm/components/Panels/SlidesNavigator/MoreMenu/SlideItemMoreMenu.js +251 -0
  75. package/lib/esm/components/Panels/SlidesNavigator/MoreMenu/SlideItemMoreMenu.js.map +1 -0
  76. package/lib/esm/components/Panels/SlidesNavigator/SlideItem.js +138 -0
  77. package/lib/esm/components/Panels/SlidesNavigator/SlideItem.js.map +1 -0
  78. package/lib/esm/components/Panels/SlidesNavigator/SlideItemDragOverlay.js +61 -0
  79. package/lib/esm/components/Panels/SlidesNavigator/SlideItemDragOverlay.js.map +1 -0
  80. package/lib/esm/components/Panels/SlidesNavigator/SlideItemsList.js +226 -0
  81. package/lib/esm/components/Panels/SlidesNavigator/SlideItemsList.js.map +1 -0
  82. package/lib/esm/components/Panels/SlidesNavigator/SlidesNavigator.js +52 -0
  83. package/lib/esm/components/Panels/SlidesNavigator/SlidesNavigator.js.map +1 -0
  84. package/lib/esm/components/Panels/SlidesNavigator/StaticSlideItem.js +91 -0
  85. package/lib/esm/components/Panels/SlidesNavigator/StaticSlideItem.js.map +1 -0
  86. package/lib/esm/components/Panels/SlidesPanel/SlidesPanel.js +7 -18
  87. package/lib/esm/components/Panels/SlidesPanel/SlidesPanel.js.map +1 -1
  88. package/lib/esm/components/ReportWrapper.js +4 -4
  89. package/lib/esm/components/ReportWrapper.js.map +1 -1
  90. package/lib/esm/constants/panel.js +7 -0
  91. package/lib/esm/constants/panel.js.map +1 -0
  92. package/lib/esm/constants/texts.js +6 -1
  93. package/lib/esm/constants/texts.js.map +1 -1
  94. package/lib/esm/contexts/BuilderContext.js +15 -7
  95. package/lib/esm/contexts/BuilderContext.js.map +1 -1
  96. package/lib/esm/contexts/Providers.js +8 -1
  97. package/lib/esm/contexts/Providers.js.map +1 -1
  98. package/lib/esm/styles/_jfReportsFloatings.scss +39 -7
  99. package/lib/esm/styles/_jfReportsHelpers.scss +1 -1
  100. package/lib/esm/styles/_jfReportsMain.scss +8 -0
  101. package/lib/esm/styles/_jfReportsPanels.scss +10 -7
  102. package/lib/esm/styles/_jfReportsReportItem.scss +2 -2
  103. package/lib/esm/styles/_jfReportsSlides.scss +2 -2
  104. package/lib/esm/styles/_jfReportsVariables.scss +1 -0
  105. package/lib/esm/styles/_jfReportsViewModes.scss +1 -0
  106. package/lib/esm/styles/jfReportsBundle.scss +1 -0
  107. package/lib/esm/styles/slides-navigator.scss +239 -0
  108. package/lib/esm/utils/functions.js +8 -27
  109. package/lib/esm/utils/functions.js.map +1 -1
  110. package/lib/esm/utils/hooks.js +3 -1
  111. package/lib/esm/utils/hooks.js.map +1 -1
  112. package/lib/esm/utils/icons.js +0 -1
  113. package/lib/esm/utils/icons.js.map +1 -1
  114. package/package.json +3 -1
  115. package/lib/cjs/assets/svg/all_slides.svg.js +0 -23
  116. package/lib/cjs/assets/svg/all_slides.svg.js.map +0 -1
  117. package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanel.js +0 -148
  118. package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanel.js.map +0 -1
  119. package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js +0 -29
  120. package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js.map +0 -1
  121. package/lib/cjs/components/Panels/AllSlidesPanel/PageActionsBar.js +0 -107
  122. package/lib/cjs/components/Panels/AllSlidesPanel/PageActionsBar.js.map +0 -1
  123. package/lib/cjs/components/Panels/AllSlidesPanel/PageItem.js +0 -102
  124. package/lib/cjs/components/Panels/AllSlidesPanel/PageItem.js.map +0 -1
  125. package/lib/cjs/components/Panels/AllSlidesPanel/PageItemDragOverlay.js.map +0 -1
  126. package/lib/cjs/components/Panels/AllSlidesPanel/PageList.js +0 -178
  127. package/lib/cjs/components/Panels/AllSlidesPanel/PageList.js.map +0 -1
  128. package/lib/cjs/components/Panels/AllSlidesPanel/PageThumbnailActions.js +0 -95
  129. package/lib/cjs/components/Panels/AllSlidesPanel/PageThumbnailActions.js.map +0 -1
  130. package/lib/cjs/components/Panels/AllSlidesPanel/index.js +0 -8
  131. package/lib/cjs/components/Panels/AllSlidesPanel/index.js.map +0 -1
  132. package/lib/cjs/components/Settings/Button.js +0 -44
  133. package/lib/cjs/components/Settings/Button.js.map +0 -1
  134. package/lib/esm/assets/svg/all_slides.svg.js +0 -21
  135. package/lib/esm/assets/svg/all_slides.svg.js.map +0 -1
  136. package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanel.js +0 -142
  137. package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanel.js.map +0 -1
  138. package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js +0 -23
  139. package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js.map +0 -1
  140. package/lib/esm/components/Panels/AllSlidesPanel/PageActionsBar.js +0 -101
  141. package/lib/esm/components/Panels/AllSlidesPanel/PageActionsBar.js.map +0 -1
  142. package/lib/esm/components/Panels/AllSlidesPanel/PageItem.js +0 -95
  143. package/lib/esm/components/Panels/AllSlidesPanel/PageItem.js.map +0 -1
  144. package/lib/esm/components/Panels/AllSlidesPanel/PageItemDragOverlay.js +0 -48
  145. package/lib/esm/components/Panels/AllSlidesPanel/PageItemDragOverlay.js.map +0 -1
  146. package/lib/esm/components/Panels/AllSlidesPanel/PageList.js +0 -172
  147. package/lib/esm/components/Panels/AllSlidesPanel/PageList.js.map +0 -1
  148. package/lib/esm/components/Panels/AllSlidesPanel/PageThumbnailActions.js +0 -89
  149. package/lib/esm/components/Panels/AllSlidesPanel/PageThumbnailActions.js.map +0 -1
  150. package/lib/esm/components/Panels/AllSlidesPanel/index.js +0 -3
  151. package/lib/esm/components/Panels/AllSlidesPanel/index.js.map +0 -1
  152. package/lib/esm/components/Settings/Button.js +0 -38
  153. package/lib/esm/components/Settings/Button.js.map +0 -1
@@ -5,10 +5,9 @@ import SortablePageList from './SortablePageList.js';
5
5
  import Section from '../../Builder/Section.js';
6
6
  import { useBuilderStore } from '../../../contexts/BuilderContext.js';
7
7
  import { usePropStore } from '../../../contexts/PropContext.js';
8
- import { arrayMove } from '../../../utils/functions.js';
8
+ import { arrayMove, slidesAsPanel } from '../../../utils/functions.js';
9
9
  import SlidesPanelToggler from './SlidesPanelToggler.js';
10
10
  import ListWrapper from './ListWrapper.js';
11
- import Button from '../../Settings/Button.js';
12
11
  import { useClickOutsideListener, useTranslatedTexts } from '../../../utils/hooks.js';
13
12
  import { jsxs, jsx } from 'react/jsx-runtime';
14
13
 
@@ -28,15 +27,15 @@ var SlidesPanel = function SlidesPanel() {
28
27
  var isRightPanelOpen = useBuilderStore(function (state) {
29
28
  return state.isRightPanelOpen;
30
29
  });
31
- var setIsAllSlidesPanelOpen = useBuilderStore(function (state) {
32
- return state.setIsAllSlidesPanelOpen;
33
- });
34
30
  var isSlidesPanelOpen = useBuilderStore(function (state) {
35
31
  return state.isSlidesPanelOpen;
36
32
  });
37
33
  var setIsSlidesPanelOpen = useBuilderStore(function (state) {
38
34
  return state.setIsSlidesPanelOpen;
39
35
  });
36
+ var slidesListType = useBuilderStore(function (state) {
37
+ return state.slidesListType;
38
+ });
40
39
  var pages = usePropStore(function (state) {
41
40
  return state.pages;
42
41
  });
@@ -46,9 +45,6 @@ var SlidesPanel = function SlidesPanel() {
46
45
  var onAnEventTrigger = usePropStore(function (state) {
47
46
  return state.onAnEventTrigger;
48
47
  });
49
- var useExperimentalFeatures = usePropStore(function (state) {
50
- return state.useExperimentalFeatures;
51
- });
52
48
 
53
49
  var _useState = useState(true),
54
50
  _useState2 = _slicedToArray(_useState, 2),
@@ -91,7 +87,7 @@ var SlidesPanel = function SlidesPanel() {
91
87
  var _useTranslatedTexts = useTranslatedTexts(),
92
88
  SLIDES = _useTranslatedTexts.SLIDES;
93
89
 
94
- return /*#__PURE__*/jsxs(Panel, {
90
+ return slidesAsPanel(slidesListType) ? /*#__PURE__*/jsxs(Panel, {
95
91
  additionalClassName: panelAdditionalClassName,
96
92
  onAnimationEnd: onAnimationEnd,
97
93
  children: [isRightPanelOpen ? null : /*#__PURE__*/jsx(SlidesPanelToggler, {
@@ -99,14 +95,7 @@ var SlidesPanel = function SlidesPanel() {
99
95
  }), (isSlidesPanelOpen || !isSlidesPanelOpen && !animationEnd) && /*#__PURE__*/jsx("div", {
100
96
  className: "toolItemWrapper f-height d-flex dir-col",
101
97
  children: /*#__PURE__*/jsx(Section, {
102
- additionalComponent: useExperimentalFeatures ? /*#__PURE__*/jsx(Button, {
103
- classNames: "jfReportButton isAccent showAll",
104
- icon: "allSlides",
105
- onClick: function onClick() {
106
- return setIsAllSlidesPanelOpen(true);
107
- },
108
- title: "Show All"
109
- }) : null,
98
+ additionalComponent: null,
110
99
  icon: "slides",
111
100
  title: SLIDES,
112
101
  children: /*#__PURE__*/jsx("div", {
@@ -119,7 +108,7 @@ var SlidesPanel = function SlidesPanel() {
119
108
  })
120
109
  })
121
110
  })]
122
- });
111
+ }) : null;
123
112
  };
124
113
 
125
114
  export default SlidesPanel;
@@ -1 +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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"}
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, 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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"}
@@ -17,9 +17,6 @@ var ReportWrapper = function ReportWrapper(_ref) {
17
17
  var theme = usePropStore(function (state) {
18
18
  return state.theme;
19
19
  });
20
- var isAllSlidesPanelOpen = useBuilderStore(function (state) {
21
- return state.isAllSlidesPanelOpen;
22
- });
23
20
  var isLeftPanelOpen = useBuilderStore(function (state) {
24
21
  return state.isLeftPanelOpen;
25
22
  });
@@ -29,10 +26,13 @@ var ReportWrapper = function ReportWrapper(_ref) {
29
26
  var isSlidesPanelOpen = useBuilderStore(function (state) {
30
27
  return state.isSlidesPanelOpen;
31
28
  });
29
+ var isSlidesNavigatorOpen = useBuilderStore(function (state) {
30
+ return state.isSlidesNavigatorOpen;
31
+ });
32
32
  var wrapperClass = classNames('jfReport', 'f-height', 'd-flex', getModeClass(mode), theme, {
33
- allSlidesPaneIsActive: isAllSlidesPanelOpen,
34
33
  leftPaneIsActive: isLeftPanelOpen,
35
34
  rightPaneIsActive: isRightPanelOpen || isSlidesPanelOpen,
35
+ slidesNavigatorIsActive: isSlidesNavigatorOpen,
36
36
  slidesPaneIsActive: isSlidesPanelOpen
37
37
  });
38
38
  return /*#__PURE__*/jsx("div", {
@@ -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,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,KAAV;AAAA,GAAN,CAA1B;AAEA,MAAMG,oBAAoB,GAAGC,eAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACC,oBAAV;AAAA,GAAN,CAA5C;AACA,MAAME,eAAe,GAAGD,eAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACG,eAAV;AAAA,GAAN,CAAvC;AACA,MAAMC,gBAAgB,GAAGF,eAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACI,gBAAV;AAAA,GAAN,CAAxC;AACA,MAAMC,iBAAiB,GAAGH,eAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACK,iBAAV;AAAA,GAAN,CAAzC;AAEA,MAAMC,YAAY,GAAGC,UAAU,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,SAAS,CAACC,IADI;AAExBpB,EAAAA,IAAI,EAAEmB,SAAS,CAACE;AAFQ,CAA1B;AAKA,mCAAeC,IAAI,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,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,KAAV;AAAA,GAAN,CAA1B;AAEA,MAAMG,eAAe,GAAGC,eAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACC,eAAV;AAAA,GAAN,CAAvC;AACA,MAAME,gBAAgB,GAAGD,eAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACG,gBAAV;AAAA,GAAN,CAAxC;AACA,MAAMC,iBAAiB,GAAGF,eAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACI,iBAAV;AAAA,GAAN,CAAzC;AACA,MAAMC,qBAAqB,GAAGH,eAAe,CAAC,UAAAF,KAAK;AAAA,WAAIA,KAAK,CAACK,qBAAV;AAAA,GAAN,CAA7C;AAEA,MAAMC,YAAY,GAAGC,UAAU,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,SAAS,CAACC,IADI;AAExBpB,EAAAA,IAAI,EAAEmB,SAAS,CAACE;AAFQ,CAA1B;AAKA,mCAAeC,IAAI,CAACrB,aAAD,CAAnB;;;;"}
@@ -0,0 +1,7 @@
1
+ var SLIDES_LIST_TYPE_MAP = {
2
+ NAVIGATOR: 'NAVIGATOR',
3
+ PANEL: 'PANEL'
4
+ };
5
+
6
+ export { SLIDES_LIST_TYPE_MAP };
7
+ //# sourceMappingURL=panel.js.map
@@ -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;;;;"}
@@ -8,7 +8,9 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
8
8
  var ALL_TEXTS = {
9
9
  ADD_ELEMENT: 'Add Element',
10
10
  ADD_LINK: 'ADD LINK',
11
- ADD_NEW_PAGE: 'ADD SLIDE',
11
+ ADD_NEW_PAGE: 'Add New Slide',
12
+ ADD_NEW_SLIDE: 'Add new slide',
13
+ ADD_SLIDE: 'Add Slide',
12
14
  BACKGROUND_COLOR: 'Background Color',
13
15
  CHART_ELEMENT: 'Chart Element',
14
16
  CHART_SETTINGS: 'Chart Settings',
@@ -16,8 +18,10 @@ var ALL_TEXTS = {
16
18
  CLICK_TO_EDIT_TEXT: 'Click to edit text',
17
19
  DELETE: 'Delete',
18
20
  DELETE_ITEM: 'Delete Item',
21
+ DELETE_SLIDE: 'Delete slide',
19
22
  DUPLICATE_ITEM: 'Duplicate Item',
20
23
  DUPLICATE_PAGE: 'Duplicate Slide',
24
+ DUPLICATE_SLIDE: 'Duplicate slide',
21
25
  ELEMENTS: 'Elements',
22
26
  ERROR_BOUNDARY_DESCRIPTION: 'We\'ve been notified of the issue and aim to fix it shortly. Please try again later.',
23
27
  ERROR_BOUNDARY_ITEM_DESCRIPTION: 'Please try removing and re-adding the item.',
@@ -54,6 +58,7 @@ var ALL_TEXTS = {
54
58
  SHAPES_SETTINGS: 'Shape Settings',
55
59
  SHOW_ALL: 'Show All',
56
60
  SLIDES: 'Slides',
61
+ SLIDES_NAVIGATOR_TOGGLE: 'Slides Navigator Toggle',
57
62
  TEXT_SETTINGS: 'Text Settings',
58
63
  TOGGLE_OFF: 'OFF',
59
64
  TOGGLE_ON: 'ON',
@@ -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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"}
@@ -2,6 +2,7 @@ import 'core-js/modules/es.array.concat.js';
2
2
  import { useContext, createContext, useRef } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { useStore, createStore } from 'zustand';
5
+ import { SLIDES_LIST_TYPE_MAP } from '../constants/panel.js';
5
6
  import { jsx } from 'react/jsx-runtime';
6
7
 
7
8
  var _excluded = ["children", "value"];
@@ -42,10 +43,10 @@ var builderStore = function builderStore(props) {
42
43
  contextMenuProps: props.contextMenuProps || false,
43
44
  editedElement: props.editedElement || 'l_layout',
44
45
  guides: {},
45
- isAllSlidesPanelOpen: props.isAllSlidesPanelOpen || false,
46
46
  isLeftPanelOpen: props.isLeftPanelOpen || false,
47
47
  isResize: false,
48
48
  isRightPanelOpen: props.isRightPanelOpen || false,
49
+ isSlidesNavigatorOpen: props.isSlidesNavigatorOpen || false,
49
50
  isSlidesPanelOpen: props.isSlidesPanelOpen || false,
50
51
  isTextEditorOpen: props.isTextEditorOpen || false,
51
52
  lastScrollPosition: props.lastScrollPosition || 0,
@@ -110,11 +111,6 @@ var builderStore = function builderStore(props) {
110
111
  guides: guides
111
112
  });
112
113
  },
113
- setIsAllSlidesPanelOpen: function setIsAllSlidesPanelOpen(status) {
114
- set({
115
- isAllSlidesPanelOpen: status
116
- });
117
- },
118
114
  setIsLeftPanelOpen: props.setIsLeftPanelOpen || function (status) {
119
115
  var _get3 = get(),
120
116
  isEnoughCanvasSize = _get3.isEnoughCanvasSize;
@@ -144,6 +140,11 @@ var builderStore = function builderStore(props) {
144
140
  }));
145
141
  onRightPanelsToggled(status);
146
142
  },
143
+ setIsSlidesNavigatorOpen: function setIsSlidesNavigatorOpen(status) {
144
+ set({
145
+ isSlidesNavigatorOpen: status
146
+ });
147
+ },
147
148
  setIsSlidesPanelOpen: props.setIsSlidesPanelOpen || function (status) {
148
149
  var _get5 = get(),
149
150
  isEnoughCanvasSize = _get5.isEnoughCanvasSize,
@@ -168,6 +169,11 @@ var builderStore = function builderStore(props) {
168
169
  matches: matches
169
170
  });
170
171
  },
172
+ setVisiblePageOrder: function setVisiblePageOrder(visiblePageOrder) {
173
+ set({
174
+ visiblePageOrder: visiblePageOrder
175
+ });
176
+ },
171
177
  setZoom: function setZoom(zoom, layoutWidth) {
172
178
  set({
173
179
  zoom: zoom
@@ -192,7 +198,9 @@ var builderStore = function builderStore(props) {
192
198
  }
193
199
  },
194
200
  shouldShowRightPanelInitially: (_props$shouldShowRigh = props.shouldShowRightPanelInitially) !== null && _props$shouldShowRigh !== void 0 ? _props$shouldShowRigh : true,
195
- zoom: 1
201
+ slidesListType: props.slidesListType || SLIDES_LIST_TYPE_MAP.PANEL,
202
+ visiblePageOrder: 1,
203
+ zoom: 0.8
196
204
  };
197
205
  });
198
206
  };
@@ -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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"}
@@ -1,10 +1,12 @@
1
+ import 'core-js/modules/es.object.values.js';
1
2
  import PropTypes from 'prop-types';
2
3
  import { BuilderProvider } from './BuilderContext.js';
3
4
  import { PresentationProvider } from './PresentationContext.js';
4
5
  import { PropProvider } from './PropContext.js';
6
+ import { SLIDES_LIST_TYPE_MAP } from '../constants/panel.js';
5
7
  import { jsx } from 'react/jsx-runtime';
6
8
 
7
- var _excluded = ["children", "clickOutsideIgnoreSelectors", "lastScrollPosition", "mode", "onRightPanelsToggled", "presentationBarActions", "shouldShowRightPanelInitially", "useFixedPresentationBar"];
9
+ var _excluded = ["children", "clickOutsideIgnoreSelectors", "lastScrollPosition", "mode", "onRightPanelsToggled", "presentationBarActions", "shouldShowRightPanelInitially", "slidesListType", "useFixedPresentationBar"];
8
10
 
9
11
  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; }
10
12
 
@@ -24,6 +26,7 @@ var Providers = function Providers(_ref) {
24
26
  onRightPanelsToggled = _ref.onRightPanelsToggled,
25
27
  presentationBarActions = _ref.presentationBarActions,
26
28
  shouldShowRightPanelInitially = _ref.shouldShowRightPanelInitially,
29
+ slidesListType = _ref.slidesListType,
27
30
  useFixedPresentationBar = _ref.useFixedPresentationBar,
28
31
  props = _objectWithoutProperties(_ref, _excluded);
29
32
 
@@ -32,6 +35,7 @@ var Providers = function Providers(_ref) {
32
35
  lastScrollPosition: lastScrollPosition,
33
36
  onRightPanelsToggled: onRightPanelsToggled,
34
37
  shouldShowRightPanelInitially: shouldShowRightPanelInitially,
38
+ slidesListType: slidesListType,
35
39
  children: /*#__PURE__*/jsx(PropProvider, _objectSpread(_objectSpread({}, props), {}, {
36
40
  children: mode === 'customize' ? children : /*#__PURE__*/jsx(PresentationProvider, {
37
41
  presentationBarActions: presentationBarActions,
@@ -67,6 +71,9 @@ Providers.propTypes = {
67
71
  shouldShowRightPanelInitially: PropTypes.bool,
68
72
 
69
73
  /** Flag for whether to show the right panel initially */
74
+ slidesListType: PropTypes.oneOf(Object.values(SLIDES_LIST_TYPE_MAP)),
75
+
76
+ /** Slides list type for the report */
70
77
  useFixedPresentationBar: PropTypes.bool
71
78
  };
72
79
 
@@ -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","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,IAAC,eAAD;AACE,IAAA,2BAA2B,EAAER,2BAD/B;AAEE,IAAA,kBAAkB,EAAEC,kBAFtB;AAGE,IAAA,oBAAoB,EAAEE,oBAHxB;AAIE,IAAA,6BAA6B,EAAEE,6BAJjC;AAAA,2BAMEG,IAAC,YAAD,kCAAkBD,KAAlB;AAAA,gBACGL,IAAI,KAAK,WAAT,GAAuBH,QAAvB,gBACCS,IAAC,oBAAD;AACE,QAAA,sBAAsB,EAAEJ,sBAD1B;AAEE,QAAA,uBAAuB,EAAEE,uBAF3B;AAAA,kBAIGP;AAJH;AAFJ;AANF,IADF;AAmBD;;AAEDD,SAAS,CAACW,SAAV,GAAsB;AACpBV,EAAAA,QAAQ,EAAEW,SAAS,CAACC,IAAV,CAAeC,UADL;;AAEpB;AACAZ,EAAAA,2BAA2B,EAAEU,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,MAA5B,CAHT;;AAIpB;AACAb,EAAAA,kBAAkB,EAAES,SAAS,CAACK,MALV;;AAMpB;AACAb,EAAAA,IAAI,EAAEQ,SAAS,CAACM,KAAV,CAAgB,CAAC,WAAD,EAAc,cAAd,EAA8B,SAA9B,EAAyC,OAAzC,CAAhB,CAPc;;AAQpB;AACF;AACA;AACA;AACEb,EAAAA,oBAAoB,EAAEO,SAAS,CAACO,IAZZ;;AAapB;AACAb,EAAAA,sBAAsB,EAAEM,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACQ,KAAV,CAAgB,EAAhB,CAAlB,CAdJ;;AAepB;AACAb,EAAAA,6BAA6B,EAAEK,SAAS,CAACS,IAhBrB;;AAiBpB;AACAb,EAAAA,uBAAuB,EAAEI,SAAS,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","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,IAAC,eAAD;AACE,IAAA,2BAA2B,EAAET,2BAD/B;AAEE,IAAA,kBAAkB,EAAEC,kBAFtB;AAGE,IAAA,oBAAoB,EAAEE,oBAHxB;AAIE,IAAA,6BAA6B,EAAEE,6BAJjC;AAKE,IAAA,cAAc,EAAEC,cALlB;AAAA,2BAOEG,IAAC,YAAD,kCAAkBD,KAAlB;AAAA,gBACGN,IAAI,KAAK,WAAT,GAAuBH,QAAvB,gBACCU,IAAC,oBAAD;AACE,QAAA,sBAAsB,EAAEL,sBAD1B;AAEE,QAAA,uBAAuB,EAAEG,uBAF3B;AAAA,kBAIGR;AAJH;AAFJ;AAPF,IADF;AAoBD;;AAEDD,SAAS,CAACY,SAAV,GAAsB;AACpBX,EAAAA,QAAQ,EAAEY,SAAS,CAACC,IAAV,CAAeC,UADL;;AAEpB;AACAb,EAAAA,2BAA2B,EAAEW,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,MAA5B,CAHT;;AAIpB;AACAd,EAAAA,kBAAkB,EAAEU,SAAS,CAACK,MALV;;AAMpB;AACAd,EAAAA,IAAI,EAAES,SAAS,CAACM,KAAV,CAAgB,CAAC,WAAD,EAAc,cAAd,EAA8B,SAA9B,EAAyC,OAAzC,CAAhB,CAPc;;AAQpB;AACF;AACA;AACA;AACEd,EAAAA,oBAAoB,EAAEQ,SAAS,CAACO,IAZZ;;AAapB;AACAd,EAAAA,sBAAsB,EAAEO,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACQ,KAAV,CAAgB,EAAhB,CAAlB,CAdJ;;AAepB;AACAd,EAAAA,6BAA6B,EAAEM,SAAS,CAACS,IAhBrB;;AAiBpB;AACAd,EAAAA,cAAc,EAAEK,SAAS,CAACM,KAAV,CAAgBI,MAAM,CAACC,MAAP,CAAcC,oBAAd,CAAhB,CAlBI;;AAmBpB;AACAhB,EAAAA,uBAAuB,EAAEI,SAAS,CAACS;AApBf,CAAtB;;;;"}
@@ -200,7 +200,7 @@
200
200
  // Page Toolbar new styles //
201
201
  &.page-toolbar {
202
202
  position: absolute;
203
- top: 58px;
203
+ top: 36px;
204
204
  right: -40px;
205
205
  gap: 4px;
206
206
 
@@ -225,11 +225,7 @@
225
225
 
226
226
  // Zoom Toolbar new styles //
227
227
  &.zoom-toolbar {
228
- position: absolute;
229
- bottom: 20px;
230
- left: 20px;
231
228
  gap: 4px;
232
- z-index: 2;
233
229
 
234
230
  .controllerItem {
235
231
  max-width: 32px;
@@ -244,7 +240,31 @@
244
240
  }
245
241
  }
246
242
 
247
- &.page-toolbar, &.zoom-toolbar {
243
+ // Slides Navigator Toggle new styles //
244
+ &.slides-navigator-toggle {
245
+ .controllerItem {
246
+ max-width: 32px;
247
+ max-height: 32px;
248
+ min-width: 32px;
249
+ min-height: 32px;
250
+
251
+ .toolbar-icon {
252
+ width: 20px;
253
+ height: 20px;
254
+ color: #0a1551;
255
+ fill: #0a1551;
256
+
257
+ path {
258
+ color: #0a1551;
259
+ fill: #0a1551;
260
+ }
261
+ }
262
+ }
263
+ }
264
+
265
+ &.page-toolbar,
266
+ &.zoom-toolbar,
267
+ &.slides-navigator-toggle {
248
268
  display: flex;
249
269
  flex-direction: column;
250
270
  align-items: flex-start;
@@ -385,7 +405,7 @@
385
405
  }
386
406
  }
387
407
 
388
- &:not(.forSlides):not(.forBar) {
408
+ &:not(.forSlides):not(.forBar):not(.zoom-toolbar):not(.slides-navigator-toggle) {
389
409
  position: absolute;
390
410
  }
391
411
 
@@ -393,3 +413,15 @@
393
413
  position: relative;
394
414
  }
395
415
  }
416
+
417
+ .bottom-actions-container {
418
+ display: flex;
419
+ flex-direction: column;
420
+ align-items: center;
421
+ justify-content: center;
422
+ position: absolute;
423
+ bottom: 20px;
424
+ left: 20px;
425
+ gap: 4px;
426
+ z-index: 2;
427
+ }
@@ -44,7 +44,7 @@
44
44
 
45
45
  // Helpers //
46
46
 
47
- .jfReport, .jfPresentation, .jfReportModal, .pageThumbnailHelper {
47
+ .jfReport, .jfPresentation, .jfReportModal, .pageThumbnailHelper, .slides-navigator {
48
48
 
49
49
  .disabled {
50
50
  opacity: .4;
@@ -81,6 +81,14 @@ body {
81
81
  }
82
82
  }
83
83
 
84
+ .slidesNavigatorIsActive {
85
+ &.jfReport {
86
+ left: $slides-navigator-width;
87
+ width: calc(100% - $slides-navigator-width);
88
+ transition: all .3s ease-in;
89
+ }
90
+ }
91
+
84
92
  .errorBoundary-wrapper {
85
93
  display: flex;
86
94
  flex-direction: column;
@@ -304,19 +304,22 @@
304
304
  }
305
305
 
306
306
  &.addElementToggle {
307
- width: 160px;
307
+ width: 54px;
308
308
  background-color: #252D5B;
309
309
  height: 54px;
310
- border-radius: 0;
311
- border-top-right-radius: 100px;
312
- border-bottom-right-radius: 100px;
313
- justify-content: space-between;
314
- padding: 19px 18px;
310
+ border-radius: 100px;
311
+ justify-content: center;
312
+ padding: 14px;
315
313
 
316
314
  span {
317
315
  color: #ffffff;
318
316
  font-size: 15px;
319
317
  }
318
+
319
+ .plus-icon {
320
+ width: 28px;
321
+ height: 28px;
322
+ }
320
323
  }
321
324
 
322
325
  &.settingsToggle {
@@ -426,7 +429,7 @@
426
429
  left: calc(100% + 15px);
427
430
 
428
431
  &.addElementToggle {
429
- left: 100%;
432
+ left: calc(100% + 12px);
430
433
  }
431
434
  }
432
435
  }
@@ -188,7 +188,7 @@
188
188
  }
189
189
  }
190
190
 
191
- .jfReport, .jfPresentation, .pageThumbnailHelper {
191
+ .jfReport, .jfPresentation, .pageThumbnailHelper, .slides-navigator {
192
192
  .reportItem {
193
193
  .fitFor- {
194
194
  width: 100%;
@@ -230,7 +230,7 @@
230
230
  }
231
231
  }
232
232
 
233
- .pageThumbnailHelper {
233
+ .pageThumbnailHelper, .slides-navigator {
234
234
  .reportItemWrapper {
235
235
  width: 100%;
236
236
  height: 100%;
@@ -86,12 +86,12 @@
86
86
  text-align: center;
87
87
  }
88
88
 
89
- .pageThumbnailHelper .thumbnailFrame {
89
+ .pageThumbnailHelper .thumbnailFrame, .slides-navigator .thumbnailFrame {
90
90
  width: 158px;
91
91
  height: 112px;
92
92
  }
93
93
 
94
- .forSlides .thumbnailWrapper, .pageThumbnailHelper {
94
+ .forSlides .thumbnailWrapper, .pageThumbnailHelper, .slides-navigator {
95
95
  min-height: 120px;
96
96
  padding: 4px;
97
97
  border-left: 3px solid transparent;
@@ -40,3 +40,4 @@ $jfReportChoice-bigCheckIcon: url("data:image/svg+xml,%3Csvg width='12' height='
40
40
 
41
41
  $left-pane-width: 310px;
42
42
  $right-pane-width: 360px;
43
+ $slides-navigator-width: 192px;
@@ -25,6 +25,7 @@
25
25
  .jfReport.customizeMode {
26
26
  .jfReport-canvas {
27
27
  padding: 0 120px;
28
+ transition: margin .3s ease-in;
28
29
  }
29
30
 
30
31
  .jfReport-page {
@@ -24,3 +24,4 @@
24
24
  @import "jfSearchInput";
25
25
  @import "jfLightTheme";
26
26
  @import "jfDarkTheme";
27
+ @import "slides-navigator";