@jotforminc/dnd-builder 3.5.6 → 3.6.2

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 (157) hide show
  1. package/CHANGELOG.md +30 -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 +30 -5
  5. package/lib/cjs/components/Builder/BuilderWrapper.js.map +1 -1
  6. package/lib/cjs/components/Builder/PageActions.js +62 -54
  7. package/lib/cjs/components/Builder/PageActions.js.map +1 -1
  8. package/lib/cjs/components/Builder/Scene.js +43 -29
  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 +140 -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 +238 -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/components/TextEditor/TextEditor.js +2 -2
  35. package/lib/cjs/components/TextEditor/TextEditor.js.map +1 -1
  36. package/lib/cjs/constants/panel.js +11 -0
  37. package/lib/cjs/constants/panel.js.map +1 -0
  38. package/lib/cjs/constants/texts.js +6 -1
  39. package/lib/cjs/constants/texts.js.map +1 -1
  40. package/lib/cjs/contexts/BuilderContext.js +111 -19
  41. package/lib/cjs/contexts/BuilderContext.js.map +1 -1
  42. package/lib/cjs/contexts/Providers.js +8 -1
  43. package/lib/cjs/contexts/Providers.js.map +1 -1
  44. package/lib/cjs/styles/_jfReportsFloatings.scss +51 -8
  45. package/lib/cjs/styles/_jfReportsHelpers.scss +1 -1
  46. package/lib/cjs/styles/_jfReportsMain.scss +8 -0
  47. package/lib/cjs/styles/_jfReportsPanels.scss +10 -7
  48. package/lib/cjs/styles/_jfReportsReportItem.scss +2 -2
  49. package/lib/cjs/styles/_jfReportsSlides.scss +2 -2
  50. package/lib/cjs/styles/_jfReportsVariables.scss +1 -0
  51. package/lib/cjs/styles/_jfReportsViewModes.scss +1 -0
  52. package/lib/cjs/styles/jfReportsBundle.scss +1 -0
  53. package/lib/cjs/styles/slides-navigator.scss +240 -0
  54. package/lib/cjs/utils/functions.js +9 -28
  55. package/lib/cjs/utils/functions.js.map +1 -1
  56. package/lib/cjs/utils/hooks.js +3 -1
  57. package/lib/cjs/utils/hooks.js.map +1 -1
  58. package/lib/cjs/utils/icons.js +0 -2
  59. package/lib/cjs/utils/icons.js.map +1 -1
  60. package/lib/esm/components/Builder/Builder.js +1 -3
  61. package/lib/esm/components/Builder/Builder.js.map +1 -1
  62. package/lib/esm/components/Builder/BuilderWrapper.js +31 -6
  63. package/lib/esm/components/Builder/BuilderWrapper.js.map +1 -1
  64. package/lib/esm/components/Builder/PageActions.js +65 -57
  65. package/lib/esm/components/Builder/PageActions.js.map +1 -1
  66. package/lib/esm/components/Builder/Scene.js +45 -31
  67. package/lib/esm/components/Builder/Scene.js.map +1 -1
  68. package/lib/esm/components/Builder/SlidesNavigatorToggle.js +39 -0
  69. package/lib/esm/components/Builder/SlidesNavigatorToggle.js.map +1 -0
  70. package/lib/esm/components/PageItemResizer.js +1 -1
  71. package/lib/esm/components/PageItemResizer.js.map +1 -1
  72. package/lib/esm/components/Panels/LeftPanel/LeftPanelOpener.js +5 -7
  73. package/lib/esm/components/Panels/LeftPanel/LeftPanelOpener.js.map +1 -1
  74. package/lib/esm/components/Panels/RightPanel/RightPanel.js +1 -1
  75. package/lib/esm/components/Panels/RightPanel/RightPanel.js.map +1 -1
  76. package/lib/esm/components/Panels/SlidesNavigator/MoreMenu/SlideItemMoreMenu.js +251 -0
  77. package/lib/esm/components/Panels/SlidesNavigator/MoreMenu/SlideItemMoreMenu.js.map +1 -0
  78. package/lib/esm/components/Panels/SlidesNavigator/SlideItem.js +134 -0
  79. package/lib/esm/components/Panels/SlidesNavigator/SlideItem.js.map +1 -0
  80. package/lib/esm/components/Panels/SlidesNavigator/SlideItemDragOverlay.js +61 -0
  81. package/lib/esm/components/Panels/SlidesNavigator/SlideItemDragOverlay.js.map +1 -0
  82. package/lib/esm/components/Panels/SlidesNavigator/SlideItemsList.js +232 -0
  83. package/lib/esm/components/Panels/SlidesNavigator/SlideItemsList.js.map +1 -0
  84. package/lib/esm/components/Panels/SlidesNavigator/SlidesNavigator.js +52 -0
  85. package/lib/esm/components/Panels/SlidesNavigator/SlidesNavigator.js.map +1 -0
  86. package/lib/esm/components/Panels/SlidesNavigator/StaticSlideItem.js +91 -0
  87. package/lib/esm/components/Panels/SlidesNavigator/StaticSlideItem.js.map +1 -0
  88. package/lib/esm/components/Panels/SlidesPanel/SlidesPanel.js +7 -18
  89. package/lib/esm/components/Panels/SlidesPanel/SlidesPanel.js.map +1 -1
  90. package/lib/esm/components/ReportWrapper.js +4 -4
  91. package/lib/esm/components/ReportWrapper.js.map +1 -1
  92. package/lib/esm/components/TextEditor/TextEditor.js +2 -2
  93. package/lib/esm/components/TextEditor/TextEditor.js.map +1 -1
  94. package/lib/esm/constants/panel.js +7 -0
  95. package/lib/esm/constants/panel.js.map +1 -0
  96. package/lib/esm/constants/texts.js +6 -1
  97. package/lib/esm/constants/texts.js.map +1 -1
  98. package/lib/esm/contexts/BuilderContext.js +111 -19
  99. package/lib/esm/contexts/BuilderContext.js.map +1 -1
  100. package/lib/esm/contexts/Providers.js +8 -1
  101. package/lib/esm/contexts/Providers.js.map +1 -1
  102. package/lib/esm/styles/_jfReportsFloatings.scss +51 -8
  103. package/lib/esm/styles/_jfReportsHelpers.scss +1 -1
  104. package/lib/esm/styles/_jfReportsMain.scss +8 -0
  105. package/lib/esm/styles/_jfReportsPanels.scss +10 -7
  106. package/lib/esm/styles/_jfReportsReportItem.scss +2 -2
  107. package/lib/esm/styles/_jfReportsSlides.scss +2 -2
  108. package/lib/esm/styles/_jfReportsVariables.scss +1 -0
  109. package/lib/esm/styles/_jfReportsViewModes.scss +1 -0
  110. package/lib/esm/styles/jfReportsBundle.scss +1 -0
  111. package/lib/esm/styles/slides-navigator.scss +240 -0
  112. package/lib/esm/utils/functions.js +8 -27
  113. package/lib/esm/utils/functions.js.map +1 -1
  114. package/lib/esm/utils/hooks.js +3 -1
  115. package/lib/esm/utils/hooks.js.map +1 -1
  116. package/lib/esm/utils/icons.js +0 -1
  117. package/lib/esm/utils/icons.js.map +1 -1
  118. package/package.json +3 -1
  119. package/lib/cjs/assets/svg/all_slides.svg.js +0 -23
  120. package/lib/cjs/assets/svg/all_slides.svg.js.map +0 -1
  121. package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanel.js +0 -148
  122. package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanel.js.map +0 -1
  123. package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js +0 -29
  124. package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js.map +0 -1
  125. package/lib/cjs/components/Panels/AllSlidesPanel/PageActionsBar.js +0 -107
  126. package/lib/cjs/components/Panels/AllSlidesPanel/PageActionsBar.js.map +0 -1
  127. package/lib/cjs/components/Panels/AllSlidesPanel/PageItem.js +0 -102
  128. package/lib/cjs/components/Panels/AllSlidesPanel/PageItem.js.map +0 -1
  129. package/lib/cjs/components/Panels/AllSlidesPanel/PageItemDragOverlay.js.map +0 -1
  130. package/lib/cjs/components/Panels/AllSlidesPanel/PageList.js +0 -178
  131. package/lib/cjs/components/Panels/AllSlidesPanel/PageList.js.map +0 -1
  132. package/lib/cjs/components/Panels/AllSlidesPanel/PageThumbnailActions.js +0 -95
  133. package/lib/cjs/components/Panels/AllSlidesPanel/PageThumbnailActions.js.map +0 -1
  134. package/lib/cjs/components/Panels/AllSlidesPanel/index.js +0 -8
  135. package/lib/cjs/components/Panels/AllSlidesPanel/index.js.map +0 -1
  136. package/lib/cjs/components/Settings/Button.js +0 -44
  137. package/lib/cjs/components/Settings/Button.js.map +0 -1
  138. package/lib/esm/assets/svg/all_slides.svg.js +0 -21
  139. package/lib/esm/assets/svg/all_slides.svg.js.map +0 -1
  140. package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanel.js +0 -142
  141. package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanel.js.map +0 -1
  142. package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js +0 -23
  143. package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js.map +0 -1
  144. package/lib/esm/components/Panels/AllSlidesPanel/PageActionsBar.js +0 -101
  145. package/lib/esm/components/Panels/AllSlidesPanel/PageActionsBar.js.map +0 -1
  146. package/lib/esm/components/Panels/AllSlidesPanel/PageItem.js +0 -95
  147. package/lib/esm/components/Panels/AllSlidesPanel/PageItem.js.map +0 -1
  148. package/lib/esm/components/Panels/AllSlidesPanel/PageItemDragOverlay.js +0 -48
  149. package/lib/esm/components/Panels/AllSlidesPanel/PageItemDragOverlay.js.map +0 -1
  150. package/lib/esm/components/Panels/AllSlidesPanel/PageList.js +0 -172
  151. package/lib/esm/components/Panels/AllSlidesPanel/PageList.js.map +0 -1
  152. package/lib/esm/components/Panels/AllSlidesPanel/PageThumbnailActions.js +0 -89
  153. package/lib/esm/components/Panels/AllSlidesPanel/PageThumbnailActions.js.map +0 -1
  154. package/lib/esm/components/Panels/AllSlidesPanel/index.js +0 -3
  155. package/lib/esm/components/Panels/AllSlidesPanel/index.js.map +0 -1
  156. package/lib/esm/components/Settings/Button.js +0 -38
  157. package/lib/esm/components/Settings/Button.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"PageList.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageList.js"],"sourcesContent":["import {\n memo, useRef, useState, useCallback, useMemo,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors,\n} from '@dnd-kit/core';\nimport { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';\nimport PageItem from './PageItem';\nimport PageItemDragOverlay from './PageItemDragOverlay';\nimport { getScaleForPageThumbnailLarge } from '../../../utils/functions';\nimport PageAdder from '../../Builder/PageAdder';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst PageList = ({\n onPageClick,\n onSortEnd,\n selectedPages,\n}) => {\n const layoutSettings = usePropStore(state => state.settings);\n const pages = usePropStore(state => state.pages);\n\n const [activeId, setActiveId] = useState(null);\n const pageContainerStyles = useRef({});\n const {\n reportBackgroundColor,\n reportLayoutHeight = 794,\n reportLayoutWidth = 1123,\n } = layoutSettings;\n const width = parseInt(reportLayoutWidth, 10);\n const height = parseInt(reportLayoutHeight, 10);\n const scale = getScaleForPageThumbnailLarge(width, height);\n\n pageContainerStyles.current = {\n height: height,\n transform: `scale(${scale})`,\n transformOrigin: '0 0',\n width: width,\n };\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n distance: 0,\n },\n }),\n useSensor(KeyboardSensor),\n );\n\n const handleDragStart = useCallback(event => {\n setActiveId(event.active.id);\n }, []);\n\n const handleDragEnd = useCallback(event => {\n const { active, over } = event;\n setActiveId(null);\n\n if (over && active.id !== over.id) {\n const oldIndex = pages.findIndex(page => page.id === active.id);\n const newIndex = pages.findIndex(page => page.id === over.id);\n\n if (oldIndex !== -1 && newIndex !== -1) {\n onSortEnd({ newIndex, oldIndex });\n }\n }\n }, [pages, onSortEnd]);\n\n const handleDragCancel = useCallback(() => {\n setActiveId(null);\n }, []);\n\n const items = useMemo(() => {\n if (!pages || pages.length === 0) return [];\n return pages.map(page => page.id);\n }, [pages]);\n\n const activePageData = useMemo(() => {\n if (!activeId || !pages) return null;\n\n const activePage = pages.find(page => page.id === activeId);\n if (!activePage) return null;\n\n const { backgroundColor } = activePage;\n const pageContainerLastStyle = {\n ...pageContainerStyles.current,\n backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n };\n\n return {\n page: activePage,\n pageContainerLastStyle,\n };\n }, [activeId, pages, reportBackgroundColor]);\n\n return (\n <DndContext\n collisionDetection={closestCenter}\n onDragCancel={handleDragCancel}\n onDragEnd={handleDragEnd}\n onDragStart={handleDragStart}\n sensors={sensors}\n >\n <SortableContext\n items={items}\n strategy={rectSortingStrategy}\n >\n <ul className=\"jfReport-pageThumbnailList d-flex j-between f-wrap\">\n {pages.map(page => {\n const { backgroundColor } = page;\n const style = {\n ...pageContainerStyles.current,\n backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n };\n return (\n <PageItem\n key={`item-${page.id}-${page.order}`}\n id={page.id}\n index={page.order - 1}\n isSelected={selectedPages.indexOf(page.id) > -1}\n onPageClick={onPageClick}\n order={page.order}\n page={page}\n style={style}\n />\n );\n })}\n <div className=\"thumbnailWrapper forPageAdder d-flex j-end dir-col\">\n <PageAdder />\n </div>\n <div className=\"spacer\" />\n <div className=\"spacer\" />\n <div className=\"spacer\" />\n </ul>\n </SortableContext>\n <PageItemDragOverlay\n activePageData={activePageData}\n />\n </DndContext>\n );\n};\n\nPageList.propTypes = {\n onPageClick: PropTypes.func,\n onSortEnd: PropTypes.func,\n selectedPages: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default memo(PageList);\n"],"names":["PageList","onPageClick","onSortEnd","selectedPages","layoutSettings","usePropStore","state","settings","pages","useState","activeId","setActiveId","pageContainerStyles","useRef","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","scale","getScaleForPageThumbnailLarge","current","transform","transformOrigin","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","KeyboardSensor","handleDragStart","useCallback","event","active","id","handleDragEnd","over","oldIndex","findIndex","page","newIndex","handleDragCancel","items","useMemo","length","map","activePageData","activePage","find","backgroundColor","pageContainerLastStyle","_jsxs","DndContext","closestCenter","_jsx","SortableContext","rectSortingStrategy","style","order","indexOf","propTypes","PropTypes","func","arrayOf","string","memo"],"mappings":"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"}
@@ -1,95 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var PropTypes = require('prop-types');
5
- var PropContext = require('../../../contexts/PropContext.js');
6
- var jsxRuntime = require('react/jsx-runtime');
7
- var duplicate = require('../../../assets/svg/duplicate.svg.js');
8
- var trash = require('../../../assets/svg/trash.svg.js');
9
- var plus = require('../../../assets/svg/plus.svg.js');
10
-
11
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
-
13
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
14
-
15
- var PageThumbnailActions = function PageThumbnailActions(_ref) {
16
- var _ref$order = _ref.order,
17
- order = _ref$order === void 0 ? 0 : _ref$order,
18
- _ref$page = _ref.page,
19
- page = _ref$page === void 0 ? {} : _ref$page;
20
- var onPageAdd = PropContext.usePropStore(function (state) {
21
- return state.onPageAdd;
22
- });
23
- var onPageDuplicate = PropContext.usePropStore(function (state) {
24
- return state.onPageDuplicate;
25
- });
26
- var onPageRemove = PropContext.usePropStore(function (state) {
27
- return state.onPageRemove;
28
- });
29
- var onAnEventTrigger = PropContext.usePropStore(function (state) {
30
- return state.onAnEventTrigger;
31
- });
32
-
33
- var onPageDuplicateClick = function onPageDuplicateClick() {
34
- onPageDuplicate(page);
35
- onAnEventTrigger('duplicatePage', order + 1);
36
- };
37
-
38
- var onPageRemoveClick = function onPageRemoveClick() {
39
- onPageRemove(page.id);
40
- onAnEventTrigger('removePageFromSlides', page.id);
41
- };
42
-
43
- var onPageAddClick = function onPageAddClick() {
44
- var newPageIndex = order + 1;
45
- onPageAdd(newPageIndex);
46
- onAnEventTrigger('addNewPageFromSlides', newPageIndex);
47
- };
48
-
49
- return /*#__PURE__*/jsxRuntime.jsx("div", {
50
- className: "thumbnailActions d-flex j-between f-width",
51
- id: "pageActions-id-".concat(order),
52
- children: /*#__PURE__*/jsxRuntime.jsx("div", {
53
- className: "floatingController forPageAction forSlides f-width",
54
- children: /*#__PURE__*/jsxRuntime.jsxs("div", {
55
- className: "floatingController-container d-flex a-center j-around dir-row",
56
- children: [/*#__PURE__*/jsxRuntime.jsx("button", {
57
- className: "controllerItem",
58
- onClick: onPageDuplicateClick,
59
- title: "Duplicate Page",
60
- type: "button",
61
- children: /*#__PURE__*/jsxRuntime.jsx(duplicate, {
62
- className: "jfReportSVG icon-duplicateLine"
63
- })
64
- }, "Duplicate Page"), /*#__PURE__*/jsxRuntime.jsx("button", {
65
- className: "controllerItem isDanger",
66
- onClick: onPageRemoveClick,
67
- title: "Remove Slide",
68
- type: "button",
69
- children: /*#__PURE__*/jsxRuntime.jsx(trash, {
70
- className: "jfReportSVG icon-trashLine"
71
- })
72
- }, "Remove Slide"), /*#__PURE__*/jsxRuntime.jsx("button", {
73
- className: "controllerItem",
74
- onClick: onPageAddClick,
75
- title: "Add Slide",
76
- type: "button",
77
- children: /*#__PURE__*/jsxRuntime.jsx(plus, {
78
- className: "jfReportSVG icon-plus"
79
- })
80
- }, "Add Slide")]
81
- })
82
- })
83
- });
84
- };
85
-
86
- PageThumbnailActions.propTypes = {
87
- order: PropTypes__default['default'].number,
88
- page: PropTypes__default['default'].shape({
89
- id: PropTypes__default['default'].string
90
- })
91
- };
92
- var PageThumbnailActions$1 = /*#__PURE__*/React.memo(PageThumbnailActions);
93
-
94
- module.exports = PageThumbnailActions$1;
95
- //# sourceMappingURL=PageThumbnailActions.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PageThumbnailActions.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageThumbnailActions.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\nimport { usePropStore } from '../../../contexts/PropContext';\n\nconst PageThumbnailActions = ({\n order = 0,\n page = {},\n}) => {\n const onPageAdd = usePropStore(state => state.onPageAdd);\n const onPageDuplicate = usePropStore(state => state.onPageDuplicate);\n const onPageRemove = usePropStore(state => state.onPageRemove);\n const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n\n const onPageDuplicateClick = () => {\n onPageDuplicate(page);\n onAnEventTrigger('duplicatePage', order + 1);\n };\n\n const onPageRemoveClick = () => {\n onPageRemove(page.id);\n onAnEventTrigger('removePageFromSlides', page.id);\n };\n\n const onPageAddClick = () => {\n const newPageIndex = order + 1;\n onPageAdd(newPageIndex);\n onAnEventTrigger('addNewPageFromSlides', newPageIndex);\n };\n\n return (\n <div\n className=\"thumbnailActions d-flex j-between f-width\"\n id={`pageActions-id-${order}`}\n >\n <div className=\"floatingController forPageAction forSlides f-width\">\n <div className=\"floatingController-container d-flex a-center j-around dir-row\">\n <button\n key=\"Duplicate Page\"\n className=\"controllerItem\"\n onClick={onPageDuplicateClick}\n title=\"Duplicate Page\"\n type=\"button\"\n >\n <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n </button>\n <button\n key=\"Remove Slide\"\n className=\"controllerItem isDanger\"\n onClick={onPageRemoveClick}\n title=\"Remove Slide\"\n type=\"button\"\n >\n <icons.trash className=\"jfReportSVG icon-trashLine\" />\n </button>\n <button\n key=\"Add Slide\"\n className=\"controllerItem\"\n onClick={onPageAddClick}\n title=\"Add Slide\"\n type=\"button\"\n >\n <icons.plus className=\"jfReportSVG icon-plus\" />\n </button>\n </div>\n </div>\n </div>\n );\n};\n\nPageThumbnailActions.propTypes = {\n order: PropTypes.number,\n page: PropTypes.shape({\n id: PropTypes.string,\n }),\n};\n\nexport default memo(PageThumbnailActions);\n"],"names":["PageThumbnailActions","order","page","onPageAdd","usePropStore","state","onPageDuplicate","onPageRemove","onAnEventTrigger","onPageDuplicateClick","onPageRemoveClick","id","onPageAddClick","newPageIndex","_jsx","_jsxs","icons.duplicate","icons.trash","icons.plus","propTypes","PropTypes","number","shape","string","memo"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAGvB;AAAA,wBAFJC,KAEI;AAAA,MAFJA,KAEI,2BAFI,CAEJ;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,EACH;AACJ,MAAMC,SAAS,GAAGC,wBAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,SAAV;AAAA,GAAN,CAA9B;AACA,MAAMG,eAAe,GAAGF,wBAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,eAAV;AAAA,GAAN,CAApC;AACA,MAAMC,YAAY,GAAGH,wBAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACE,YAAV;AAAA,GAAN,CAAjC;AACA,MAAMC,gBAAgB,GAAGJ,wBAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACG,gBAAV;AAAA,GAAN,CAArC;;AAEA,MAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjCH,IAAAA,eAAe,CAACJ,IAAD,CAAf;AACAM,IAAAA,gBAAgB,CAAC,eAAD,EAAkBP,KAAK,GAAG,CAA1B,CAAhB;AACD,GAHD;;AAKA,MAAMS,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9BH,IAAAA,YAAY,CAACL,IAAI,CAACS,EAAN,CAAZ;AACAH,IAAAA,gBAAgB,CAAC,sBAAD,EAAyBN,IAAI,CAACS,EAA9B,CAAhB;AACD,GAHD;;AAKA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAMC,YAAY,GAAGZ,KAAK,GAAG,CAA7B;AACAE,IAAAA,SAAS,CAACU,YAAD,CAAT;AACAL,IAAAA,gBAAgB,CAAC,sBAAD,EAAyBK,YAAzB,CAAhB;AACD,GAJD;;AAMA,sBACEC;AACE,IAAA,SAAS,EAAC,2CADZ;AAEE,IAAA,EAAE,2BAAoBb,KAApB,CAFJ;AAAA,2BAIEa;AAAK,MAAA,SAAS,EAAC,oDAAf;AAAA,6BACEC;AAAK,QAAA,SAAS,EAAC,+DAAf;AAAA,gCACED;AAEE,UAAA,SAAS,EAAC,gBAFZ;AAGE,UAAA,OAAO,EAAEL,oBAHX;AAIE,UAAA,KAAK,EAAC,gBAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEK,eAACE,SAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B;AAPF,WACM,gBADN,CADF,eAUEF;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAGE,UAAA,OAAO,EAAEJ,iBAHX;AAIE,UAAA,KAAK,EAAC,cAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEI,eAACG,KAAD;AAAa,YAAA,SAAS,EAAC;AAAvB;AAPF,WACM,cADN,CAVF,eAmBEH;AAEE,UAAA,SAAS,EAAC,gBAFZ;AAGE,UAAA,OAAO,EAAEF,cAHX;AAIE,UAAA,KAAK,EAAC,WAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,iCAOEE,eAACI,IAAD;AAAY,YAAA,SAAS,EAAC;AAAtB;AAPF,WACM,WADN,CAnBF;AAAA;AADF;AAJF,IADF;AAsCD,CA/DD;;AAiEAlB,oBAAoB,CAACmB,SAArB,GAAiC;AAC/BlB,EAAAA,KAAK,EAAEmB,6BAAS,CAACC,MADc;AAE/BnB,EAAAA,IAAI,EAAEkB,6BAAS,CAACE,KAAV,CAAgB;AACpBX,IAAAA,EAAE,EAAES,6BAAS,CAACG;AADM,GAAhB;AAFyB,CAAjC;AAOA,0CAAeC,UAAI,CAACxB,oBAAD,CAAnB;;;;"}
@@ -1,8 +0,0 @@
1
- 'use strict';
2
-
3
- var AllSlidesPanel = require('./AllSlidesPanel.js');
4
-
5
-
6
-
7
- module.exports = AllSlidesPanel;
8
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
@@ -1,44 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var PropTypes = require('prop-types');
5
- var icons = require('../../utils/icons.js');
6
- var jsxRuntime = require('react/jsx-runtime');
7
- var settings = require('../../assets/svg/settings.svg.js');
8
-
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
-
11
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
12
-
13
- var Button = function Button(_ref) {
14
- var _ref$classNames = _ref.classNames,
15
- classNames = _ref$classNames === void 0 ? '' : _ref$classNames,
16
- _ref$icon = _ref.icon,
17
- icon = _ref$icon === void 0 ? '' : _ref$icon,
18
- _ref$onClick = _ref.onClick,
19
- onClick = _ref$onClick === void 0 ? '' : _ref$onClick,
20
- _ref$title = _ref.title,
21
- title = _ref$title === void 0 ? '' : _ref$title;
22
- var Icon = icons[icon] || settings;
23
- return /*#__PURE__*/jsxRuntime.jsxs("button", {
24
- className: classNames,
25
- onClick: onClick,
26
- type: "button",
27
- children: [icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
28
- className: "jfReportSVG icon-".concat(icon)
29
- }), /*#__PURE__*/jsxRuntime.jsx("span", {
30
- children: title
31
- })]
32
- });
33
- };
34
-
35
- Button.propTypes = {
36
- classNames: PropTypes__default['default'].string,
37
- icon: PropTypes__default['default'].string,
38
- onClick: PropTypes__default['default'].any,
39
- title: PropTypes__default['default'].any
40
- };
41
- var Button$1 = /*#__PURE__*/React.memo(Button);
42
-
43
- module.exports = Button$1;
44
- //# sourceMappingURL=Button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.js","sources":["../../../../src/components/Settings/Button.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\n\nconst Button = ({\n classNames = '',\n icon = '',\n onClick = '',\n title = '',\n}) => {\n const Icon = icons[icon] || icons.settings;\n\n return (\n <button\n className={classNames}\n onClick={onClick}\n type=\"button\"\n >\n {icon && <Icon className={`jfReportSVG icon-${icon}`} />}\n <span>{title}</span>\n </button>\n );\n};\n\nButton.propTypes = {\n classNames: PropTypes.string,\n icon: PropTypes.string,\n onClick: PropTypes.any,\n title: PropTypes.any,\n};\n\nexport default memo(Button);\n"],"names":["Button","classNames","icon","onClick","title","Icon","icons","_jsxs","_jsx","propTypes","PropTypes","string","any","memo"],"mappings":";;;;;;;;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,6BAJJC,UAII;AAAA,MAJJA,UAII,gCAJS,EAIT;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,EAGH;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,EAEN;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,MAAMC,IAAI,GAAGC,KAAK,CAACJ,IAAD,CAAL,IAAeI,QAA5B;AAEA,sBACEC;AACE,IAAA,SAAS,EAAEN,UADb;AAEE,IAAA,OAAO,EAAEE,OAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,eAKGD,IAAI,iBAAIM,eAAC,IAAD;AAAM,MAAA,SAAS,6BAAsBN,IAAtB;AAAf,MALX,eAMEM;AAAA,gBAAOJ;AAAP,MANF;AAAA,IADF;AAUD,CAlBD;;AAoBAJ,MAAM,CAACS,SAAP,GAAmB;AACjBR,EAAAA,UAAU,EAAES,6BAAS,CAACC,MADL;AAEjBT,EAAAA,IAAI,EAAEQ,6BAAS,CAACC,MAFC;AAGjBR,EAAAA,OAAO,EAAEO,6BAAS,CAACE,GAHF;AAIjBR,EAAAA,KAAK,EAAEM,6BAAS,CAACE;AAJA,CAAnB;AAOA,4BAAeC,UAAI,CAACb,MAAD,CAAnB;;;;"}
@@ -1,21 +0,0 @@
1
- import { createElement } from 'react';
2
-
3
- var _path;
4
-
5
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
6
-
7
- function SvgAllSlides(props) {
8
- return /*#__PURE__*/createElement("svg", _extends({
9
- xmlns: "http://www.w3.org/2000/svg",
10
- fill: "currentColor",
11
- viewBox: "0 0 24 24"
12
- }, props), _path || (_path = /*#__PURE__*/createElement("path", {
13
- fill: "#fff",
14
- fillRule: "evenodd",
15
- d: "M17.467 2.293a1 1 0 00-1.414 0L11.81 6.536a1 1 0 000 1.414l4.243 4.242a1 1 0 001.414 0L21.71 7.95a1 1 0 000-1.414l-4.243-4.243zM3 4a1 1 0 00-1 1v6a1 1 0 001 1h6a1 1 0 001-1V5a1 1 0 00-1-1H3zm0 10a1 1 0 00-1 1v6a1 1 0 001 1h6a1 1 0 001-1v-6a1 1 0 00-1-1H3zm9 1a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1h-6a1 1 0 01-1-1v-6z",
16
- clipRule: "evenodd"
17
- })));
18
- }
19
-
20
- export default SvgAllSlides;
21
- //# sourceMappingURL=all_slides.svg.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"all_slides.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
@@ -1,142 +0,0 @@
1
- import 'core-js/modules/es.array.concat.js';
2
- import 'core-js/modules/es.array.filter.js';
3
- import 'core-js/modules/es.array.map.js';
4
- import { useState, useCallback } from 'react';
5
- import classNames from 'classnames';
6
- import Panel from '../../Builder/Panel.js';
7
- import { useBuilderStore } from '../../../contexts/BuilderContext.js';
8
- import { usePropStore } from '../../../contexts/PropContext.js';
9
- import { arrayMove } from '../../../utils/functions.js';
10
- import AllSlidesPanelToggler from './AllSlidesPanelToggler.js';
11
- import PageList from './PageList.js';
12
- import PageActionsBar from './PageActionsBar.js';
13
- import { jsxs, jsx } from 'react/jsx-runtime';
14
-
15
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
16
-
17
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
18
-
19
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
20
-
21
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
22
-
23
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
24
-
25
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
26
-
27
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
28
-
29
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
30
-
31
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
32
-
33
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
34
-
35
- var AllSlidesPanel = function AllSlidesPanel() {
36
- var isAllSlidesPanelOpen = useBuilderStore(function (state) {
37
- return state.isAllSlidesPanelOpen;
38
- });
39
- var setIsAllSlidesPanelOpen = useBuilderStore(function (state) {
40
- return state.setIsAllSlidesPanelOpen;
41
- });
42
- var useExperimentalFeatures = usePropStore(function (state) {
43
- return state.useExperimentalFeatures;
44
- });
45
- var onPageOrdersChange = usePropStore(function (state) {
46
- return state.onPageOrdersChange;
47
- });
48
- var pages = usePropStore(function (state) {
49
- return state.pages;
50
- });
51
- var onAnEventTrigger = usePropStore(function (state) {
52
- return state.onAnEventTrigger;
53
- });
54
-
55
- var _useState = useState([]),
56
- _useState2 = _slicedToArray(_useState, 2),
57
- selectedPages = _useState2[0],
58
- setSelectedPages = _useState2[1];
59
-
60
- var _useState3 = useState(false),
61
- _useState4 = _slicedToArray(_useState3, 2),
62
- animationEnd = _useState4[0],
63
- setAnimationEnd = _useState4[1];
64
-
65
- var onPageSort = useCallback(function (_ref) {
66
- var newIndex = _ref.newIndex,
67
- oldIndex = _ref.oldIndex;
68
- var newPageOrders = arrayMove(pages, oldIndex, newIndex).reduce(function (acc, page, index) {
69
- acc[page.id] = {
70
- order: index + 1
71
- };
72
- return acc;
73
- }, {});
74
- onPageOrdersChange(newPageOrders);
75
- onAnEventTrigger('sortPageFromAllSlides');
76
- }, [pages, onPageOrdersChange, onAnEventTrigger]);
77
- var onPageClick = useCallback(function (e) {
78
- var pageID = e.target.getAttribute('data-id');
79
-
80
- if (selectedPages.indexOf(pageID) > -1) {
81
- setSelectedPages(selectedPages.filter(function (pid) {
82
- return pid !== pageID;
83
- }));
84
- } else {
85
- setSelectedPages([].concat(_toConsumableArray(selectedPages), [pageID]));
86
- }
87
- }, [selectedPages]);
88
-
89
- var onPageSelectAll = function onPageSelectAll() {
90
- var getAllPageIds = pages.map(function (page) {
91
- return page.id;
92
- });
93
- setSelectedPages(getAllPageIds);
94
- };
95
-
96
- var onPageDeselect = function onPageDeselect() {
97
- setSelectedPages([]);
98
- };
99
-
100
- var onClosePanel = function onClosePanel() {
101
- setAnimationEnd(false);
102
- setIsAllSlidesPanelOpen(false);
103
- };
104
-
105
- var onAnimationEnd = function onAnimationEnd() {
106
- if (!isAllSlidesPanelOpen) {
107
- setAnimationEnd(true);
108
- }
109
- }; // Panel className
110
-
111
-
112
- var panelAdditionalClassName = classNames('forAllSlides p-absolute f-all', {
113
- isIdle: !isAllSlidesPanelOpen
114
- }, {
115
- hidden: !useExperimentalFeatures
116
- });
117
- return /*#__PURE__*/jsxs(Panel, {
118
- additionalClassName: panelAdditionalClassName,
119
- onAnimationEnd: onAnimationEnd,
120
- children: [/*#__PURE__*/jsx(AllSlidesPanelToggler, {
121
- onClosePanel: onClosePanel
122
- }), (isAllSlidesPanelOpen || !isAllSlidesPanelOpen && !animationEnd) && /*#__PURE__*/jsx("div", {
123
- className: "toolItemWrapper f-height d-flex",
124
- children: /*#__PURE__*/jsxs("div", {
125
- className: "toolItem-tabContent f-width",
126
- children: [/*#__PURE__*/jsx(PageList, {
127
- onPageClick: onPageClick,
128
- onSortEnd: onPageSort,
129
- selectedPages: selectedPages
130
- }), /*#__PURE__*/jsx(PageActionsBar, {
131
- onPageDeselect: onPageDeselect,
132
- onPageSelectAll: onPageSelectAll,
133
- pageCount: pages.length,
134
- selectedPagesCount: selectedPages.length
135
- })]
136
- })
137
- })]
138
- });
139
- };
140
-
141
- export default AllSlidesPanel;
142
- //# sourceMappingURL=AllSlidesPanel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AllSlidesPanel.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/AllSlidesPanel.js"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport { useBuilderStore } from '../../../contexts/BuilderContext';\nimport { usePropStore } from '../../../contexts/PropContext';\nimport { arrayMove } from '../../../utils/functions';\nimport AllSlidesPanelToggler from './AllSlidesPanelToggler';\nimport PageList from './PageList';\nimport PageActionsBar from './PageActionsBar';\n\nconst AllSlidesPanel = () => {\n const isAllSlidesPanelOpen = useBuilderStore(state => state.isAllSlidesPanelOpen);\n const setIsAllSlidesPanelOpen = useBuilderStore(state => state.setIsAllSlidesPanelOpen);\n\n const useExperimentalFeatures = usePropStore(state => state.useExperimentalFeatures);\n const onPageOrdersChange = usePropStore(state => state.onPageOrdersChange);\n const pages = usePropStore(state => state.pages);\n const onAnEventTrigger = usePropStore(state => state.onAnEventTrigger);\n\n const [selectedPages, setSelectedPages] = useState([]);\n const [animationEnd, setAnimationEnd] = useState(false);\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 onPageOrdersChange(newPageOrders);\n onAnEventTrigger('sortPageFromAllSlides');\n }, [pages, onPageOrdersChange, onAnEventTrigger]);\n\n const onPageClick = useCallback(e => {\n const pageID = e.target.getAttribute('data-id');\n if (selectedPages.indexOf(pageID) > -1) {\n setSelectedPages(selectedPages.filter(pid => pid !== pageID));\n } else {\n setSelectedPages([...selectedPages, pageID]);\n }\n }, [selectedPages]);\n\n const onPageSelectAll = () => {\n const getAllPageIds = pages.map(page => page.id);\n setSelectedPages(getAllPageIds);\n };\n\n const onPageDeselect = () => {\n setSelectedPages([]);\n };\n\n const onClosePanel = () => {\n setAnimationEnd(false);\n setIsAllSlidesPanelOpen(false);\n };\n\n const onAnimationEnd = () => {\n if (!isAllSlidesPanelOpen) {\n setAnimationEnd(true);\n }\n };\n\n // Panel className\n const panelAdditionalClassName = classNames(\n 'forAllSlides p-absolute f-all',\n {\n isIdle: !isAllSlidesPanelOpen,\n },\n { hidden: !useExperimentalFeatures },\n );\n\n return (\n <Panel\n additionalClassName={panelAdditionalClassName}\n onAnimationEnd={onAnimationEnd}\n >\n <AllSlidesPanelToggler onClosePanel={onClosePanel} />\n {(isAllSlidesPanelOpen || (!isAllSlidesPanelOpen && !animationEnd)) && (\n <div className=\"toolItemWrapper f-height d-flex\">\n <div className=\"toolItem-tabContent f-width\">\n <PageList\n onPageClick={onPageClick}\n onSortEnd={onPageSort}\n selectedPages={selectedPages}\n />\n <PageActionsBar\n onPageDeselect={onPageDeselect}\n onPageSelectAll={onPageSelectAll}\n pageCount={pages.length}\n selectedPagesCount={selectedPages.length}\n />\n </div>\n </div>\n )}\n </Panel>\n );\n};\n\nexport default AllSlidesPanel;\n"],"names":["AllSlidesPanel","isAllSlidesPanelOpen","useBuilderStore","state","setIsAllSlidesPanelOpen","useExperimentalFeatures","usePropStore","onPageOrdersChange","pages","onAnEventTrigger","useState","selectedPages","setSelectedPages","animationEnd","setAnimationEnd","onPageSort","useCallback","newIndex","oldIndex","newPageOrders","arrayMove","reduce","acc","page","index","id","order","onPageClick","e","pageID","target","getAttribute","indexOf","filter","pid","onPageSelectAll","getAllPageIds","map","onPageDeselect","onClosePanel","onAnimationEnd","panelAdditionalClassName","classNames","isIdle","hidden","_jsxs","_jsx","length"],"mappings":"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"}
@@ -1,23 +0,0 @@
1
- import PropTypes from 'prop-types';
2
- import { jsx } from 'react/jsx-runtime';
3
- import SvgArrowLeft from '../../../assets/svg/arrow_left.svg.js';
4
-
5
- var AllSlidesPanelToggler = function AllSlidesPanelToggler(_ref) {
6
- var _ref$onClosePanel = _ref.onClosePanel,
7
- onClosePanel = _ref$onClosePanel === void 0 ? function () {} : _ref$onClosePanel;
8
- return /*#__PURE__*/jsx("button", {
9
- className: "paneClose p-absolute",
10
- onClick: onClosePanel,
11
- type: "button",
12
- children: /*#__PURE__*/jsx(SvgArrowLeft, {
13
- className: "jfReportSVG"
14
- })
15
- });
16
- };
17
-
18
- AllSlidesPanelToggler.propTypes = {
19
- onClosePanel: PropTypes.func
20
- };
21
-
22
- export default AllSlidesPanelToggler;
23
- //# sourceMappingURL=AllSlidesPanelToggler.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AllSlidesPanelToggler.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst AllSlidesPanelToggler = ({ onClosePanel = () => {} }) => (\n <button\n className=\"paneClose p-absolute\"\n onClick={onClosePanel}\n type=\"button\"\n >\n <icons.arrowLeft className=\"jfReportSVG\" />\n </button>\n);\n\nAllSlidesPanelToggler.propTypes = {\n onClosePanel: PropTypes.func,\n};\n\nexport default AllSlidesPanelToggler;\n"],"names":["AllSlidesPanelToggler","onClosePanel","_jsx","icons.arrowLeft","propTypes","PropTypes","func"],"mappings":";;;;IAGMA,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,+BAAGC,YAAH;AAAA,MAAGA,YAAH,kCAAkB,YAAM,EAAxB;AAAA,sBAC5BC;AACE,IAAA,SAAS,EAAC,sBADZ;AAEE,IAAA,OAAO,EAAED,YAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,2BAKEC,IAACC,YAAD;AAAiB,MAAA,SAAS,EAAC;AAA3B;AALF,IAD4B;AAAA;;AAU9BH,qBAAqB,CAACI,SAAtB,GAAkC;AAChCH,EAAAA,YAAY,EAAEI,SAAS,CAACC;AADQ,CAAlC;;;;"}
@@ -1,101 +0,0 @@
1
- import { memo } from 'react';
2
- import PropTypes from 'prop-types';
3
- import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
4
- import SvgClose from '../../../assets/svg/close.svg.js';
5
- import SvgDuplicate from '../../../assets/svg/duplicate.svg.js';
6
- import SvgTrash from '../../../assets/svg/trash.svg.js';
7
-
8
- var PageActionsBar = function PageActionsBar(_ref) {
9
- var _ref$onPageDeselect = _ref.onPageDeselect,
10
- onPageDeselect = _ref$onPageDeselect === void 0 ? function () {} : _ref$onPageDeselect,
11
- _ref$onPageSelectAll = _ref.onPageSelectAll,
12
- onPageSelectAll = _ref$onPageSelectAll === void 0 ? function () {} : _ref$onPageSelectAll,
13
- _ref$pageCount = _ref.pageCount,
14
- pageCount = _ref$pageCount === void 0 ? 0 : _ref$pageCount,
15
- _ref$selectedPagesCou = _ref.selectedPagesCount,
16
- selectedPagesCount = _ref$selectedPagesCou === void 0 ? 0 : _ref$selectedPagesCou;
17
- // const onPageDuplicateClick = () => {
18
- // onPageDuplicate(page);
19
- // onAnEventTrigger('duplicatePage', order + 1);
20
- // };
21
- // const onPageRemoveClick = () => {
22
- // onPageRemove(page.id);
23
- // onAnEventTrigger('removePageFromSlides', page.id);
24
- // };
25
- return /*#__PURE__*/jsxs("div", {
26
- className: "pageActionsBar p-absolute d-flex j-between a-center",
27
- children: [/*#__PURE__*/jsxs("div", {
28
- className: "pageActionsBar-section",
29
- children: [/*#__PURE__*/jsx("span", {
30
- children: "Total ".concat(pageCount, " Slides")
31
- }), /*#__PURE__*/jsx("button", {
32
- className: "jfReportButton forPageActionsBar withRadius",
33
- onClick: onPageSelectAll,
34
- title: "Select All",
35
- type: "button",
36
- children: "Select All"
37
- }, "Select All")]
38
- }), selectedPagesCount > 0 && /*#__PURE__*/jsxs(Fragment, {
39
- children: [/*#__PURE__*/jsxs("div", {
40
- className: "pageActionsBar-section",
41
- children: [/*#__PURE__*/jsx("span", {
42
- className: "pageSummary",
43
- children: "".concat(selectedPagesCount, " Slides")
44
- }), /*#__PURE__*/jsx("span", {
45
- children: " selected"
46
- }), /*#__PURE__*/jsxs("button", {
47
- className: "jfReportButton forPageActionsBar withRadius forDeselect",
48
- onClick: onPageDeselect,
49
- title: "Deselect",
50
- type: "button",
51
- children: [/*#__PURE__*/jsx("span", {
52
- children: "Deselect"
53
- }), /*#__PURE__*/jsx(SvgClose, {
54
- className: "jfReportSVG icon-duplicateLine"
55
- })]
56
- }, "Deselect")]
57
- }), /*#__PURE__*/jsxs("div", {
58
- className: "pageActionsBar-section",
59
- children: [/*#__PURE__*/jsxs("button", {
60
- className: "jfReportButton forPageActionsBar forDuplicate" // onClick={onPageDuplicateClick}
61
- ,
62
- title: "Duplicate Page",
63
- type: "button",
64
- children: [/*#__PURE__*/jsx(SvgDuplicate, {
65
- className: "jfReportSVG icon-duplicateLine"
66
- }), /*#__PURE__*/jsx("span", {
67
- children: "Duplicate"
68
- })]
69
- }, "Duplicate Page"), /*#__PURE__*/jsxs("button", {
70
- className: "jfReportButton isDanger" // onClick={onPageRemoveClick}
71
- ,
72
- title: "Remove Slide",
73
- type: "button",
74
- children: [/*#__PURE__*/jsx(SvgTrash, {
75
- className: "jfReportSVG icon-trashLine"
76
- }), /*#__PURE__*/jsx("span", {
77
- children: "Delete"
78
- })]
79
- }, "Remove Slide")]
80
- })]
81
- })]
82
- });
83
- };
84
-
85
- PageActionsBar.propTypes = {
86
- // onAnEventTrigger: PropTypes.func,
87
- // onPageDuplicate: PropTypes.func,
88
- // onPageRemove: PropTypes.func,
89
- // order: PropTypes.string,
90
- onPageDeselect: PropTypes.func,
91
- onPageSelectAll: PropTypes.func,
92
- page: PropTypes.shape({
93
- id: PropTypes.string
94
- }),
95
- pageCount: PropTypes.number,
96
- selectedPagesCount: PropTypes.number
97
- };
98
- var PageActionsBar$1 = /*#__PURE__*/memo(PageActionsBar);
99
-
100
- export default PageActionsBar$1;
101
- //# sourceMappingURL=PageActionsBar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PageActionsBar.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageActionsBar.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageActionsBar = ({\n onPageDeselect = () => {},\n onPageSelectAll = () => {},\n pageCount = 0,\n selectedPagesCount = 0,\n}) => {\n // const onPageDuplicateClick = () => {\n // onPageDuplicate(page);\n // onAnEventTrigger('duplicatePage', order + 1);\n // };\n\n // const onPageRemoveClick = () => {\n // onPageRemove(page.id);\n // onAnEventTrigger('removePageFromSlides', page.id);\n // };\n\n return (\n <div\n className=\"pageActionsBar p-absolute d-flex j-between a-center\"\n >\n <div className=\"pageActionsBar-section\">\n <span>\n {`Total ${pageCount} Slides`}\n </span>\n <button\n key=\"Select All\"\n className=\"jfReportButton forPageActionsBar withRadius\"\n onClick={onPageSelectAll}\n title=\"Select All\"\n type=\"button\"\n >\n Select All\n </button>\n </div>\n {selectedPagesCount > 0 && (\n <>\n <div className=\"pageActionsBar-section\">\n <span className=\"pageSummary\">{`${selectedPagesCount} Slides`}</span>\n <span> selected</span>\n <button\n key=\"Deselect\"\n className=\"jfReportButton forPageActionsBar withRadius forDeselect\"\n onClick={onPageDeselect}\n title=\"Deselect\"\n type=\"button\"\n >\n <span>\n Deselect\n </span>\n <icons.close className=\"jfReportSVG icon-duplicateLine\" />\n </button>\n </div>\n <div className=\"pageActionsBar-section\">\n <button\n key=\"Duplicate Page\"\n className=\"jfReportButton forPageActionsBar forDuplicate\"\n // onClick={onPageDuplicateClick}\n title=\"Duplicate Page\"\n type=\"button\"\n >\n <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n <span>Duplicate</span>\n </button>\n <button\n key=\"Remove Slide\"\n className=\"jfReportButton isDanger\"\n // onClick={onPageRemoveClick}\n title=\"Remove Slide\"\n type=\"button\"\n >\n <icons.trash className=\"jfReportSVG icon-trashLine\" />\n <span>Delete</span>\n </button>\n </div>\n </>\n )}\n </div>\n );\n};\n\nPageActionsBar.propTypes = {\n // onAnEventTrigger: PropTypes.func,\n // onPageDuplicate: PropTypes.func,\n // onPageRemove: PropTypes.func,\n // order: PropTypes.string,\n onPageDeselect: PropTypes.func,\n onPageSelectAll: PropTypes.func,\n page: PropTypes.shape({ id: PropTypes.string }),\n pageCount: PropTypes.number,\n selectedPagesCount: PropTypes.number,\n};\n\nexport default memo(PageActionsBar);\n"],"names":["PageActionsBar","onPageDeselect","onPageSelectAll","pageCount","selectedPagesCount","_jsxs","_jsx","icons.close","icons.duplicate","icons.trash","propTypes","PropTypes","func","page","shape","id","string","number","memo"],"mappings":";;;;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAKjB;AAAA,iCAJJC,cAII;AAAA,MAJJA,cAII,oCAJa,YAAM,EAInB;AAAA,kCAHJC,eAGI;AAAA,MAHJA,eAGI,qCAHc,YAAM,EAGpB;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,CAER;AAAA,mCADJC,kBACI;AAAA,MADJA,kBACI,sCADiB,CACjB;AACJ;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA,sBACEC;AACE,IAAA,SAAS,EAAC,qDADZ;AAAA,4BAGEA;AAAK,MAAA,SAAS,EAAC,wBAAf;AAAA,8BACEC;AAAA,kCACYH,SADZ;AAAA,QADF,eAIEG;AAEE,QAAA,SAAS,EAAC,6CAFZ;AAGE,QAAA,OAAO,EAAEJ,eAHX;AAIE,QAAA,KAAK,EAAC,YAJR;AAKE,QAAA,IAAI,EAAC,QALP;AAAA;AAAA,SACM,YADN,CAJF;AAAA,MAHF,EAiBGE,kBAAkB,GAAG,CAArB,iBACCC;AAAA,8BACEA;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEC;AAAM,UAAA,SAAS,EAAC,aAAhB;AAAA,8BAAkCF,kBAAlC;AAAA,UADF,eAEEE;AAAA;AAAA,UAFF,eAGED;AAEE,UAAA,SAAS,EAAC,yDAFZ;AAGE,UAAA,OAAO,EAAEJ,cAHX;AAIE,UAAA,KAAK,EAAC,UAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEK;AAAA;AAAA,YAPF,eAUEA,IAACC,QAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAVF;AAAA,WACM,UADN,CAHF;AAAA,QADF,eAiBEF;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEA;AAEE,UAAA,SAAS,EAAC,+CAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,gBAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,IAACE,YAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B,YAPF,eAQEF;AAAA;AAAA,YARF;AAAA,WACM,gBADN,CADF,eAWED;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,cAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,IAACG,QAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAPF,eAQEH;AAAA;AAAA,YARF;AAAA,WACM,cADN,CAXF;AAAA,QAjBF;AAAA,MAlBJ;AAAA,IADF;AA8DD,CA9ED;;AAgFAN,cAAc,CAACU,SAAf,GAA2B;AACzB;AACA;AACA;AACA;AACAT,EAAAA,cAAc,EAAEU,SAAS,CAACC,IALD;AAMzBV,EAAAA,eAAe,EAAES,SAAS,CAACC,IANF;AAOzBC,EAAAA,IAAI,EAAEF,SAAS,CAACG,KAAV,CAAgB;AAAEC,IAAAA,EAAE,EAAEJ,SAAS,CAACK;AAAhB,GAAhB,CAPmB;AAQzBb,EAAAA,SAAS,EAAEQ,SAAS,CAACM,MARI;AASzBb,EAAAA,kBAAkB,EAAEO,SAAS,CAACM;AATL,CAA3B;AAYA,oCAAeC,IAAI,CAAClB,cAAD,CAAnB;;;;"}
@@ -1,95 +0,0 @@
1
- import 'core-js/modules/es.object.to-string.js';
2
- import 'core-js/modules/es.regexp.to-string.js';
3
- import { memo, useMemo } from 'react';
4
- import { useSortable } from '@dnd-kit/sortable';
5
- import { CSS } from '@dnd-kit/utilities';
6
- import classNames from 'classnames';
7
- import PropTypes from 'prop-types';
8
- import StaticPage from '../../Preview/StaticPage.js';
9
- import PageThumbnailActions from './PageThumbnailActions.js';
10
- import { jsxs, jsx } from 'react/jsx-runtime';
11
-
12
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
13
-
14
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
15
-
16
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
17
-
18
- var PageItem = function PageItem(_ref) {
19
- var id = _ref.id,
20
- isSelected = _ref.isSelected,
21
- onPageClick = _ref.onPageClick,
22
- order = _ref.order,
23
- page = _ref.page,
24
- style = _ref.style;
25
-
26
- var _useSortable = useSortable({
27
- id: id
28
- }),
29
- attributes = _useSortable.attributes,
30
- isDragging = _useSortable.isDragging,
31
- listeners = _useSortable.listeners,
32
- setNodeRef = _useSortable.setNodeRef,
33
- transform = _useSortable.transform,
34
- transition = _useSortable.transition;
35
-
36
- var dragStyle = useMemo(function () {
37
- var opacity = isDragging ? 0.5 : 1;
38
- var transitionValue = isDragging ? 'none' : transition;
39
- return {
40
- opacity: opacity,
41
- transform: CSS.Transform.toString(transform),
42
- transition: transitionValue
43
- };
44
- }, [transform, transition, isDragging]);
45
-
46
- var onKeyDown = function onKeyDown(f) {
47
- return f;
48
- };
49
-
50
- return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
51
- ref: setNodeRef,
52
- className: classNames('thumbnailWrapper d-flex dir-col a-center j-center p-relative', {
53
- isSelected: isSelected
54
- }),
55
- "data-id": page.id,
56
- "data-order": order,
57
- onClick: onPageClick,
58
- onKeyDown: onKeyDown,
59
- style: dragStyle
60
- }, attributes), listeners), {}, {
61
- children: [/*#__PURE__*/jsx("div", {
62
- className: "thumbnailOrder",
63
- children: order
64
- }), /*#__PURE__*/jsx("div", {
65
- className: "thumbnailFrame o-hidden",
66
- children: /*#__PURE__*/jsx(StaticPage, {
67
- items: page.items,
68
- style: style
69
- })
70
- }), /*#__PURE__*/jsx(PageThumbnailActions, {
71
- order: order,
72
- page: page
73
- })]
74
- }));
75
- };
76
-
77
- PageItem.propTypes = {
78
- id: PropTypes.string.isRequired,
79
- isSelected: PropTypes.bool,
80
- onPageClick: PropTypes.func,
81
- order: PropTypes.number,
82
- page: PropTypes.shape({
83
- id: PropTypes.string.isRequired,
84
- items: PropTypes.arrayOf(PropTypes.shape({}))
85
- }),
86
- style: PropTypes.shape({
87
- opacity: PropTypes.number,
88
- transform: PropTypes.string,
89
- transition: PropTypes.string
90
- })
91
- };
92
- var PageItem$1 = /*#__PURE__*/memo(PageItem);
93
-
94
- export default PageItem$1;
95
- //# sourceMappingURL=PageItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PageItem.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageItem.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport StaticPage from '../../Preview/StaticPage';\nimport PageThumbnailActions from './PageThumbnailActions';\n\nconst PageItem = ({\n id,\n isSelected,\n onPageClick,\n order,\n page,\n style,\n}) => {\n const {\n attributes,\n isDragging,\n listeners,\n setNodeRef,\n transform,\n transition,\n } = useSortable({ id });\n\n const dragStyle = useMemo(() => {\n const opacity = isDragging ? 0.5 : 1;\n const transitionValue = isDragging ? 'none' : transition;\n return {\n opacity,\n transform: CSS.Transform.toString(transform),\n transition: transitionValue,\n };\n }, [transform, transition, isDragging]);\n\n const onKeyDown = f => f;\n return (\n <div\n ref={setNodeRef}\n className={(\n classNames('thumbnailWrapper d-flex dir-col a-center j-center p-relative', { isSelected })\n )}\n data-id={page.id}\n data-order={order}\n onClick={onPageClick}\n onKeyDown={onKeyDown}\n style={dragStyle}\n {...attributes}\n {...listeners}\n >\n <div className=\"thumbnailOrder\">{order}</div>\n <div className=\"thumbnailFrame o-hidden\">\n <StaticPage\n items={page.items}\n style={style}\n />\n </div>\n <PageThumbnailActions\n order={order}\n page={page}\n />\n </div>\n );\n};\n\nPageItem.propTypes = {\n id: PropTypes.string.isRequired,\n isSelected: PropTypes.bool,\n onPageClick: PropTypes.func,\n order: PropTypes.number,\n page: PropTypes.shape({\n id: PropTypes.string.isRequired,\n items: PropTypes.arrayOf(PropTypes.shape({})),\n }),\n style: PropTypes.shape({\n opacity: PropTypes.number,\n transform: PropTypes.string,\n transition: PropTypes.string,\n }),\n};\n\nexport default memo(PageItem);\n"],"names":["PageItem","id","isSelected","onPageClick","order","page","style","useSortable","attributes","isDragging","listeners","setNodeRef","transform","transition","dragStyle","useMemo","opacity","transitionValue","CSS","Transform","toString","onKeyDown","f","_jsxs","classNames","_jsx","items","propTypes","PropTypes","string","isRequired","bool","func","number","shape","arrayOf","memo"],"mappings":"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"}