@jotforminc/dnd-builder 3.5.6 → 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 +14 -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
@@ -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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"}
@@ -1,48 +0,0 @@
1
- import { DragOverlay } from '@dnd-kit/core';
2
- import PropTypes from 'prop-types';
3
- import StaticPage from '../../Preview/StaticPage.js';
4
- import { jsx, jsxs } from 'react/jsx-runtime';
5
-
6
- var PageItemDragOverlay = function PageItemDragOverlay(_ref) {
7
- var activePageData = _ref.activePageData;
8
- return /*#__PURE__*/jsx(DragOverlay, {
9
- adjustScale: false,
10
- dropAnimation: null,
11
- style: {
12
- cursor: 'grabbing'
13
- },
14
- children: activePageData ? /*#__PURE__*/jsxs("div", {
15
- // eslint-disable-next-line max-len
16
- className: "thumbnailWrapper d-flex dir-col a-center j-center p-relative pageThumbnailHelper forAllSlides",
17
- style: {
18
- opacity: 0.5
19
- },
20
- children: [/*#__PURE__*/jsx("div", {
21
- className: "thumbnailOrder",
22
- children: activePageData.page.order
23
- }), /*#__PURE__*/jsx("div", {
24
- className: "thumbnailFrame o-hidden",
25
- children: /*#__PURE__*/jsx(StaticPage, {
26
- isThumbnail: true,
27
- items: activePageData.page.items,
28
- style: activePageData.pageContainerLastStyle
29
- })
30
- }), /*#__PURE__*/jsx("div", {
31
- className: "thumbnailActions d-flex dir-col f-height j-center"
32
- })]
33
- }) : null
34
- });
35
- };
36
-
37
- PageItemDragOverlay.propTypes = {
38
- activePageData: PropTypes.shape({
39
- page: PropTypes.shape({
40
- items: PropTypes.arrayOf(PropTypes.shape({})),
41
- order: PropTypes.number
42
- }),
43
- pageContainerLastStyle: PropTypes.shape({})
44
- })
45
- };
46
-
47
- export default PageItemDragOverlay;
48
- //# sourceMappingURL=PageItemDragOverlay.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PageItemDragOverlay.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageItemDragOverlay.js"],"sourcesContent":["import { DragOverlay } from '@dnd-kit/core';\nimport PropTypes from 'prop-types';\nimport StaticPage from '../../Preview/StaticPage';\n\nconst PageItemDragOverlay = ({\n activePageData,\n}) => {\n return (\n <DragOverlay\n adjustScale={false}\n dropAnimation={null}\n style={{ cursor: 'grabbing' }}\n >\n {activePageData ? (\n <div\n // eslint-disable-next-line max-len\n className=\"thumbnailWrapper d-flex dir-col a-center j-center p-relative pageThumbnailHelper forAllSlides\"\n style={{ opacity: 0.5 }}\n >\n <div className=\"thumbnailOrder\">{activePageData.page.order}</div>\n <div className=\"thumbnailFrame o-hidden\">\n <StaticPage\n isThumbnail\n items={activePageData.page.items}\n style={activePageData.pageContainerLastStyle}\n />\n </div>\n <div className=\"thumbnailActions d-flex dir-col f-height j-center\" />\n </div>\n ) : null}\n </DragOverlay>\n );\n};\n\nPageItemDragOverlay.propTypes = {\n activePageData: PropTypes.shape({\n page: PropTypes.shape({\n items: PropTypes.arrayOf(PropTypes.shape({})),\n order: PropTypes.number,\n }),\n pageContainerLastStyle: PropTypes.shape({}),\n }),\n};\n\nexport default PageItemDragOverlay;\n"],"names":["PageItemDragOverlay","activePageData","_jsx","cursor","_jsxs","opacity","page","order","items","pageContainerLastStyle","propTypes","PropTypes","shape","arrayOf","number"],"mappings":";;;;;IAIMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAEtB;AAAA,MADJC,cACI,QADJA,cACI;AACJ,sBACEC,IAAC,WAAD;AACE,IAAA,WAAW,EAAE,KADf;AAEE,IAAA,aAAa,EAAE,IAFjB;AAGE,IAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAE;AAAV,KAHT;AAAA,cAKGF,cAAc,gBACbG;AACE;AACA,MAAA,SAAS,EAAC,+FAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAHT;AAAA,8BAKEH;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAA,kBAAiCD,cAAc,CAACK,IAAf,CAAoBC;AAArD,QALF,eAMEL;AAAK,QAAA,SAAS,EAAC,yBAAf;AAAA,+BACEA,IAAC,UAAD;AACE,UAAA,WAAW,MADb;AAEE,UAAA,KAAK,EAAED,cAAc,CAACK,IAAf,CAAoBE,KAF7B;AAGE,UAAA,KAAK,EAAEP,cAAc,CAACQ;AAHxB;AADF,QANF,eAaEP;AAAK,QAAA,SAAS,EAAC;AAAf,QAbF;AAAA,MADa,GAgBX;AArBN,IADF;AAyBD;;AAEDF,mBAAmB,CAACU,SAApB,GAAgC;AAC9BT,EAAAA,cAAc,EAAEU,SAAS,CAACC,KAAV,CAAgB;AAC9BN,IAAAA,IAAI,EAAEK,SAAS,CAACC,KAAV,CAAgB;AACpBJ,MAAAA,KAAK,EAAEG,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CADa;AAEpBL,MAAAA,KAAK,EAAEI,SAAS,CAACG;AAFG,KAAhB,CADwB;AAK9BL,IAAAA,sBAAsB,EAAEE,SAAS,CAACC,KAAV,CAAgB,EAAhB;AALM,GAAhB;AADc,CAAhC;;;;"}
@@ -1,172 +0,0 @@
1
- import 'core-js/modules/es.array.concat.js';
2
- import 'core-js/modules/es.array.find.js';
3
- import 'core-js/modules/es.array.find-index.js';
4
- import 'core-js/modules/es.array.map.js';
5
- import { memo, useState, useRef, useCallback, useMemo } from 'react';
6
- import PropTypes from 'prop-types';
7
- import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from '@dnd-kit/core';
8
- import { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';
9
- import PageItem from './PageItem.js';
10
- import PageItemDragOverlay from './PageItemDragOverlay.js';
11
- import { getScaleForPageThumbnailLarge } from '../../../utils/functions.js';
12
- import PageAdder from '../../Builder/PageAdder.js';
13
- import { usePropStore } from '../../../contexts/PropContext.js';
14
- import { jsxs, jsx } from 'react/jsx-runtime';
15
-
16
- 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; }
17
-
18
- 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; }
19
-
20
- 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; }
21
-
22
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
23
-
24
- 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."); }
25
-
26
- 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); }
27
-
28
- 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; }
29
-
30
- 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; }
31
-
32
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
33
-
34
- var PageList = function PageList(_ref) {
35
- var onPageClick = _ref.onPageClick,
36
- onSortEnd = _ref.onSortEnd,
37
- selectedPages = _ref.selectedPages;
38
- var layoutSettings = usePropStore(function (state) {
39
- return state.settings;
40
- });
41
- var pages = usePropStore(function (state) {
42
- return state.pages;
43
- });
44
-
45
- var _useState = useState(null),
46
- _useState2 = _slicedToArray(_useState, 2),
47
- activeId = _useState2[0],
48
- setActiveId = _useState2[1];
49
-
50
- var pageContainerStyles = useRef({});
51
- var reportBackgroundColor = layoutSettings.reportBackgroundColor,
52
- _layoutSettings$repor = layoutSettings.reportLayoutHeight,
53
- reportLayoutHeight = _layoutSettings$repor === void 0 ? 794 : _layoutSettings$repor,
54
- _layoutSettings$repor2 = layoutSettings.reportLayoutWidth,
55
- reportLayoutWidth = _layoutSettings$repor2 === void 0 ? 1123 : _layoutSettings$repor2;
56
- var width = parseInt(reportLayoutWidth, 10);
57
- var height = parseInt(reportLayoutHeight, 10);
58
- var scale = getScaleForPageThumbnailLarge(width, height);
59
- pageContainerStyles.current = {
60
- height: height,
61
- transform: "scale(".concat(scale, ")"),
62
- transformOrigin: '0 0',
63
- width: width
64
- };
65
- var sensors = useSensors(useSensor(PointerSensor, {
66
- activationConstraint: {
67
- distance: 0
68
- }
69
- }), useSensor(KeyboardSensor));
70
- var handleDragStart = useCallback(function (event) {
71
- setActiveId(event.active.id);
72
- }, []);
73
- var handleDragEnd = useCallback(function (event) {
74
- var active = event.active,
75
- over = event.over;
76
- setActiveId(null);
77
-
78
- if (over && active.id !== over.id) {
79
- var oldIndex = pages.findIndex(function (page) {
80
- return page.id === active.id;
81
- });
82
- var newIndex = pages.findIndex(function (page) {
83
- return page.id === over.id;
84
- });
85
-
86
- if (oldIndex !== -1 && newIndex !== -1) {
87
- onSortEnd({
88
- newIndex: newIndex,
89
- oldIndex: oldIndex
90
- });
91
- }
92
- }
93
- }, [pages, onSortEnd]);
94
- var handleDragCancel = useCallback(function () {
95
- setActiveId(null);
96
- }, []);
97
- var items = useMemo(function () {
98
- if (!pages || pages.length === 0) return [];
99
- return pages.map(function (page) {
100
- return page.id;
101
- });
102
- }, [pages]);
103
- var activePageData = useMemo(function () {
104
- if (!activeId || !pages) return null;
105
- var activePage = pages.find(function (page) {
106
- return page.id === activeId;
107
- });
108
- if (!activePage) return null;
109
- var backgroundColor = activePage.backgroundColor;
110
-
111
- var pageContainerLastStyle = _objectSpread(_objectSpread({}, pageContainerStyles.current), {}, {
112
- backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff'
113
- });
114
-
115
- return {
116
- page: activePage,
117
- pageContainerLastStyle: pageContainerLastStyle
118
- };
119
- }, [activeId, pages, reportBackgroundColor]);
120
- return /*#__PURE__*/jsxs(DndContext, {
121
- collisionDetection: closestCenter,
122
- onDragCancel: handleDragCancel,
123
- onDragEnd: handleDragEnd,
124
- onDragStart: handleDragStart,
125
- sensors: sensors,
126
- children: [/*#__PURE__*/jsx(SortableContext, {
127
- items: items,
128
- strategy: rectSortingStrategy,
129
- children: /*#__PURE__*/jsxs("ul", {
130
- className: "jfReport-pageThumbnailList d-flex j-between f-wrap",
131
- children: [pages.map(function (page) {
132
- var backgroundColor = page.backgroundColor;
133
-
134
- var style = _objectSpread(_objectSpread({}, pageContainerStyles.current), {}, {
135
- backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff'
136
- });
137
-
138
- return /*#__PURE__*/jsx(PageItem, {
139
- id: page.id,
140
- index: page.order - 1,
141
- isSelected: selectedPages.indexOf(page.id) > -1,
142
- onPageClick: onPageClick,
143
- order: page.order,
144
- page: page,
145
- style: style
146
- }, "item-".concat(page.id, "-").concat(page.order));
147
- }), /*#__PURE__*/jsx("div", {
148
- className: "thumbnailWrapper forPageAdder d-flex j-end dir-col",
149
- children: /*#__PURE__*/jsx(PageAdder, {})
150
- }), /*#__PURE__*/jsx("div", {
151
- className: "spacer"
152
- }), /*#__PURE__*/jsx("div", {
153
- className: "spacer"
154
- }), /*#__PURE__*/jsx("div", {
155
- className: "spacer"
156
- })]
157
- })
158
- }), /*#__PURE__*/jsx(PageItemDragOverlay, {
159
- activePageData: activePageData
160
- })]
161
- });
162
- };
163
-
164
- PageList.propTypes = {
165
- onPageClick: PropTypes.func,
166
- onSortEnd: PropTypes.func,
167
- selectedPages: PropTypes.arrayOf(PropTypes.string)
168
- };
169
- var PageList$1 = /*#__PURE__*/memo(PageList);
170
-
171
- export default PageList$1;
172
- //# sourceMappingURL=PageList.js.map
@@ -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","closestCenter","_jsx","rectSortingStrategy","style","order","indexOf","propTypes","PropTypes","func","arrayOf","string","memo"],"mappings":"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"}
@@ -1,89 +0,0 @@
1
- import { memo } from 'react';
2
- import PropTypes from 'prop-types';
3
- import { usePropStore } from '../../../contexts/PropContext.js';
4
- import { jsx, jsxs } from 'react/jsx-runtime';
5
- import SvgDuplicate from '../../../assets/svg/duplicate.svg.js';
6
- import SvgTrash from '../../../assets/svg/trash.svg.js';
7
- import SvgPlus from '../../../assets/svg/plus.svg.js';
8
-
9
- var PageThumbnailActions = function PageThumbnailActions(_ref) {
10
- var _ref$order = _ref.order,
11
- order = _ref$order === void 0 ? 0 : _ref$order,
12
- _ref$page = _ref.page,
13
- page = _ref$page === void 0 ? {} : _ref$page;
14
- var onPageAdd = usePropStore(function (state) {
15
- return state.onPageAdd;
16
- });
17
- var onPageDuplicate = usePropStore(function (state) {
18
- return state.onPageDuplicate;
19
- });
20
- var onPageRemove = usePropStore(function (state) {
21
- return state.onPageRemove;
22
- });
23
- var onAnEventTrigger = usePropStore(function (state) {
24
- return state.onAnEventTrigger;
25
- });
26
-
27
- var onPageDuplicateClick = function onPageDuplicateClick() {
28
- onPageDuplicate(page);
29
- onAnEventTrigger('duplicatePage', order + 1);
30
- };
31
-
32
- var onPageRemoveClick = function onPageRemoveClick() {
33
- onPageRemove(page.id);
34
- onAnEventTrigger('removePageFromSlides', page.id);
35
- };
36
-
37
- var onPageAddClick = function onPageAddClick() {
38
- var newPageIndex = order + 1;
39
- onPageAdd(newPageIndex);
40
- onAnEventTrigger('addNewPageFromSlides', newPageIndex);
41
- };
42
-
43
- return /*#__PURE__*/jsx("div", {
44
- className: "thumbnailActions d-flex j-between f-width",
45
- id: "pageActions-id-".concat(order),
46
- children: /*#__PURE__*/jsx("div", {
47
- className: "floatingController forPageAction forSlides f-width",
48
- children: /*#__PURE__*/jsxs("div", {
49
- className: "floatingController-container d-flex a-center j-around dir-row",
50
- children: [/*#__PURE__*/jsx("button", {
51
- className: "controllerItem",
52
- onClick: onPageDuplicateClick,
53
- title: "Duplicate Page",
54
- type: "button",
55
- children: /*#__PURE__*/jsx(SvgDuplicate, {
56
- className: "jfReportSVG icon-duplicateLine"
57
- })
58
- }, "Duplicate Page"), /*#__PURE__*/jsx("button", {
59
- className: "controllerItem isDanger",
60
- onClick: onPageRemoveClick,
61
- title: "Remove Slide",
62
- type: "button",
63
- children: /*#__PURE__*/jsx(SvgTrash, {
64
- className: "jfReportSVG icon-trashLine"
65
- })
66
- }, "Remove Slide"), /*#__PURE__*/jsx("button", {
67
- className: "controllerItem",
68
- onClick: onPageAddClick,
69
- title: "Add Slide",
70
- type: "button",
71
- children: /*#__PURE__*/jsx(SvgPlus, {
72
- className: "jfReportSVG icon-plus"
73
- })
74
- }, "Add Slide")]
75
- })
76
- })
77
- });
78
- };
79
-
80
- PageThumbnailActions.propTypes = {
81
- order: PropTypes.number,
82
- page: PropTypes.shape({
83
- id: PropTypes.string
84
- })
85
- };
86
- var PageThumbnailActions$1 = /*#__PURE__*/memo(PageThumbnailActions);
87
-
88
- export default PageThumbnailActions$1;
89
- //# 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,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,SAAV;AAAA,GAAN,CAA9B;AACA,MAAMG,eAAe,GAAGF,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACC,eAAV;AAAA,GAAN,CAApC;AACA,MAAMC,YAAY,GAAGH,YAAY,CAAC,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACE,YAAV;AAAA,GAAN,CAAjC;AACA,MAAMC,gBAAgB,GAAGJ,YAAY,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,IAACE,YAAD;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,IAACG,QAAD;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,IAACI,OAAD;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,SAAS,CAACC,MADc;AAE/BnB,EAAAA,IAAI,EAAEkB,SAAS,CAACE,KAAV,CAAgB;AACpBX,IAAAA,EAAE,EAAES,SAAS,CAACG;AADM,GAAhB;AAFyB,CAAjC;AAOA,0CAAeC,IAAI,CAACxB,oBAAD,CAAnB;;;;"}
@@ -1,3 +0,0 @@
1
- import AllSlidesPanel from './AllSlidesPanel.js';
2
- export { default } from './AllSlidesPanel.js';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1,38 +0,0 @@
1
- import { memo } from 'react';
2
- import PropTypes from 'prop-types';
3
- import * as icons from '../../utils/icons.js';
4
- import { jsxs, jsx } from 'react/jsx-runtime';
5
- import SvgSettings from '../../assets/svg/settings.svg.js';
6
-
7
- var Button = function Button(_ref) {
8
- var _ref$classNames = _ref.classNames,
9
- classNames = _ref$classNames === void 0 ? '' : _ref$classNames,
10
- _ref$icon = _ref.icon,
11
- icon = _ref$icon === void 0 ? '' : _ref$icon,
12
- _ref$onClick = _ref.onClick,
13
- onClick = _ref$onClick === void 0 ? '' : _ref$onClick,
14
- _ref$title = _ref.title,
15
- title = _ref$title === void 0 ? '' : _ref$title;
16
- var Icon = icons[icon] || SvgSettings;
17
- return /*#__PURE__*/jsxs("button", {
18
- className: classNames,
19
- onClick: onClick,
20
- type: "button",
21
- children: [icon && /*#__PURE__*/jsx(Icon, {
22
- className: "jfReportSVG icon-".concat(icon)
23
- }), /*#__PURE__*/jsx("span", {
24
- children: title
25
- })]
26
- });
27
- };
28
-
29
- Button.propTypes = {
30
- classNames: PropTypes.string,
31
- icon: PropTypes.string,
32
- onClick: PropTypes.any,
33
- title: PropTypes.any
34
- };
35
- var Button$1 = /*#__PURE__*/memo(Button);
36
-
37
- export default Button$1;
38
- //# 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,WAA5B;AAEA,sBACEC;AACE,IAAA,SAAS,EAAEN,UADb;AAEE,IAAA,OAAO,EAAEE,OAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,eAKGD,IAAI,iBAAIM,IAAC,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,SAAS,CAACC,MADL;AAEjBT,EAAAA,IAAI,EAAEQ,SAAS,CAACC,MAFC;AAGjBR,EAAAA,OAAO,EAAEO,SAAS,CAACE,GAHF;AAIjBR,EAAAA,KAAK,EAAEM,SAAS,CAACE;AAJA,CAAnB;AAOA,4BAAeC,IAAI,CAACb,MAAD,CAAnB;;;;"}