@jotforminc/dnd-builder 2.0.0-beta.1 → 2.0.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 (560) hide show
  1. package/CHANGELOG.md +103 -0
  2. package/LICENSE.md +1 -1
  3. package/README.md +5 -7
  4. package/lib/cjs/assets/search.svg.js +6 -6
  5. package/lib/cjs/assets/svg/all_slides.svg.js +28 -34
  6. package/lib/cjs/assets/svg/all_slides.svg.js.map +1 -1
  7. package/lib/cjs/assets/svg/arrow_down.svg.js +6 -6
  8. package/lib/cjs/assets/svg/arrow_left.svg.js +6 -6
  9. package/lib/cjs/assets/svg/arrow_right.svg.js +6 -6
  10. package/lib/cjs/assets/svg/arrow_up.svg.js +6 -6
  11. package/lib/cjs/assets/svg/close.svg.js +6 -6
  12. package/lib/cjs/assets/svg/contextmenu/moveToBack.svg.js +18 -18
  13. package/lib/cjs/assets/svg/contextmenu/moveToBackward.svg.js +18 -18
  14. package/lib/cjs/assets/svg/contextmenu/moveToForward.svg.js +18 -18
  15. package/lib/cjs/assets/svg/contextmenu/moveToFront.svg.js +18 -18
  16. package/lib/cjs/assets/svg/customize.svg.js +6 -6
  17. package/lib/cjs/assets/svg/duplicate.svg.js +5 -5
  18. package/lib/cjs/assets/svg/fit_screen.svg.js +7 -9
  19. package/lib/cjs/assets/svg/fit_screen.svg.js.map +1 -1
  20. package/lib/cjs/assets/svg/heart_rating.svg.js +6 -6
  21. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-arrow-diverge.svg.js +6 -6
  22. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-arrow-down-left.svg.js +6 -6
  23. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-arrow-down-right.svg.js +6 -6
  24. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-arrow-down.svg.js +6 -6
  25. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-arrow-left.svg.js +6 -6
  26. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-arrow-right.svg.js +6 -6
  27. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-arrow-up-left.svg.js +6 -6
  28. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-arrow-up-right.svg.js +6 -6
  29. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-caret-down-circle.svg.js +6 -6
  30. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-caret-down-double.svg.js +6 -6
  31. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-caret-down.svg.js +6 -6
  32. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-caret-left-circle.svg.js +6 -6
  33. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-caret-left-double.svg.js +6 -6
  34. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-caret-left.svg.js +6 -6
  35. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-caret-right-circle.svg.js +6 -6
  36. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-caret-right-double.svg.js +6 -6
  37. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-caret-right.svg.js +6 -6
  38. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-caret-up-circle.svg.js +6 -6
  39. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-caret-up-double.svg.js +6 -6
  40. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-caret-up.svg.js +6 -6
  41. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-cloud.svg.js +6 -6
  42. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-download.svg.js +6 -6
  43. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-eye.svg.js +6 -6
  44. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-folder.svg.js +6 -6
  45. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-heart.svg.js +6 -6
  46. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-home.svg.js +6 -6
  47. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-thumbs-down.svg.js +6 -6
  48. package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-thumbs-up.svg.js +6 -6
  49. package/lib/cjs/assets/svg/loading_circle.svg.js +6 -6
  50. package/lib/cjs/assets/svg/minus.svg.js +11 -11
  51. package/lib/cjs/assets/svg/page-actions/duplicate_line.svg.js +5 -5
  52. package/lib/cjs/assets/svg/page-actions/trash_line.svg.js +5 -5
  53. package/lib/cjs/assets/svg/page_settings.svg.js +27 -33
  54. package/lib/cjs/assets/svg/page_settings.svg.js.map +1 -1
  55. package/lib/cjs/assets/svg/placeholder/bar.svg.js +14 -14
  56. package/lib/cjs/assets/svg/placeholder/basic.svg.js +47 -47
  57. package/lib/cjs/assets/svg/placeholder/column.svg.js +14 -14
  58. package/lib/cjs/assets/svg/placeholder/donut.svg.js +7 -7
  59. package/lib/cjs/assets/svg/placeholder/grid.svg.js +18 -18
  60. package/lib/cjs/assets/svg/placeholder/pie.svg.js +11 -13
  61. package/lib/cjs/assets/svg/placeholder/pie.svg.js.map +1 -1
  62. package/lib/cjs/assets/svg/plus.svg.js +5 -5
  63. package/lib/cjs/assets/svg/presentation/attachment.svg.js +6 -6
  64. package/lib/cjs/assets/svg/presentation/download.svg.js +5 -5
  65. package/lib/cjs/assets/svg/presentation/enter_fullscreen.svg.js +9 -11
  66. package/lib/cjs/assets/svg/presentation/enter_fullscreen.svg.js.map +1 -1
  67. package/lib/cjs/assets/svg/presentation/exit_fullscreen.svg.js +9 -11
  68. package/lib/cjs/assets/svg/presentation/exit_fullscreen.svg.js.map +1 -1
  69. package/lib/cjs/assets/svg/presentation/eye.svg.js +6 -6
  70. package/lib/cjs/assets/svg/presentation/key.svg.js +6 -6
  71. package/lib/cjs/assets/svg/presentation/pause.svg.js +6 -6
  72. package/lib/cjs/assets/svg/presentation/pen.svg.js +6 -6
  73. package/lib/cjs/assets/svg/presentation/play.svg.js +7 -7
  74. package/lib/cjs/assets/svg/presentation/print.svg.js +5 -5
  75. package/lib/cjs/assets/svg/presentation/share.svg.js +5 -5
  76. package/lib/cjs/assets/svg/rotate.svg.js +5 -5
  77. package/lib/cjs/assets/svg/settings/align_center.svg.js +5 -5
  78. package/lib/cjs/assets/svg/settings/align_left.svg.js +5 -5
  79. package/lib/cjs/assets/svg/settings/align_right.svg.js +5 -5
  80. package/lib/cjs/assets/svg/settings/chart_bar.svg.js +5 -16
  81. package/lib/cjs/assets/svg/settings/chart_bar.svg.js.map +1 -1
  82. package/lib/cjs/assets/svg/settings/chart_basic.svg.js +9 -11
  83. package/lib/cjs/assets/svg/settings/chart_basic.svg.js.map +1 -1
  84. package/lib/cjs/assets/svg/settings/chart_column.svg.js +12 -16
  85. package/lib/cjs/assets/svg/settings/chart_column.svg.js.map +1 -1
  86. package/lib/cjs/assets/svg/settings/chart_donut.svg.js +12 -16
  87. package/lib/cjs/assets/svg/settings/chart_donut.svg.js.map +1 -1
  88. package/lib/cjs/assets/svg/settings/chart_grid.svg.js +20 -28
  89. package/lib/cjs/assets/svg/settings/chart_grid.svg.js.map +1 -1
  90. package/lib/cjs/assets/svg/settings/chart_line.svg.js +5 -5
  91. package/lib/cjs/assets/svg/settings/chart_pie.svg.js +12 -16
  92. package/lib/cjs/assets/svg/settings/chart_pie.svg.js.map +1 -1
  93. package/lib/cjs/assets/svg/settings/chart_textGrid.svg.js +5 -5
  94. package/lib/cjs/assets/svg/settings/drag.svg.js +27 -37
  95. package/lib/cjs/assets/svg/settings/drag.svg.js.map +1 -1
  96. package/lib/cjs/assets/svg/settings/ellipse.svg.js +6 -6
  97. package/lib/cjs/assets/svg/settings/font_bold.svg.js +5 -5
  98. package/lib/cjs/assets/svg/settings/font_italic.svg.js +5 -5
  99. package/lib/cjs/assets/svg/settings/font_underline.svg.js +5 -5
  100. package/lib/cjs/assets/svg/settings/layout.svg.js +12 -12
  101. package/lib/cjs/assets/svg/settings/line.svg.js +9 -9
  102. package/lib/cjs/assets/svg/settings/lock.svg.js +5 -5
  103. package/lib/cjs/assets/svg/settings/rectangle.svg.js +5 -5
  104. package/lib/cjs/assets/svg/settings/star.svg.js +5 -5
  105. package/lib/cjs/assets/svg/settings/triangle.svg.js +5 -5
  106. package/lib/cjs/assets/svg/settings/unlock.svg.js +5 -5
  107. package/lib/cjs/assets/svg/settings.svg.js +5 -5
  108. package/lib/cjs/assets/svg/settings_toggle.svg.js +6 -6
  109. package/lib/cjs/assets/svg/slides.svg.js +14 -18
  110. package/lib/cjs/assets/svg/slides.svg.js.map +1 -1
  111. package/lib/cjs/assets/svg/star_rating.svg.js +5 -5
  112. package/lib/cjs/assets/svg/toolbox/email.svg.js +5 -5
  113. package/lib/cjs/assets/svg/toolbox/header.svg.js +5 -5
  114. package/lib/cjs/assets/svg/toolbox/icon.svg.js +13 -19
  115. package/lib/cjs/assets/svg/toolbox/icon.svg.js.map +1 -1
  116. package/lib/cjs/assets/svg/toolbox/image.svg.js +8 -18
  117. package/lib/cjs/assets/svg/toolbox/image.svg.js.map +1 -1
  118. package/lib/cjs/assets/svg/toolbox/label.svg.js +6 -6
  119. package/lib/cjs/assets/svg/toolbox/multiple_choice.svg.js +7 -9
  120. package/lib/cjs/assets/svg/toolbox/multiple_choice.svg.js.map +1 -1
  121. package/lib/cjs/assets/svg/toolbox/shapes.svg.js +11 -16
  122. package/lib/cjs/assets/svg/toolbox/shapes.svg.js.map +1 -1
  123. package/lib/cjs/assets/svg/toolbox/single_choice.svg.js +5 -5
  124. package/lib/cjs/assets/svg/toolbox/star.svg.js +5 -5
  125. package/lib/cjs/assets/svg/toolbox/table.svg.js +5 -5
  126. package/lib/cjs/assets/svg/toolbox/text.svg.js +5 -5
  127. package/lib/cjs/assets/svg/toolbox/text_element.svg.js +5 -5
  128. package/lib/cjs/assets/svg/trash.svg.js +5 -5
  129. package/lib/cjs/components/AlignmentGuides.js +0 -1
  130. package/lib/cjs/components/AlignmentGuides.js.map +1 -1
  131. package/lib/cjs/components/Builder/Builder.js +4 -4
  132. package/lib/cjs/components/Builder/Builder.js.map +1 -1
  133. package/lib/cjs/components/Builder/ContextMenu.js +2 -2
  134. package/lib/cjs/components/Builder/ContextMenu.js.map +1 -1
  135. package/lib/cjs/components/Builder/Element.js +5 -5
  136. package/lib/cjs/components/Builder/Element.js.map +1 -1
  137. package/lib/cjs/components/Builder/Page.js +2 -2
  138. package/lib/cjs/components/Builder/Page.js.map +1 -1
  139. package/lib/cjs/components/Builder/PageActions.js +0 -2
  140. package/lib/cjs/components/Builder/PageActions.js.map +1 -1
  141. package/lib/cjs/components/Builder/PageAdder.js.map +1 -1
  142. package/lib/cjs/components/Builder/Panel.js +1 -1
  143. package/lib/cjs/components/Builder/ReportItemRenderer.js.map +1 -1
  144. package/lib/cjs/components/Builder/Scene.js +5 -4
  145. package/lib/cjs/components/Builder/Scene.js.map +1 -1
  146. package/lib/cjs/components/Builder/SearchInput.js +1 -1
  147. package/lib/cjs/components/Builder/SearchInput.js.map +1 -1
  148. package/lib/cjs/components/Builder/Tabs.js.map +1 -1
  149. package/lib/cjs/components/Builder/ZoomControls.js.map +1 -1
  150. package/lib/cjs/components/DraggableItem/DraggableItem.js +2 -2
  151. package/lib/cjs/components/DraggableItem/DraggableItem.js.map +1 -1
  152. package/lib/cjs/components/DraggableItem/DraggableItemActions.js.map +1 -1
  153. package/lib/cjs/components/DraggableItem/DraggableItemLayer.js +2 -3
  154. package/lib/cjs/components/DraggableItem/DraggableItemLayer.js.map +1 -1
  155. package/lib/cjs/components/Elements/Icon.js +1 -1
  156. package/lib/cjs/components/Elements/Image.js +2 -2
  157. package/lib/cjs/components/Elements/Image.js.map +1 -1
  158. package/lib/cjs/components/Elements/RichText.js +2 -2
  159. package/lib/cjs/components/Elements/RichText.js.map +1 -1
  160. package/lib/cjs/components/Elements/Shapes.js +1 -1
  161. package/lib/cjs/components/ErrorBoundary.js +2 -2
  162. package/lib/cjs/components/ErrorBoundary.js.map +1 -1
  163. package/lib/cjs/components/PageItemResizer.js +2 -2
  164. package/lib/cjs/components/PageItemResizer.js.map +1 -1
  165. package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanel.js +2 -4
  166. package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanel.js.map +1 -1
  167. package/lib/cjs/components/Panels/AllSlidesPanel/PageList.js +1 -2
  168. package/lib/cjs/components/Panels/AllSlidesPanel/PageList.js.map +1 -1
  169. package/lib/cjs/components/Panels/LeftPanel/Elements.js +2 -2
  170. package/lib/cjs/components/Panels/LeftPanel/Elements.js.map +1 -1
  171. package/lib/cjs/components/Panels/LeftPanel/LeftPanel.js.map +1 -1
  172. package/lib/cjs/components/Panels/LeftPanel/LeftPanelCloser.js.map +1 -1
  173. package/lib/cjs/components/Panels/LeftPanel/LeftPanelOpener.js.map +1 -1
  174. package/lib/cjs/components/Panels/RightPanel/RightPanel.js +1 -1
  175. package/lib/cjs/components/Panels/RightPanel/RightPanel.js.map +1 -1
  176. package/lib/cjs/components/Panels/RightPanel/RightPanelToggler.js.map +1 -1
  177. package/lib/cjs/components/Panels/RightPanel/Settings.js +1 -1
  178. package/lib/cjs/components/Panels/RightPanel/Settings.js.map +1 -1
  179. package/lib/cjs/components/Panels/SlidesPanel/ListWrapper.js +5 -5
  180. package/lib/cjs/components/Panels/SlidesPanel/ListWrapper.js.map +1 -1
  181. package/lib/cjs/components/Panels/SlidesPanel/PageThumbnailActions.js +0 -1
  182. package/lib/cjs/components/Panels/SlidesPanel/PageThumbnailActions.js.map +1 -1
  183. package/lib/cjs/components/Panels/SlidesPanel/SlidesPanel.js +1 -2
  184. package/lib/cjs/components/Panels/SlidesPanel/SlidesPanel.js.map +1 -1
  185. package/lib/cjs/components/Panels/SlidesPanel/SlidesPanelToggler.js.map +1 -1
  186. package/lib/cjs/components/Panels/SlidesPanel/SortablePageItemRenderer.js +4 -4
  187. package/lib/cjs/components/Panels/SlidesPanel/SortablePageItemRenderer.js.map +1 -1
  188. package/lib/cjs/components/Panels/SlidesPanel/SortablePageList.js +2 -2
  189. package/lib/cjs/components/Panels/SlidesPanel/SortablePageList.js.map +1 -1
  190. package/lib/cjs/components/Presentation/Presentation.js +5 -5
  191. package/lib/cjs/components/Presentation/Presentation.js.map +1 -1
  192. package/lib/cjs/components/Presentation/PresentationBar/PresentationActions.js +2 -3
  193. package/lib/cjs/components/Presentation/PresentationBar/PresentationActions.js.map +1 -1
  194. package/lib/cjs/components/Presentation/PresentationBar/PresentationBar.js.map +1 -1
  195. package/lib/cjs/components/Presentation/PresentationWrapper.js +1 -1
  196. package/lib/cjs/components/Presentation/PresentationWrapper.js.map +1 -1
  197. package/lib/cjs/components/Preview/Preview.js +6 -5
  198. package/lib/cjs/components/Preview/Preview.js.map +1 -1
  199. package/lib/cjs/components/Preview/StaticItem.js +1 -1
  200. package/lib/cjs/components/Preview/StaticItem.js.map +1 -1
  201. package/lib/cjs/components/Preview/StaticScene.js +1 -1
  202. package/lib/cjs/components/Preview/StaticScene.js.map +1 -1
  203. package/lib/cjs/components/Print/Print.js +1 -1
  204. package/lib/cjs/components/Print/PrintMode.js +3 -3
  205. package/lib/cjs/components/Print/PrintModeWithoutContext.js +3 -4
  206. package/lib/cjs/components/Print/PrintModeWithoutContext.js.map +1 -1
  207. package/lib/cjs/components/Report.js +9 -7
  208. package/lib/cjs/components/Report.js.map +1 -1
  209. package/lib/cjs/components/ReportItemsWrapper.js +0 -1
  210. package/lib/cjs/components/ReportItemsWrapper.js.map +1 -1
  211. package/lib/cjs/components/ReportWrapper.js +3 -2
  212. package/lib/cjs/components/ReportWrapper.js.map +1 -1
  213. package/lib/cjs/components/Settings/CheckboxGroup.js +1 -2
  214. package/lib/cjs/components/Settings/CheckboxGroup.js.map +1 -1
  215. package/lib/cjs/components/Settings/ColorPicker.js +1 -1
  216. package/lib/cjs/components/Settings/ColorPicker.js.map +1 -1
  217. package/lib/cjs/components/Settings/Dropdown.js +1 -1
  218. package/lib/cjs/components/Settings/Dropdown.js.map +1 -1
  219. package/lib/cjs/components/Settings/ImagePicker/EnterURL.js +1 -1
  220. package/lib/cjs/components/Settings/ImagePicker/EnterURL.js.map +1 -1
  221. package/lib/cjs/components/Settings/ImageUrl.js.map +1 -1
  222. package/lib/cjs/components/Settings/LayoutSizeSettings.js +2 -2
  223. package/lib/cjs/components/Settings/LayoutSizeSettings.js.map +1 -1
  224. package/lib/cjs/components/Settings/Orientation.js +1 -1
  225. package/lib/cjs/components/Settings/Orientation.js.map +1 -1
  226. package/lib/cjs/components/Settings/PageLayer/LayerItem.js.map +1 -1
  227. package/lib/cjs/components/Settings/PageLayer/PageLayer.js +1 -1
  228. package/lib/cjs/components/Settings/PageLayer/PageLayer.js.map +1 -1
  229. package/lib/cjs/components/Settings/SegmentControl.js +1 -1
  230. package/lib/cjs/components/Settings/SegmentControl.js.map +1 -1
  231. package/lib/cjs/components/Settings/SelectBox.js.map +1 -1
  232. package/lib/cjs/components/Settings/SettingsItemRenderer.js.map +1 -1
  233. package/lib/cjs/components/Settings/SizeSettings.js +2 -2
  234. package/lib/cjs/components/Settings/SizeSettings.js.map +1 -1
  235. package/lib/cjs/components/Settings/Slider.js.map +1 -1
  236. package/lib/cjs/components/Settings/Textbox.js +1 -1
  237. package/lib/cjs/components/Settings/Textbox.js.map +1 -1
  238. package/lib/cjs/components/Settings/Toggle.js.map +1 -1
  239. package/lib/cjs/components/StaticElements/StaticRichText.js +1 -1
  240. package/lib/cjs/components/StaticElements/StaticRichText.js.map +1 -1
  241. package/lib/cjs/components/TextEditor/CustomToolbar/CustomToolbar.js +1 -1
  242. package/lib/cjs/components/TextEditor/CustomToolbar/CustomToolbar.js.map +1 -1
  243. package/lib/cjs/components/TextEditor/TextEditor.js.map +1 -1
  244. package/lib/cjs/components/withClickOutside.js +1 -3
  245. package/lib/cjs/components/withClickOutside.js.map +1 -1
  246. package/lib/cjs/constants/fonts.js +2 -3
  247. package/lib/cjs/constants/fonts.js.map +1 -1
  248. package/lib/cjs/constants/pageSettings.js +1 -1
  249. package/lib/cjs/constants/reportLayoutSettings.js +2 -2
  250. package/lib/cjs/constants/reportLayoutSettings.js.map +1 -1
  251. package/lib/cjs/constants/reportSettings.js +2 -2
  252. package/lib/cjs/constants/staticProps.js +1 -1
  253. package/lib/cjs/styles/_jfDarkTheme.scss +55 -19
  254. package/lib/cjs/styles/_jfLightTheme.scss +66 -31
  255. package/lib/cjs/styles/_jfReportsAccordion.scss +1 -2
  256. package/lib/cjs/styles/_jfReportsChoice.scss +10 -9
  257. package/lib/cjs/styles/_jfReportsFonts.scss +19 -26
  258. package/lib/cjs/styles/_jfReportsPages.scss +2 -2
  259. package/lib/cjs/styles/_jfReportsPanelElements.scss +12 -10
  260. package/lib/cjs/styles/_jfReportsPanels.scss +1 -2
  261. package/lib/cjs/styles/_jfReportsSVG.scss +0 -4
  262. package/lib/cjs/styles/_jfReportsSortableList.scss +17 -14
  263. package/lib/cjs/styles/_jfReportsToggle.scss +1 -1
  264. package/lib/cjs/styles/_jfReportsVariables.scss +5 -1
  265. package/lib/cjs/utils/builderContext.js +4 -4
  266. package/lib/cjs/utils/builderContext.js.map +1 -1
  267. package/lib/cjs/utils/fontFallbackMap.js +2 -2
  268. package/lib/cjs/utils/fontFallbackMap.js.map +1 -1
  269. package/lib/cjs/utils/functions.js +3 -5
  270. package/lib/cjs/utils/functions.js.map +1 -1
  271. package/lib/cjs/utils/getMergedItem.js +1 -1
  272. package/lib/cjs/utils/getMergedItem.js.map +1 -1
  273. package/lib/cjs/utils/hooks.js +1 -1
  274. package/lib/cjs/utils/presentationContext.js +2 -2
  275. package/lib/cjs/utils/presentationContext.js.map +1 -1
  276. package/lib/cjs/utils/print.js +0 -1
  277. package/lib/cjs/utils/print.js.map +1 -1
  278. package/lib/cjs/utils/propContext.js +2 -2
  279. package/lib/cjs/utils/propContext.js.map +1 -1
  280. package/lib/cjs/utils/string.js +0 -1
  281. package/lib/cjs/utils/string.js.map +1 -1
  282. package/lib/esm/assets/search.svg.js +6 -6
  283. package/lib/esm/assets/svg/all_slides.svg.js +28 -34
  284. package/lib/esm/assets/svg/all_slides.svg.js.map +1 -1
  285. package/lib/esm/assets/svg/arrow_down.svg.js +6 -6
  286. package/lib/esm/assets/svg/arrow_left.svg.js +6 -6
  287. package/lib/esm/assets/svg/arrow_right.svg.js +6 -6
  288. package/lib/esm/assets/svg/arrow_up.svg.js +6 -6
  289. package/lib/esm/assets/svg/close.svg.js +6 -6
  290. package/lib/esm/assets/svg/contextmenu/moveToBack.svg.js +18 -18
  291. package/lib/esm/assets/svg/contextmenu/moveToBackward.svg.js +18 -18
  292. package/lib/esm/assets/svg/contextmenu/moveToForward.svg.js +18 -18
  293. package/lib/esm/assets/svg/contextmenu/moveToFront.svg.js +18 -18
  294. package/lib/esm/assets/svg/customize.svg.js +6 -6
  295. package/lib/esm/assets/svg/duplicate.svg.js +5 -5
  296. package/lib/esm/assets/svg/fit_screen.svg.js +7 -9
  297. package/lib/esm/assets/svg/fit_screen.svg.js.map +1 -1
  298. package/lib/esm/assets/svg/heart_rating.svg.js +6 -6
  299. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-arrow-diverge.svg.js +6 -6
  300. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-arrow-down-left.svg.js +6 -6
  301. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-arrow-down-right.svg.js +6 -6
  302. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-arrow-down.svg.js +6 -6
  303. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-arrow-left.svg.js +6 -6
  304. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-arrow-right.svg.js +6 -6
  305. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-arrow-up-left.svg.js +6 -6
  306. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-arrow-up-right.svg.js +6 -6
  307. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-caret-down-circle.svg.js +6 -6
  308. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-caret-down-double.svg.js +6 -6
  309. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-caret-down.svg.js +6 -6
  310. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-caret-left-circle.svg.js +6 -6
  311. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-caret-left-double.svg.js +6 -6
  312. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-caret-left.svg.js +6 -6
  313. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-caret-right-circle.svg.js +6 -6
  314. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-caret-right-double.svg.js +6 -6
  315. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-caret-right.svg.js +6 -6
  316. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-caret-up-circle.svg.js +6 -6
  317. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-caret-up-double.svg.js +6 -6
  318. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-caret-up.svg.js +6 -6
  319. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-cloud.svg.js +6 -6
  320. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-download.svg.js +6 -6
  321. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-eye.svg.js +6 -6
  322. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-folder.svg.js +6 -6
  323. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-heart.svg.js +6 -6
  324. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-home.svg.js +6 -6
  325. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-thumbs-down.svg.js +6 -6
  326. package/lib/esm/assets/svg/icon-selector/jfc_icon_solid-thumbs-up.svg.js +6 -6
  327. package/lib/esm/assets/svg/loading_circle.svg.js +6 -6
  328. package/lib/esm/assets/svg/minus.svg.js +11 -11
  329. package/lib/esm/assets/svg/page-actions/duplicate_line.svg.js +5 -5
  330. package/lib/esm/assets/svg/page-actions/trash_line.svg.js +5 -5
  331. package/lib/esm/assets/svg/page_settings.svg.js +27 -33
  332. package/lib/esm/assets/svg/page_settings.svg.js.map +1 -1
  333. package/lib/esm/assets/svg/placeholder/bar.svg.js +14 -14
  334. package/lib/esm/assets/svg/placeholder/basic.svg.js +47 -47
  335. package/lib/esm/assets/svg/placeholder/column.svg.js +14 -14
  336. package/lib/esm/assets/svg/placeholder/donut.svg.js +7 -7
  337. package/lib/esm/assets/svg/placeholder/grid.svg.js +18 -18
  338. package/lib/esm/assets/svg/placeholder/pie.svg.js +11 -13
  339. package/lib/esm/assets/svg/placeholder/pie.svg.js.map +1 -1
  340. package/lib/esm/assets/svg/plus.svg.js +5 -5
  341. package/lib/esm/assets/svg/presentation/attachment.svg.js +6 -6
  342. package/lib/esm/assets/svg/presentation/download.svg.js +5 -5
  343. package/lib/esm/assets/svg/presentation/enter_fullscreen.svg.js +9 -11
  344. package/lib/esm/assets/svg/presentation/enter_fullscreen.svg.js.map +1 -1
  345. package/lib/esm/assets/svg/presentation/exit_fullscreen.svg.js +9 -11
  346. package/lib/esm/assets/svg/presentation/exit_fullscreen.svg.js.map +1 -1
  347. package/lib/esm/assets/svg/presentation/eye.svg.js +6 -6
  348. package/lib/esm/assets/svg/presentation/key.svg.js +6 -6
  349. package/lib/esm/assets/svg/presentation/pause.svg.js +6 -6
  350. package/lib/esm/assets/svg/presentation/pen.svg.js +6 -6
  351. package/lib/esm/assets/svg/presentation/play.svg.js +7 -7
  352. package/lib/esm/assets/svg/presentation/print.svg.js +5 -5
  353. package/lib/esm/assets/svg/presentation/share.svg.js +5 -5
  354. package/lib/esm/assets/svg/rotate.svg.js +5 -5
  355. package/lib/esm/assets/svg/settings/align_center.svg.js +5 -5
  356. package/lib/esm/assets/svg/settings/align_left.svg.js +5 -5
  357. package/lib/esm/assets/svg/settings/align_right.svg.js +5 -5
  358. package/lib/esm/assets/svg/settings/chart_bar.svg.js +5 -16
  359. package/lib/esm/assets/svg/settings/chart_bar.svg.js.map +1 -1
  360. package/lib/esm/assets/svg/settings/chart_basic.svg.js +9 -11
  361. package/lib/esm/assets/svg/settings/chart_basic.svg.js.map +1 -1
  362. package/lib/esm/assets/svg/settings/chart_column.svg.js +12 -16
  363. package/lib/esm/assets/svg/settings/chart_column.svg.js.map +1 -1
  364. package/lib/esm/assets/svg/settings/chart_donut.svg.js +12 -16
  365. package/lib/esm/assets/svg/settings/chart_donut.svg.js.map +1 -1
  366. package/lib/esm/assets/svg/settings/chart_grid.svg.js +20 -28
  367. package/lib/esm/assets/svg/settings/chart_grid.svg.js.map +1 -1
  368. package/lib/esm/assets/svg/settings/chart_line.svg.js +5 -5
  369. package/lib/esm/assets/svg/settings/chart_pie.svg.js +12 -16
  370. package/lib/esm/assets/svg/settings/chart_pie.svg.js.map +1 -1
  371. package/lib/esm/assets/svg/settings/chart_textGrid.svg.js +5 -5
  372. package/lib/esm/assets/svg/settings/drag.svg.js +27 -37
  373. package/lib/esm/assets/svg/settings/drag.svg.js.map +1 -1
  374. package/lib/esm/assets/svg/settings/ellipse.svg.js +6 -6
  375. package/lib/esm/assets/svg/settings/font_bold.svg.js +5 -5
  376. package/lib/esm/assets/svg/settings/font_italic.svg.js +5 -5
  377. package/lib/esm/assets/svg/settings/font_underline.svg.js +5 -5
  378. package/lib/esm/assets/svg/settings/layout.svg.js +12 -12
  379. package/lib/esm/assets/svg/settings/line.svg.js +9 -9
  380. package/lib/esm/assets/svg/settings/lock.svg.js +5 -5
  381. package/lib/esm/assets/svg/settings/rectangle.svg.js +5 -5
  382. package/lib/esm/assets/svg/settings/star.svg.js +5 -5
  383. package/lib/esm/assets/svg/settings/triangle.svg.js +5 -5
  384. package/lib/esm/assets/svg/settings/unlock.svg.js +5 -5
  385. package/lib/esm/assets/svg/settings.svg.js +5 -5
  386. package/lib/esm/assets/svg/settings_toggle.svg.js +6 -6
  387. package/lib/esm/assets/svg/slides.svg.js +14 -18
  388. package/lib/esm/assets/svg/slides.svg.js.map +1 -1
  389. package/lib/esm/assets/svg/star_rating.svg.js +5 -5
  390. package/lib/esm/assets/svg/toolbox/email.svg.js +5 -5
  391. package/lib/esm/assets/svg/toolbox/header.svg.js +5 -5
  392. package/lib/esm/assets/svg/toolbox/icon.svg.js +13 -19
  393. package/lib/esm/assets/svg/toolbox/icon.svg.js.map +1 -1
  394. package/lib/esm/assets/svg/toolbox/image.svg.js +8 -18
  395. package/lib/esm/assets/svg/toolbox/image.svg.js.map +1 -1
  396. package/lib/esm/assets/svg/toolbox/label.svg.js +6 -6
  397. package/lib/esm/assets/svg/toolbox/multiple_choice.svg.js +7 -9
  398. package/lib/esm/assets/svg/toolbox/multiple_choice.svg.js.map +1 -1
  399. package/lib/esm/assets/svg/toolbox/shapes.svg.js +11 -16
  400. package/lib/esm/assets/svg/toolbox/shapes.svg.js.map +1 -1
  401. package/lib/esm/assets/svg/toolbox/single_choice.svg.js +5 -5
  402. package/lib/esm/assets/svg/toolbox/star.svg.js +5 -5
  403. package/lib/esm/assets/svg/toolbox/table.svg.js +5 -5
  404. package/lib/esm/assets/svg/toolbox/text.svg.js +5 -5
  405. package/lib/esm/assets/svg/toolbox/text_element.svg.js +5 -5
  406. package/lib/esm/assets/svg/trash.svg.js +5 -5
  407. package/lib/esm/components/AlignmentGuides.js +0 -1
  408. package/lib/esm/components/AlignmentGuides.js.map +1 -1
  409. package/lib/esm/components/Builder/Builder.js +4 -4
  410. package/lib/esm/components/Builder/Builder.js.map +1 -1
  411. package/lib/esm/components/Builder/ContextMenu.js +2 -2
  412. package/lib/esm/components/Builder/ContextMenu.js.map +1 -1
  413. package/lib/esm/components/Builder/Element.js +5 -5
  414. package/lib/esm/components/Builder/Element.js.map +1 -1
  415. package/lib/esm/components/Builder/Page.js +2 -2
  416. package/lib/esm/components/Builder/Page.js.map +1 -1
  417. package/lib/esm/components/Builder/PageActions.js +0 -2
  418. package/lib/esm/components/Builder/PageActions.js.map +1 -1
  419. package/lib/esm/components/Builder/PageAdder.js.map +1 -1
  420. package/lib/esm/components/Builder/Panel.js +1 -1
  421. package/lib/esm/components/Builder/ReportItemRenderer.js.map +1 -1
  422. package/lib/esm/components/Builder/Scene.js +5 -4
  423. package/lib/esm/components/Builder/Scene.js.map +1 -1
  424. package/lib/esm/components/Builder/SearchInput.js +1 -1
  425. package/lib/esm/components/Builder/SearchInput.js.map +1 -1
  426. package/lib/esm/components/Builder/Tabs.js.map +1 -1
  427. package/lib/esm/components/Builder/ZoomControls.js.map +1 -1
  428. package/lib/esm/components/DraggableItem/DraggableItem.js +2 -2
  429. package/lib/esm/components/DraggableItem/DraggableItem.js.map +1 -1
  430. package/lib/esm/components/DraggableItem/DraggableItemActions.js.map +1 -1
  431. package/lib/esm/components/DraggableItem/DraggableItemLayer.js +2 -3
  432. package/lib/esm/components/DraggableItem/DraggableItemLayer.js.map +1 -1
  433. package/lib/esm/components/Elements/Icon.js +1 -1
  434. package/lib/esm/components/Elements/Image.js +2 -2
  435. package/lib/esm/components/Elements/Image.js.map +1 -1
  436. package/lib/esm/components/Elements/RichText.js +2 -2
  437. package/lib/esm/components/Elements/RichText.js.map +1 -1
  438. package/lib/esm/components/Elements/Shapes.js +1 -1
  439. package/lib/esm/components/ErrorBoundary.js +2 -2
  440. package/lib/esm/components/ErrorBoundary.js.map +1 -1
  441. package/lib/esm/components/PageItemResizer.js +2 -2
  442. package/lib/esm/components/PageItemResizer.js.map +1 -1
  443. package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanel.js +2 -4
  444. package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanel.js.map +1 -1
  445. package/lib/esm/components/Panels/AllSlidesPanel/PageList.js +1 -2
  446. package/lib/esm/components/Panels/AllSlidesPanel/PageList.js.map +1 -1
  447. package/lib/esm/components/Panels/LeftPanel/Elements.js +2 -2
  448. package/lib/esm/components/Panels/LeftPanel/Elements.js.map +1 -1
  449. package/lib/esm/components/Panels/LeftPanel/LeftPanel.js.map +1 -1
  450. package/lib/esm/components/Panels/LeftPanel/LeftPanelCloser.js.map +1 -1
  451. package/lib/esm/components/Panels/LeftPanel/LeftPanelOpener.js.map +1 -1
  452. package/lib/esm/components/Panels/RightPanel/RightPanel.js +1 -1
  453. package/lib/esm/components/Panels/RightPanel/RightPanel.js.map +1 -1
  454. package/lib/esm/components/Panels/RightPanel/RightPanelToggler.js.map +1 -1
  455. package/lib/esm/components/Panels/RightPanel/Settings.js +1 -1
  456. package/lib/esm/components/Panels/RightPanel/Settings.js.map +1 -1
  457. package/lib/esm/components/Panels/SlidesPanel/ListWrapper.js +5 -5
  458. package/lib/esm/components/Panels/SlidesPanel/ListWrapper.js.map +1 -1
  459. package/lib/esm/components/Panels/SlidesPanel/PageThumbnailActions.js +0 -1
  460. package/lib/esm/components/Panels/SlidesPanel/PageThumbnailActions.js.map +1 -1
  461. package/lib/esm/components/Panels/SlidesPanel/SlidesPanel.js +1 -2
  462. package/lib/esm/components/Panels/SlidesPanel/SlidesPanel.js.map +1 -1
  463. package/lib/esm/components/Panels/SlidesPanel/SlidesPanelToggler.js.map +1 -1
  464. package/lib/esm/components/Panels/SlidesPanel/SortablePageItemRenderer.js +4 -4
  465. package/lib/esm/components/Panels/SlidesPanel/SortablePageItemRenderer.js.map +1 -1
  466. package/lib/esm/components/Panels/SlidesPanel/SortablePageList.js +2 -2
  467. package/lib/esm/components/Panels/SlidesPanel/SortablePageList.js.map +1 -1
  468. package/lib/esm/components/Presentation/Presentation.js +5 -5
  469. package/lib/esm/components/Presentation/Presentation.js.map +1 -1
  470. package/lib/esm/components/Presentation/PresentationBar/PresentationActions.js +2 -3
  471. package/lib/esm/components/Presentation/PresentationBar/PresentationActions.js.map +1 -1
  472. package/lib/esm/components/Presentation/PresentationBar/PresentationBar.js.map +1 -1
  473. package/lib/esm/components/Presentation/PresentationWrapper.js +1 -1
  474. package/lib/esm/components/Presentation/PresentationWrapper.js.map +1 -1
  475. package/lib/esm/components/Preview/Preview.js +6 -5
  476. package/lib/esm/components/Preview/Preview.js.map +1 -1
  477. package/lib/esm/components/Preview/StaticItem.js +1 -1
  478. package/lib/esm/components/Preview/StaticItem.js.map +1 -1
  479. package/lib/esm/components/Preview/StaticScene.js +1 -1
  480. package/lib/esm/components/Preview/StaticScene.js.map +1 -1
  481. package/lib/esm/components/Print/Print.js +1 -1
  482. package/lib/esm/components/Print/PrintMode.js +3 -3
  483. package/lib/esm/components/Print/PrintModeWithoutContext.js +3 -4
  484. package/lib/esm/components/Print/PrintModeWithoutContext.js.map +1 -1
  485. package/lib/esm/components/Report.js +9 -7
  486. package/lib/esm/components/Report.js.map +1 -1
  487. package/lib/esm/components/ReportItemsWrapper.js +0 -1
  488. package/lib/esm/components/ReportItemsWrapper.js.map +1 -1
  489. package/lib/esm/components/ReportWrapper.js +3 -2
  490. package/lib/esm/components/ReportWrapper.js.map +1 -1
  491. package/lib/esm/components/Settings/CheckboxGroup.js +1 -2
  492. package/lib/esm/components/Settings/CheckboxGroup.js.map +1 -1
  493. package/lib/esm/components/Settings/ColorPicker.js +1 -1
  494. package/lib/esm/components/Settings/ColorPicker.js.map +1 -1
  495. package/lib/esm/components/Settings/Dropdown.js +1 -1
  496. package/lib/esm/components/Settings/Dropdown.js.map +1 -1
  497. package/lib/esm/components/Settings/ImagePicker/EnterURL.js +1 -1
  498. package/lib/esm/components/Settings/ImagePicker/EnterURL.js.map +1 -1
  499. package/lib/esm/components/Settings/ImageUrl.js.map +1 -1
  500. package/lib/esm/components/Settings/LayoutSizeSettings.js +2 -2
  501. package/lib/esm/components/Settings/LayoutSizeSettings.js.map +1 -1
  502. package/lib/esm/components/Settings/Orientation.js +1 -1
  503. package/lib/esm/components/Settings/Orientation.js.map +1 -1
  504. package/lib/esm/components/Settings/PageLayer/LayerItem.js.map +1 -1
  505. package/lib/esm/components/Settings/PageLayer/PageLayer.js +1 -1
  506. package/lib/esm/components/Settings/PageLayer/PageLayer.js.map +1 -1
  507. package/lib/esm/components/Settings/SegmentControl.js +1 -1
  508. package/lib/esm/components/Settings/SegmentControl.js.map +1 -1
  509. package/lib/esm/components/Settings/SelectBox.js.map +1 -1
  510. package/lib/esm/components/Settings/SettingsItemRenderer.js.map +1 -1
  511. package/lib/esm/components/Settings/SizeSettings.js +2 -2
  512. package/lib/esm/components/Settings/SizeSettings.js.map +1 -1
  513. package/lib/esm/components/Settings/Slider.js.map +1 -1
  514. package/lib/esm/components/Settings/Textbox.js +1 -1
  515. package/lib/esm/components/Settings/Textbox.js.map +1 -1
  516. package/lib/esm/components/Settings/Toggle.js.map +1 -1
  517. package/lib/esm/components/StaticElements/StaticRichText.js +1 -1
  518. package/lib/esm/components/StaticElements/StaticRichText.js.map +1 -1
  519. package/lib/esm/components/TextEditor/CustomToolbar/CustomToolbar.js +1 -1
  520. package/lib/esm/components/TextEditor/CustomToolbar/CustomToolbar.js.map +1 -1
  521. package/lib/esm/components/TextEditor/TextEditor.js.map +1 -1
  522. package/lib/esm/components/withClickOutside.js +1 -3
  523. package/lib/esm/components/withClickOutside.js.map +1 -1
  524. package/lib/esm/constants/fonts.js +2 -3
  525. package/lib/esm/constants/fonts.js.map +1 -1
  526. package/lib/esm/constants/pageSettings.js +1 -1
  527. package/lib/esm/constants/reportLayoutSettings.js +2 -2
  528. package/lib/esm/constants/reportLayoutSettings.js.map +1 -1
  529. package/lib/esm/constants/reportSettings.js +2 -2
  530. package/lib/esm/constants/staticProps.js +1 -1
  531. package/lib/esm/styles/_jfDarkTheme.scss +55 -19
  532. package/lib/esm/styles/_jfLightTheme.scss +66 -31
  533. package/lib/esm/styles/_jfReportsAccordion.scss +1 -2
  534. package/lib/esm/styles/_jfReportsChoice.scss +10 -9
  535. package/lib/esm/styles/_jfReportsFonts.scss +19 -26
  536. package/lib/esm/styles/_jfReportsPages.scss +2 -2
  537. package/lib/esm/styles/_jfReportsPanelElements.scss +12 -10
  538. package/lib/esm/styles/_jfReportsPanels.scss +1 -2
  539. package/lib/esm/styles/_jfReportsSVG.scss +0 -4
  540. package/lib/esm/styles/_jfReportsSortableList.scss +17 -14
  541. package/lib/esm/styles/_jfReportsToggle.scss +1 -1
  542. package/lib/esm/styles/_jfReportsVariables.scss +5 -1
  543. package/lib/esm/utils/builderContext.js +4 -4
  544. package/lib/esm/utils/builderContext.js.map +1 -1
  545. package/lib/esm/utils/fontFallbackMap.js +2 -2
  546. package/lib/esm/utils/fontFallbackMap.js.map +1 -1
  547. package/lib/esm/utils/functions.js +3 -5
  548. package/lib/esm/utils/functions.js.map +1 -1
  549. package/lib/esm/utils/getMergedItem.js +1 -1
  550. package/lib/esm/utils/getMergedItem.js.map +1 -1
  551. package/lib/esm/utils/hooks.js +1 -1
  552. package/lib/esm/utils/presentationContext.js +2 -2
  553. package/lib/esm/utils/presentationContext.js.map +1 -1
  554. package/lib/esm/utils/print.js +0 -1
  555. package/lib/esm/utils/print.js.map +1 -1
  556. package/lib/esm/utils/propContext.js +2 -2
  557. package/lib/esm/utils/propContext.js.map +1 -1
  558. package/lib/esm/utils/string.js +0 -1
  559. package/lib/esm/utils/string.js.map +1 -1
  560. package/package.json +3 -6
@@ -1 +1 @@
1
- {"version":3,"file":"DraggableItemLayer.js","sources":["../../../../src/components/DraggableItem/DraggableItemLayer.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport memoizeOne from 'memoize-one';\nimport { useDragLayer } from 'react-dnd-cjs';\nimport ReportItemRenderer from '../Builder/ReportItemRenderer';\nimport { proximityListener, calculateGuidePositions } from '../../utils/functions';\nimport ItemPositioner from '../ItemPositioner';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { usePropContext } from '../../utils/propContext';\nimport getMergedItem from '../../utils/getMergedItem';\n\nconst layerStyles = ({ x, y }) => ({\n left: x,\n pointerEvents: 'none',\n position: 'fixed',\n top: y,\n zIndex: 100,\n});\n\nconst getDraggedItem = ({ defaultItem = {}, details }, item) => ({\n ...defaultItem,\n ...details,\n ...item,\n id: 'temp',\n});\n\nconst getMemoizedDraggedItem = memoizeOne(getDraggedItem);\n\nconst getAdditionalItems = memoizeOne((activeElems, __itemId, _pages, _acceptedItems) => {\n if (activeElems === null || activeElems.length === 1) return [];\n const index = activeElems.findIndex(aE => aE === __itemId);\n const act = [...activeElems.slice(0, index), ...activeElems.slice(index + 1)];\n const items = act.map(_i => {\n const _item = _pages.reduce((acc, curr) => {\n if (acc) {\n return acc;\n }\n return curr.items.find(el => el.id === _i);\n }, undefined);\n const defItem = (_acceptedItems[_item.itemType]\n && _acceptedItems[_item.itemType].defaultItem);\n return { ...defItem, ..._item };\n });\n return items;\n});\n\nfunction getItemStyles(initialOffset, currentOffset, ref, pageGuides, item, zoom) {\n if (ref.current) {\n const dropTargetPosition = ref.current.getBoundingClientRect();\n const { x: finalX, y: finalY } = currentOffset;\n const { x: initialX, y: initialY } = initialOffset;\n const newYposition = finalY > initialY\n ? (initialY + (finalY - initialY)) - dropTargetPosition.top\n : initialY - (initialY - finalY) - dropTargetPosition.top;\n\n const newXposition = finalX > initialX\n ? (initialX + (finalX - initialX)) - dropTargetPosition.left\n : initialX - (initialX - finalX) - dropTargetPosition.left;\n\n const newItem = {\n ...item,\n left: newXposition / zoom,\n top: newYposition / zoom,\n };\n const _guides = {\n ...pageGuides,\n [item.id]: {\n ...pageGuides[item.id],\n x: calculateGuidePositions(newItem, 'x', zoom),\n y: calculateGuidePositions(newItem, 'y', zoom),\n },\n };\n\n const match = proximityListener(item.id, _guides);\n let newActiveBoxLeft = newXposition;\n let newActiveBoxTop = newYposition;\n const haveMatch = Object.keys(match).length > 0;\n const haveXMatch = haveMatch && match.x;\n const haveYMatch = haveMatch && match.y;\n Object.keys(match).forEach(axis => {\n const { activeBoxGuides, matchedArray, proximity } = match[axis];\n const activeBoxProximityIndex = proximity.activeBoxIndex;\n const matchedBoxProximityIndex = proximity.matchedBoxIndex;\n if (axis === 'x') {\n if (activeBoxGuides[activeBoxProximityIndex] > matchedArray[matchedBoxProximityIndex]) {\n newActiveBoxLeft = newItem.left - proximity.value;\n } else {\n newActiveBoxLeft = newItem.left + proximity.value;\n }\n } else if (activeBoxGuides[activeBoxProximityIndex]\n > matchedArray[matchedBoxProximityIndex]) {\n newActiveBoxTop = newItem.top - proximity.value;\n } else {\n newActiveBoxTop = newItem.top + proximity.value;\n }\n });\n return {\n x: (newActiveBoxLeft * (haveXMatch ? zoom : 1)) + dropTargetPosition.left,\n y: (newActiveBoxTop * (haveYMatch ? zoom : 1)) + dropTargetPosition.top,\n };\n }\n}\n\nconst DraggableItemLayer = ({\n guides, itemAccessor, pageRefs, pages,\n}) => {\n const {\n currentOffset,\n initialOffset,\n isDragging,\n item,\n } = useDragLayer(monitor => ({\n currentOffset: monitor.getSourceClientOffset(),\n initialOffset: monitor.getInitialSourceClientOffset(),\n isDragging: monitor.isDragging(),\n item: monitor.getItem(),\n itemType: monitor.getItemType(),\n }));\n\n const { acceptedItems } = usePropContext();\n const { activeElement, zoom } = useBuilderContext();\n\n if (!currentOffset || !isDragging) {\n return null;\n }\n let draggedItem = pages.reduce((acc, curr) => {\n if (acc) {\n return acc;\n }\n return curr.items.find(el => el.id === item.id);\n }, undefined);\n\n let pageID;\n if (draggedItem) {\n pageID = draggedItem.pageID;\n } else {\n draggedItem = getMemoizedDraggedItem(acceptedItems[item.itemType], item);\n }\n const element = document.elementFromPoint(currentOffset.x, currentOffset.y);\n if (element && element.closest('.jfReport-page')) { // add polyfill if will we use that one\n pageID = element.closest('.jfReport-page').getAttribute('data-id');\n if (!draggedItem.pageID) {\n draggedItem.pageID = pageID;\n }\n }\n\n const ref = pageRefs[pageID];\n let itemStyle = {};\n // No page\n if (!ref || !ref.current) {\n itemStyle = {\n x: currentOffset.x,\n y: currentOffset.y,\n };\n } else { // In the page\n const pageGuides = guides[pageID];\n itemStyle = getItemStyles(\n initialOffset,\n currentOffset,\n pageRefs[pageID],\n pageGuides,\n draggedItem,\n zoom,\n );\n }\n\n const additionalitems = getAdditionalItems(\n activeElement,\n draggedItem.id,\n pages,\n acceptedItems,\n );\n\n const mergedItem = getMergedItem(draggedItem, acceptedItems);\n\n return (\n <>\n <ItemPositioner\n classNames={`reportItem${isDragging ? ' isDraggingLayerElement' : ''}`}\n style={{\n ...layerStyles(itemStyle),\n height: draggedItem.height,\n outlineColor: '#4277ff',\n transform: `scale(${zoom})`,\n transformOrigin: '0 0',\n width: draggedItem.width,\n }}\n >\n <ReportItemRenderer item={draggedItem}>\n {ReportItem => (\n <ReportItem\n isDragging={isDragging}\n item={mergedItem}\n itemAccessor={itemAccessor}\n zoom={zoom}\n />\n )}\n </ReportItemRenderer>\n </ItemPositioner>\n {additionalitems.map(ii => {\n const __itemStyle = {\n x: itemStyle.x - ((draggedItem.left - ii.left) * zoom),\n y: itemStyle.y - ((draggedItem.top - ii.top) * zoom),\n };\n return (\n <ItemPositioner\n key={ii.id}\n classNames={`reportItem${isDragging ? ' isDraggingLayerElement' : ''}`}\n style={{\n ...layerStyles(__itemStyle),\n height: ii.height,\n outlineColor: '#4277ff',\n transform: `scale(${zoom})`,\n transformOrigin: '0 0',\n width: ii.width,\n }}\n >\n <ReportItemRenderer item={ii}>\n {ReportItem => (\n <ReportItem\n isDragging={isDragging}\n item={ii}\n itemAccessor={itemAccessor}\n zoom={zoom}\n />\n )}\n </ReportItemRenderer>\n </ItemPositioner>\n );\n })}\n </>\n );\n};\n\nDraggableItemLayer.propTypes = {\n guides: PropTypes.shape({}),\n itemAccessor: PropTypes.func,\n pageRefs: PropTypes.shape({}),\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n};\n\nDraggableItemLayer.defaultProps = {\n guides: {},\n itemAccessor: () => {},\n pageRefs: {},\n pages: [],\n};\n\nexport default memo(DraggableItemLayer);\n"],"names":["layerStyles","x","y","left","pointerEvents","position","top","zIndex","getDraggedItem","item","defaultItem","details","id","getMemoizedDraggedItem","memoizeOne","getAdditionalItems","activeElems","__itemId","_pages","_acceptedItems","length","index","findIndex","aE","act","slice","items","map","_i","_item","reduce","acc","curr","find","el","undefined","defItem","itemType","getItemStyles","initialOffset","currentOffset","ref","pageGuides","zoom","current","dropTargetPosition","getBoundingClientRect","finalX","finalY","initialX","initialY","newYposition","newXposition","newItem","_guides","calculateGuidePositions","match","proximityListener","newActiveBoxLeft","newActiveBoxTop","haveMatch","Object","keys","haveXMatch","haveYMatch","forEach","axis","activeBoxGuides","matchedArray","proximity","activeBoxProximityIndex","activeBoxIndex","matchedBoxProximityIndex","matchedBoxIndex","value","DraggableItemLayer","guides","itemAccessor","pageRefs","pages","useDragLayer","monitor","getSourceClientOffset","getInitialSourceClientOffset","isDragging","getItem","getItemType","usePropContext","acceptedItems","useBuilderContext","activeElement","draggedItem","pageID","element","document","elementFromPoint","closest","getAttribute","itemStyle","additionalitems","mergedItem","getMergedItem","_jsxs","_jsx","height","outlineColor","transform","transformOrigin","width","ReportItem","ii","__itemStyle","propTypes","PropTypes","shape","func","arrayOf","defaultProps","memo"],"mappings":"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"}
1
+ {"version":3,"file":"DraggableItemLayer.js","sources":["../../../../src/components/DraggableItem/DraggableItemLayer.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport memoizeOne from 'memoize-one';\nimport { useDragLayer } from 'react-dnd-cjs';\nimport ReportItemRenderer from '../Builder/ReportItemRenderer';\nimport { proximityListener, calculateGuidePositions } from '../../utils/functions';\nimport ItemPositioner from '../ItemPositioner';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { usePropContext } from '../../utils/propContext';\nimport getMergedItem from '../../utils/getMergedItem';\n\nconst layerStyles = ({ x, y }) => ({\n left: x,\n pointerEvents: 'none',\n position: 'fixed',\n top: y,\n zIndex: 100,\n});\n\nconst getDraggedItem = ({ defaultItem = {}, details }, item) => ({\n ...defaultItem,\n ...details,\n ...item,\n id: 'temp',\n});\n\nconst getMemoizedDraggedItem = memoizeOne(getDraggedItem);\n\nconst getAdditionalItems = memoizeOne((activeElems, __itemId, _pages, _acceptedItems) => {\n if (activeElems === null || activeElems.length === 1) return [];\n const index = activeElems.findIndex(aE => aE === __itemId);\n const act = [...activeElems.slice(0, index), ...activeElems.slice(index + 1)];\n const items = act.map(_i => {\n const _item = _pages.reduce((acc, curr) => {\n if (acc) {\n return acc;\n }\n return curr.items.find(el => el.id === _i);\n }, undefined);\n const defItem = (_acceptedItems[_item.itemType]\n && _acceptedItems[_item.itemType].defaultItem);\n return { ...defItem, ..._item };\n });\n return items;\n});\n\nfunction getItemStyles(initialOffset, currentOffset, ref, pageGuides, item, zoom) {\n if (ref.current) {\n const dropTargetPosition = ref.current.getBoundingClientRect();\n const { x: finalX, y: finalY } = currentOffset;\n const { x: initialX, y: initialY } = initialOffset;\n const newYposition = finalY > initialY\n ? (initialY + (finalY - initialY)) - dropTargetPosition.top\n : initialY - (initialY - finalY) - dropTargetPosition.top;\n\n const newXposition = finalX > initialX\n ? (initialX + (finalX - initialX)) - dropTargetPosition.left\n : initialX - (initialX - finalX) - dropTargetPosition.left;\n\n const newItem = {\n ...item,\n left: newXposition / zoom,\n top: newYposition / zoom,\n };\n const _guides = {\n ...pageGuides,\n [item.id]: {\n ...pageGuides[item.id],\n x: calculateGuidePositions(newItem, 'x', zoom),\n y: calculateGuidePositions(newItem, 'y', zoom),\n },\n };\n\n const match = proximityListener(item.id, _guides);\n let newActiveBoxLeft = newXposition;\n let newActiveBoxTop = newYposition;\n const haveMatch = Object.keys(match).length > 0;\n const haveXMatch = haveMatch && match.x;\n const haveYMatch = haveMatch && match.y;\n Object.keys(match).forEach(axis => {\n const { activeBoxGuides, matchedArray, proximity } = match[axis];\n const activeBoxProximityIndex = proximity.activeBoxIndex;\n const matchedBoxProximityIndex = proximity.matchedBoxIndex;\n if (axis === 'x') {\n if (activeBoxGuides[activeBoxProximityIndex] > matchedArray[matchedBoxProximityIndex]) {\n newActiveBoxLeft = newItem.left - proximity.value;\n } else {\n newActiveBoxLeft = newItem.left + proximity.value;\n }\n } else if (activeBoxGuides[activeBoxProximityIndex]\n > matchedArray[matchedBoxProximityIndex]) {\n newActiveBoxTop = newItem.top - proximity.value;\n } else {\n newActiveBoxTop = newItem.top + proximity.value;\n }\n });\n return {\n x: (newActiveBoxLeft * (haveXMatch ? zoom : 1)) + dropTargetPosition.left,\n y: (newActiveBoxTop * (haveYMatch ? zoom : 1)) + dropTargetPosition.top,\n };\n }\n}\n\nconst DraggableItemLayer = ({\n guides, itemAccessor, pageRefs, pages,\n}) => {\n const {\n currentOffset,\n initialOffset,\n isDragging,\n item,\n } = useDragLayer(monitor => ({\n currentOffset: monitor.getSourceClientOffset(),\n initialOffset: monitor.getInitialSourceClientOffset(),\n isDragging: monitor.isDragging(),\n item: monitor.getItem(),\n itemType: monitor.getItemType(),\n }));\n\n const { acceptedItems } = usePropContext();\n const { activeElement, zoom } = useBuilderContext();\n\n if (!currentOffset || !isDragging) {\n return null;\n }\n let draggedItem = pages.reduce((acc, curr) => {\n if (acc) {\n return acc;\n }\n return curr.items.find(el => el.id === item.id);\n }, undefined);\n\n let pageID;\n if (draggedItem) {\n pageID = draggedItem.pageID;\n } else {\n draggedItem = getMemoizedDraggedItem(acceptedItems[item.itemType], item);\n }\n const element = document.elementFromPoint(currentOffset.x, currentOffset.y);\n if (element && element.closest('.jfReport-page')) { // add polyfill if will we use that one\n pageID = element.closest('.jfReport-page').getAttribute('data-id');\n if (!draggedItem.pageID) {\n draggedItem.pageID = pageID;\n }\n }\n\n const ref = pageRefs[pageID];\n let itemStyle = {};\n // No page\n if (!ref || !ref.current) {\n itemStyle = {\n x: currentOffset.x,\n y: currentOffset.y,\n };\n } else { // In the page\n const pageGuides = guides[pageID];\n itemStyle = getItemStyles(\n initialOffset,\n currentOffset,\n pageRefs[pageID],\n pageGuides,\n draggedItem,\n zoom,\n );\n }\n\n const additionalitems = getAdditionalItems(\n activeElement,\n draggedItem.id,\n pages,\n acceptedItems,\n );\n\n const mergedItem = getMergedItem(draggedItem, acceptedItems);\n\n return (\n <>\n <ItemPositioner\n classNames={`reportItem${isDragging ? ' isDraggingLayerElement' : ''}`}\n style={{\n ...layerStyles(itemStyle),\n height: draggedItem.height,\n outlineColor: '#4277ff',\n transform: `scale(${zoom})`,\n transformOrigin: '0 0',\n width: draggedItem.width,\n }}\n >\n <ReportItemRenderer item={draggedItem}>\n {ReportItem => (\n <ReportItem\n isDragging={isDragging}\n item={mergedItem}\n itemAccessor={itemAccessor}\n zoom={zoom}\n />\n )}\n </ReportItemRenderer>\n </ItemPositioner>\n {additionalitems.map(ii => {\n const __itemStyle = {\n x: itemStyle.x - ((draggedItem.left - ii.left) * zoom),\n y: itemStyle.y - ((draggedItem.top - ii.top) * zoom),\n };\n return (\n <ItemPositioner\n key={ii.id}\n classNames={`reportItem${isDragging ? ' isDraggingLayerElement' : ''}`}\n style={{\n ...layerStyles(__itemStyle),\n height: ii.height,\n outlineColor: '#4277ff',\n transform: `scale(${zoom})`,\n transformOrigin: '0 0',\n width: ii.width,\n }}\n >\n <ReportItemRenderer item={ii}>\n {ReportItem => (\n <ReportItem\n isDragging={isDragging}\n item={ii}\n itemAccessor={itemAccessor}\n zoom={zoom}\n />\n )}\n </ReportItemRenderer>\n </ItemPositioner>\n );\n })}\n </>\n );\n};\n\nDraggableItemLayer.propTypes = {\n guides: PropTypes.shape({}),\n itemAccessor: PropTypes.func,\n pageRefs: PropTypes.shape({}),\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n};\n\nDraggableItemLayer.defaultProps = {\n guides: {},\n itemAccessor: () => {},\n pageRefs: {},\n pages: [],\n};\n\nexport default memo(DraggableItemLayer);\n"],"names":["layerStyles","x","y","left","pointerEvents","position","top","zIndex","getDraggedItem","item","defaultItem","details","id","getMemoizedDraggedItem","memoizeOne","getAdditionalItems","activeElems","__itemId","_pages","_acceptedItems","length","index","findIndex","aE","act","slice","items","map","_i","_item","reduce","acc","curr","find","el","undefined","defItem","itemType","getItemStyles","initialOffset","currentOffset","ref","pageGuides","zoom","current","dropTargetPosition","getBoundingClientRect","finalX","finalY","initialX","initialY","newYposition","newXposition","newItem","_guides","calculateGuidePositions","match","proximityListener","newActiveBoxLeft","newActiveBoxTop","haveMatch","Object","keys","haveXMatch","haveYMatch","forEach","axis","activeBoxGuides","matchedArray","proximity","activeBoxProximityIndex","activeBoxIndex","matchedBoxProximityIndex","matchedBoxIndex","value","DraggableItemLayer","guides","itemAccessor","pageRefs","pages","useDragLayer","monitor","getSourceClientOffset","getInitialSourceClientOffset","isDragging","getItem","getItemType","usePropContext","acceptedItems","useBuilderContext","activeElement","draggedItem","pageID","element","document","elementFromPoint","closest","getAttribute","itemStyle","additionalitems","mergedItem","getMergedItem","_jsxs","_jsx","height","outlineColor","transform","transformOrigin","width","ReportItem","ii","__itemStyle","propTypes","PropTypes","shape","func","arrayOf","defaultProps","memo"],"mappings":"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"}
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
 
14
14
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
15
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; }
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
17
 
18
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
19
 
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var PropTypes = require('prop-types');
8
8
  var jsxRuntime = require('react/jsx-runtime');
9
9
 
10
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
10
+ 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; }
11
11
 
12
12
  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; }
13
13
 
@@ -21,7 +21,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
21
21
 
22
22
  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; }
23
23
 
24
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
24
+ 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; }
25
25
 
26
26
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
27
27
  var ITEM_TYPE = 'image';
@@ -1 +1 @@
1
- {"version":3,"file":"Image.js","sources":["../../../../src/components/Elements/Image.js"],"sourcesContent":["/* eslint max-len: [\"error\", { \"code\": 120 }] */\nimport { memo, useState, useEffect } from 'react';\nimport {\n func,\n number,\n oneOfType,\n shape,\n string,\n} from 'prop-types';\n\nconst ITEM_TYPE = 'image';\n\nconst DEFAULT_LOGO_SRC = 'https://www.jotform.com/resources/assets/icon/jotform-logomark-transparent-400x400.png';\n\nconst imageWrapperStyle = {\n height: 'inherit',\n width: 'inherit',\n};\n\nconst imageStyle = {\n height: '100%',\n width: '100%',\n};\n\nconst settings = [\n {\n hideWhen: {\n url: '',\n },\n ifValueEquals: {\n '': {\n height: {\n cast: 'integer',\n value: 400,\n },\n width: {\n cast: 'integer',\n value: 400,\n },\n },\n },\n key: 'url',\n section: 'GENERAL',\n type: 'imageThumbnailWithDelete',\n },\n {\n hideWhen: {\n url: '',\n },\n key: 'sizeSettings',\n label: 'Size',\n section: 'GENERAL',\n type: 'sizeSettings',\n value: (_, { height, width }) => `${width}x${height}`,\n },\n {\n hideWhen: {\n url: '',\n },\n key: 'roundedCorners',\n label: 'Rounded Corners',\n range: [0, 30],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'rectangle',\n },\n simple: true,\n type: 'slider',\n },\n {\n hideWhen: {\n url: '',\n },\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'GENERAL',\n type: 'slider',\n },\n {\n key: 'url',\n label: 'Enter Url',\n section: 'ENTER URL',\n showWhen: { url: '' },\n type: 'enterImageURL',\n useImageSizeUpdate: true,\n },\n];\n\nexport const ImageElement = ({ item, itemAccessor }) => {\n const [isLoading, setIsLoading] = useState(true);\n const [isErrored, setIsErrored] = useState(false);\n\n const {\n opacity,\n roundedCorners,\n url,\n } = item;\n\n const additionalProps = itemAccessor(item);\n const defaultURL = additionalProps?.defaultURL || DEFAULT_LOGO_SRC;\n\n useEffect(() => {\n setIsLoading(true);\n setIsErrored(false);\n }, [url, setIsLoading, setIsErrored]);\n\n // TODO :: do we want to show a loading placeholder?\n\n return (\n <>\n <div\n style={{\n ...imageWrapperStyle,\n display: isLoading || isErrored ? 'none' : 'block',\n }}\n >\n <img\n alt=\"reportImage\"\n onError={() => {\n setIsLoading(false);\n setIsErrored(true);\n }}\n onLoad={() => setIsLoading(false)}\n src={url || defaultURL}\n style={{\n ...imageStyle,\n borderRadius: `${roundedCorners}px`,\n display: isErrored ? 'none' : '',\n opacity: parseFloat(opacity),\n }}\n />\n </div>\n {isErrored && (\n <div\n style={{\n ...imageWrapperStyle,\n background: '#fafafa',\n paddingTop: '40%',\n textAlign: 'center',\n }}\n >\n Image was not loaded!\n </div>\n )}\n </>\n );\n};\n\nImageElement.propTypes = {\n item: shape({\n defaultURL: string,\n height: oneOfType([\n number,\n string,\n ]),\n id: string,\n opacity: oneOfType([\n number,\n string,\n ]),\n roundedCorners: oneOfType([\n number,\n string,\n ]),\n url: string,\n width: oneOfType([\n number,\n string,\n ]),\n }),\n itemAccessor: func,\n};\n\nImageElement.defaultProps = {\n item: {\n opacity: 1,\n },\n itemAccessor: () => {},\n};\n\nconst details = {\n height: 400,\n itemType: ITEM_TYPE,\n opacity: 1,\n roundedCorners: 0,\n url: '',\n width: 400,\n};\n\nexport default {\n Component: memo(ImageElement),\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","DEFAULT_LOGO_SRC","imageWrapperStyle","height","width","imageStyle","settings","hideWhen","url","ifValueEquals","cast","value","key","section","type","label","_","range","showWhen","shapeType","simple","useImageSizeUpdate","ImageElement","item","itemAccessor","useState","isLoading","setIsLoading","isErrored","setIsErrored","opacity","roundedCorners","additionalProps","defaultURL","useEffect","_jsxs","_jsx","display","borderRadius","parseFloat","background","paddingTop","textAlign","propTypes","shape","string","oneOfType","number","id","func","defaultProps","details","itemType","Component","memo"],"mappings":"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"}
1
+ {"version":3,"file":"Image.js","sources":["../../../../src/components/Elements/Image.js"],"sourcesContent":["/* eslint max-len: [\"error\", { \"code\": 120 }] */\nimport { memo, useState, useEffect } from 'react';\nimport {\n func,\n number,\n oneOfType,\n shape,\n string,\n} from 'prop-types';\n\nconst ITEM_TYPE = 'image';\n\nconst DEFAULT_LOGO_SRC = 'https://www.jotform.com/resources/assets/icon/jotform-logomark-transparent-400x400.png';\n\nconst imageWrapperStyle = {\n height: 'inherit',\n width: 'inherit',\n};\n\nconst imageStyle = {\n height: '100%',\n width: '100%',\n};\n\nconst settings = [\n {\n hideWhen: {\n url: '',\n },\n ifValueEquals: {\n '': {\n height: {\n cast: 'integer',\n value: 400,\n },\n width: {\n cast: 'integer',\n value: 400,\n },\n },\n },\n key: 'url',\n section: 'GENERAL',\n type: 'imageThumbnailWithDelete',\n },\n {\n hideWhen: {\n url: '',\n },\n key: 'sizeSettings',\n label: 'Size',\n section: 'GENERAL',\n type: 'sizeSettings',\n value: (_, { height, width }) => `${width}x${height}`,\n },\n {\n hideWhen: {\n url: '',\n },\n key: 'roundedCorners',\n label: 'Rounded Corners',\n range: [0, 30],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'rectangle',\n },\n simple: true,\n type: 'slider',\n },\n {\n hideWhen: {\n url: '',\n },\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'GENERAL',\n type: 'slider',\n },\n {\n key: 'url',\n label: 'Enter Url',\n section: 'ENTER URL',\n showWhen: { url: '' },\n type: 'enterImageURL',\n useImageSizeUpdate: true,\n },\n];\n\nexport const ImageElement = ({ item, itemAccessor }) => {\n const [isLoading, setIsLoading] = useState(true);\n const [isErrored, setIsErrored] = useState(false);\n\n const {\n opacity,\n roundedCorners,\n url,\n } = item;\n\n const additionalProps = itemAccessor(item);\n const defaultURL = additionalProps?.defaultURL || DEFAULT_LOGO_SRC;\n\n useEffect(() => {\n setIsLoading(true);\n setIsErrored(false);\n }, [url, setIsLoading, setIsErrored]);\n\n // TODO :: do we want to show a loading placeholder?\n\n return (\n <>\n <div\n style={{\n ...imageWrapperStyle,\n display: isLoading || isErrored ? 'none' : 'block',\n }}\n >\n <img\n alt=\"reportImage\"\n onError={() => {\n setIsLoading(false);\n setIsErrored(true);\n }}\n onLoad={() => setIsLoading(false)}\n src={url || defaultURL}\n style={{\n ...imageStyle,\n borderRadius: `${roundedCorners}px`,\n display: isErrored ? 'none' : '',\n opacity: parseFloat(opacity),\n }}\n />\n </div>\n {isErrored && (\n <div\n style={{\n ...imageWrapperStyle,\n background: '#fafafa',\n paddingTop: '40%',\n textAlign: 'center',\n }}\n >\n Image was not loaded!\n </div>\n )}\n </>\n );\n};\n\nImageElement.propTypes = {\n item: shape({\n defaultURL: string,\n height: oneOfType([\n number,\n string,\n ]),\n id: string,\n opacity: oneOfType([\n number,\n string,\n ]),\n roundedCorners: oneOfType([\n number,\n string,\n ]),\n url: string,\n width: oneOfType([\n number,\n string,\n ]),\n }),\n itemAccessor: func,\n};\n\nImageElement.defaultProps = {\n item: {\n opacity: 1,\n },\n itemAccessor: () => {},\n};\n\nconst details = {\n height: 400,\n itemType: ITEM_TYPE,\n opacity: 1,\n roundedCorners: 0,\n url: '',\n width: 400,\n};\n\nexport default {\n Component: memo(ImageElement),\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","DEFAULT_LOGO_SRC","imageWrapperStyle","height","width","imageStyle","settings","hideWhen","url","ifValueEquals","cast","value","key","section","type","label","_","range","showWhen","shapeType","simple","useImageSizeUpdate","ImageElement","item","itemAccessor","useState","isLoading","setIsLoading","isErrored","setIsErrored","opacity","roundedCorners","additionalProps","defaultURL","useEffect","_jsxs","_jsx","display","borderRadius","parseFloat","background","paddingTop","textAlign","propTypes","shape","string","oneOfType","number","id","func","defaultProps","details","itemType","Component","memo"],"mappings":"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"}
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
14
 
15
15
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
16
16
 
17
- 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
+ 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; }
18
18
 
19
19
  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; }
20
20
 
@@ -34,7 +34,7 @@ var settings = [{
34
34
  type: 'slider'
35
35
  }];
36
36
  var defaultItem = {
37
- fontFamily: 'Circular Std',
37
+ fontFamily: 'Circular',
38
38
  opacity: 1,
39
39
  value: ''
40
40
  };
@@ -1 +1 @@
1
- {"version":3,"file":"RichText.js","sources":["../../../../src/components/Elements/RichText.js"],"sourcesContent":["import {\n memo, useEffect, useRef, useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport TextEditor from '../TextEditor';\nimport { fontTypes } from '../../constants/fonts';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { divider } from '../../utils/staticSettings';\n\nconst ITEM_TYPE = 'text';\n\nconst settings = [\n {\n key: 'fontFamily',\n label: 'Font Family',\n options: fontTypes.fonts,\n section: 'GENERAL',\n type: 'dropdown',\n },\n {\n ...divider('GENERAL'),\n },\n {\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'GENERAL',\n type: 'slider',\n },\n];\n\nconst defaultItem = {\n fontFamily: 'Circular Std',\n opacity: 1,\n value: '',\n};\n\nexport const RichTextElement = ({\n isSelected,\n item: {\n fontFamily,\n id,\n isLocked,\n opacity,\n value,\n },\n onItemChange,\n}) => {\n const reportItem = useRef({});\n const { isTextEditorOpen } = useBuilderContext();\n\n const textStyle = {\n fontFamily,\n opacity,\n };\n\n const handleSave = useCallback(newValue => {\n onItemChange(\n { id },\n { value: newValue },\n );\n }, [id]);\n\n const onFocus = e => {\n e.currentTarget.parentElement.setAttribute('draggable', false);\n };\n\n useEffect(() => {\n if (!isTextEditorOpen) {\n reportItem.current.parentElement.setAttribute('draggable', true);\n }\n }, [isTextEditorOpen]);\n\n return (\n <div\n ref={reportItem}\n className=\"reportItemInner f-height\"\n onFocus={onFocus}\n style={textStyle}\n >\n <TextEditor\n content={value}\n handleSave={handleSave}\n isLocked={isLocked}\n isSelected={isSelected}\n placeholder=\"Click to edit text\"\n />\n </div>\n );\n};\n\nRichTextElement.propTypes = {\n isSelected: PropTypes.bool,\n item: PropTypes.shape({\n fontFamily: PropTypes.string,\n id: PropTypes.string,\n isLocked: PropTypes.bool,\n opacity: PropTypes.number,\n value: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n};\n\nRichTextElement.defaultProps = {\n isSelected: false,\n item: {},\n onItemChange: () => { },\n};\n\nconst details = {\n height: 65,\n itemType: ITEM_TYPE,\n width: 350,\n};\n\nexport default {\n Component: memo(RichTextElement),\n defaultItem,\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","settings","key","label","options","fontTypes","fonts","section","type","divider","range","defaultItem","fontFamily","opacity","value","RichTextElement","isSelected","item","id","isLocked","onItemChange","reportItem","useRef","useBuilderContext","isTextEditorOpen","textStyle","handleSave","useCallback","newValue","onFocus","e","currentTarget","parentElement","setAttribute","useEffect","current","_jsx","propTypes","PropTypes","bool","shape","string","number","func","defaultProps","details","height","itemType","width","Component","memo"],"mappings":"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"}
1
+ {"version":3,"file":"RichText.js","sources":["../../../../src/components/Elements/RichText.js"],"sourcesContent":["import {\n memo, useEffect, useRef, useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport TextEditor from '../TextEditor';\nimport { fontTypes } from '../../constants/fonts';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { divider } from '../../utils/staticSettings';\n\nconst ITEM_TYPE = 'text';\n\nconst settings = [\n {\n key: 'fontFamily',\n label: 'Font Family',\n options: fontTypes.fonts,\n section: 'GENERAL',\n type: 'dropdown',\n },\n {\n ...divider('GENERAL'),\n },\n {\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'GENERAL',\n type: 'slider',\n },\n];\n\nconst defaultItem = {\n fontFamily: 'Circular',\n opacity: 1,\n value: '',\n};\n\nexport const RichTextElement = ({\n isSelected,\n item: {\n fontFamily,\n id,\n isLocked,\n opacity,\n value,\n },\n onItemChange,\n}) => {\n const reportItem = useRef({});\n const { isTextEditorOpen } = useBuilderContext();\n\n const textStyle = {\n fontFamily,\n opacity,\n };\n\n const handleSave = useCallback(newValue => {\n onItemChange(\n { id },\n { value: newValue },\n );\n }, [id]);\n\n const onFocus = e => {\n e.currentTarget.parentElement.setAttribute('draggable', false);\n };\n\n useEffect(() => {\n if (!isTextEditorOpen) {\n reportItem.current.parentElement.setAttribute('draggable', true);\n }\n }, [isTextEditorOpen]);\n\n return (\n <div\n ref={reportItem}\n className=\"reportItemInner f-height\"\n onFocus={onFocus}\n style={textStyle}\n >\n <TextEditor\n content={value}\n handleSave={handleSave}\n isLocked={isLocked}\n isSelected={isSelected}\n placeholder=\"Click to edit text\"\n />\n </div>\n );\n};\n\nRichTextElement.propTypes = {\n isSelected: PropTypes.bool,\n item: PropTypes.shape({\n fontFamily: PropTypes.string,\n id: PropTypes.string,\n isLocked: PropTypes.bool,\n opacity: PropTypes.number,\n value: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n};\n\nRichTextElement.defaultProps = {\n isSelected: false,\n item: {},\n onItemChange: () => { },\n};\n\nconst details = {\n height: 65,\n itemType: ITEM_TYPE,\n width: 350,\n};\n\nexport default {\n Component: memo(RichTextElement),\n defaultItem,\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","settings","key","label","options","fontTypes","fonts","section","type","divider","range","defaultItem","fontFamily","opacity","value","RichTextElement","isSelected","item","id","isLocked","onItemChange","reportItem","useRef","useBuilderContext","isTextEditorOpen","textStyle","handleSave","useCallback","newValue","onFocus","e","currentTarget","parentElement","setAttribute","useEffect","current","_jsx","propTypes","PropTypes","bool","shape","string","number","func","defaultProps","details","height","itemType","width","Component","memo"],"mappings":"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"}
@@ -17,7 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
17
17
 
18
18
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
19
19
 
20
- 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; }
20
+ 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; }
21
21
 
22
22
  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; }
23
23
 
@@ -25,11 +25,11 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
25
25
 
26
26
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
27
27
 
28
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
28
+ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
29
29
 
30
30
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
31
31
 
32
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
32
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
33
33
 
34
34
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
35
35
 
@@ -1 +1 @@
1
- {"version":3,"file":"ErrorBoundary.js","sources":["../../../src/components/ErrorBoundary.js"],"sourcesContent":["import { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nclass ErrorBoundry extends Component {\n constructor(props) {\n super(props);\n this.state = {\n errorInfo: null,\n hasError: false,\n };\n }\n\n static getDerivedStateFromError(error) {\n return { hasError: error };\n }\n\n componentDidCatch(error, errorInfo) {\n this.setState({ errorInfo: errorInfo.componentStack });\n }\n\n render() {\n const { children } = this.props;\n const { errorInfo, hasError } = this.state;\n if (hasError) {\n return (\n <>\n <div>Something went wrong.</div>\n <details style={{ whiteSpace: 'pre-wrap' }}>\n {hasError && hasError.toString()}\n {errorInfo}\n </details>\n </>\n );\n }\n return children;\n }\n}\n\nErrorBoundry.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]).isRequired,\n};\n\nexport default ErrorBoundry;\n"],"names":["ErrorBoundry","props","state","errorInfo","hasError","error","setState","componentStack","children","_jsxs","_jsx","whiteSpace","toString","Component","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGMA;;;;;AACJ,wBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;AACA,UAAKC,KAAL,GAAa;AACXC,MAAAA,SAAS,EAAE,IADA;AAEXC,MAAAA,QAAQ,EAAE;AAFC,KAAb;AAFiB;AAMlB;;;;WAMD,2BAAkBC,KAAlB,EAAyBF,SAAzB,EAAoC;AAClC,WAAKG,QAAL,CAAc;AAAEH,QAAAA,SAAS,EAAEA,SAAS,CAACI;AAAvB,OAAd;AACD;;;WAED,kBAAS;AAAA,UACCC,QADD,GACc,KAAKP,KADnB,CACCO,QADD;AAAA,wBAEyB,KAAKN,KAF9B;AAAA,UAECC,SAFD,eAECA,SAFD;AAAA,UAEYC,QAFZ,eAEYA,QAFZ;;AAGP,UAAIA,QAAJ,EAAc;AACZ,4BACEK;AAAA,kCACEC;AAAA;AAAA,YADF,eAEED;AAAS,YAAA,KAAK,EAAE;AAAEE,cAAAA,UAAU,EAAE;AAAd,aAAhB;AAAA,uBACGP,QAAQ,IAAIA,QAAQ,CAACQ,QAAT,EADf,EAEGT,SAFH;AAAA,YAFF;AAAA,UADF;AASD;;AACD,aAAOK,QAAP;AACD;;;WAvBD,kCAAgCH,KAAhC,EAAuC;AACrC,aAAO;AAAED,QAAAA,QAAQ,EAAEC;AAAZ,OAAP;AACD;;;;EAXwBQ;;AAmC3Bb,YAAY,CAACc,SAAb,GAAyB;AACvBN,EAAAA,QAAQ,EAAEO,6BAAS,CAACC,SAAV,CAAoB,CAC5BD,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,IAA5B,CAD4B,EAE5BH,6BAAS,CAACG,IAFkB,CAApB,EAGPC;AAJoB,CAAzB;;;;"}
1
+ {"version":3,"file":"ErrorBoundary.js","sources":["../../../src/components/ErrorBoundary.js"],"sourcesContent":["import { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nclass ErrorBoundry extends Component {\n constructor(props) {\n super(props);\n this.state = {\n errorInfo: null,\n hasError: false,\n };\n }\n\n static getDerivedStateFromError(error) {\n return { hasError: error };\n }\n\n componentDidCatch(error, errorInfo) {\n this.setState({ errorInfo: errorInfo.componentStack });\n }\n\n render() {\n const { children } = this.props;\n const { errorInfo, hasError } = this.state;\n if (hasError) {\n return (\n <>\n <div>Something went wrong.</div>\n <details style={{ whiteSpace: 'pre-wrap' }}>\n {hasError && hasError.toString()}\n {errorInfo}\n </details>\n </>\n );\n }\n return children;\n }\n}\n\nErrorBoundry.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]).isRequired,\n};\n\nexport default ErrorBoundry;\n"],"names":["ErrorBoundry","props","state","errorInfo","hasError","error","setState","componentStack","children","_jsxs","_jsx","whiteSpace","toString","Component","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGMA;;;;;AACJ,wBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;AACA,UAAKC,KAAL,GAAa;AACXC,MAAAA,SAAS,EAAE,IADA;AAEXC,MAAAA,QAAQ,EAAE;AAFC,KAAb;AAFiB;AAMlB;;;;WAMD,2BAAkBC,KAAlB,EAAyBF,SAAzB,EAAoC;AAClC,WAAKG,QAAL,CAAc;AAAEH,QAAAA,SAAS,EAAEA,SAAS,CAACI;AAAvB,OAAd;AACD;;;WAED,kBAAS;AACP,UAAQC,QAAR,GAAqB,KAAKP,KAA1B,CAAQO,QAAR;AACA,wBAAgC,KAAKN,KAArC;AAAA,UAAQC,SAAR,eAAQA,SAAR;AAAA,UAAmBC,QAAnB,eAAmBA,QAAnB;;AACA,UAAIA,QAAJ,EAAc;AACZ,4BACEK;AAAA,kCACEC;AAAA;AAAA,YADF,eAEED;AAAS,YAAA,KAAK,EAAE;AAAEE,cAAAA,UAAU,EAAE;AAAd,aAAhB;AAAA,uBACGP,QAAQ,IAAIA,QAAQ,CAACQ,QAAT,EADf,EAEGT,SAFH;AAAA,YAFF;AAAA,UADF;AASD;;AACD,aAAOK,QAAP;AACD;;;WAvBD,kCAAgCH,KAAhC,EAAuC;AACrC,aAAO;AAAED,QAAAA,QAAQ,EAAEC;AAAZ,OAAP;AACD;;;;EAXwBQ;;AAmC3Bb,YAAY,CAACc,SAAb,GAAyB;AACvBN,EAAAA,QAAQ,EAAEO,6BAAS,CAACC,SAAV,CAAoB,CAC5BD,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,IAA5B,CAD4B,EAE5BH,6BAAS,CAACG,IAFkB,CAApB,EAGPC;AAJoB,CAAzB;;;;"}
@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
16
16
 
17
17
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
18
18
 
19
- 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; }
19
+ 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; }
20
20
 
21
21
  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; }
22
22
 
@@ -30,7 +30,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
30
30
 
31
31
  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; }
32
32
 
33
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
33
+ 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; }
34
34
 
35
35
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
36
36
  var ResizableWithClickOutside = withClickOutside(reResizable.Resizable);
@@ -1 +1 @@
1
- {"version":3,"file":"PageItemResizer.js","sources":["../../../src/components/PageItemResizer.js"],"sourcesContent":["import {\n useCallback,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { Resizable } from 're-resizable';\nimport { createPortal } from 'react-dom';\nimport classNames from 'classnames';\nimport { resizeStaticProps } from '../constants/staticProps';\nimport TextEditorToolbar from './TextEditor/CustomToolbar';\n\nimport DraggableItemActions from './DraggableItem/DraggableItemActions';\nimport ItemPositioner from './ItemPositioner';\nimport withClickOutside from './withClickOutside';\n\nconst ResizableWithClickOutside = withClickOutside(Resizable);\n\nconst enableResize = {\n bottom: true,\n bottomLeft: true,\n bottomRight: true,\n left: true,\n right: true,\n top: true,\n topLeft: true,\n topRight: true,\n};\nconst lockAspectRatioTypes = ['image', 'icon'];\nconst exceptionalClasses = [\n 'reportHandle',\n 'reportItemMenu',\n 'jfReport-pane',\n 'pageSettingSideBtn',\n 'reportItemWrapper',\n 'reportRotater',\n 'forZoom',\n 'ql-toolbar',\n];\n\nconst PageItemResizer = ({\n changeLockStatus,\n deleteItem,\n duplicateItem,\n isDragging,\n isMultipleItemSelected,\n isRightPanelOpen,\n isSelectedElement,\n isTextEditorOpen,\n item,\n onClickOutside,\n onResize,\n onResizeStop,\n pageID,\n setActiveElement,\n setIsRightPanelOpen,\n stateHeight,\n stateLeft,\n stateTop,\n stateWidth,\n zoom,\n}) => {\n const requestRef = useRef();\n const [lockAspectRatio, setLockAspectRatio] = useState(false);\n\n const handleKeyUp = e => {\n if (!e.shiftKey) setLockAspectRatio(false);\n };\n\n const handleKeyDown = e => {\n if (e.shiftKey) setLockAspectRatio(true);\n };\n\n const seriousResize = (deltaWidth, deltaHeight, direction) => {\n return () => {\n onResize(deltaWidth, deltaHeight, direction);\n requestRef.current = undefined;\n };\n };\n\n const onResizeStart = e => {\n e.preventDefault();\n window.addEventListener('keydown', handleKeyDown);\n window.addEventListener('keyup', handleKeyUp);\n };\n\n const onResizeRAF = (e, direction, ref, { height: deltaHeight, width: deltaWidth }) => {\n if (!requestRef.current) {\n requestRef.current = global\n .requestAnimationFrame(\n seriousResize(\n Math.round(deltaWidth * (1 / zoom)),\n Math.round(deltaHeight * (1 / zoom)),\n direction,\n ),\n );\n }\n };\n\n const onResizeEnd = (e, direction, ref, { height: deltaHeight, width: deltaWidth }) => {\n onResizeStop(\n Math.round(deltaWidth * (1 / zoom)),\n Math.round(deltaHeight * (1 / zoom)),\n direction,\n );\n window.removeEventListener('keydown', handleKeyDown);\n window.removeEventListener('keyup', handleKeyUp);\n };\n\n const itemPositionerStyle = useMemo(() => ({\n height: Math.round(stateHeight * zoom),\n left: Math.round(stateLeft * zoom),\n pointerEvents: 'none',\n position: 'absolute',\n top: Math.round(stateTop * zoom),\n touchAction: 'none',\n width: Math.round(stateWidth * zoom),\n }), [stateHeight, stateLeft, stateTop, stateWidth, zoom]);\n\n const size = useMemo(() => ({\n height: Math.round(stateHeight * zoom),\n width: Math.round(stateWidth * zoom),\n }), [stateHeight, stateWidth, zoom]);\n\n const openSettings = useCallback(() => {\n setActiveElement(item.id);\n if (!isRightPanelOpen) {\n setIsRightPanelOpen(true);\n }\n }, [item.id, isRightPanelOpen, setIsRightPanelOpen]);\n\n const { isLocked } = item;\n\n if (isDragging || !isSelectedElement) return null;\n return createPortal(\n <ItemPositioner\n style={itemPositionerStyle}\n >\n <ResizableWithClickOutside\n className={classNames(\n 'reportItemResizer',\n { hideVerticalHandle: !(item.height > 50) },\n { hideHorizontalHandle: !(item.width > 50) },\n )}\n enable={!item.isLocked && enableResize}\n exceptionalClasses={exceptionalClasses}\n lockAspectRatio={lockAspectRatioTypes.includes(item.itemType) || lockAspectRatio}\n onClickOutside={onClickOutside}\n onResize={onResizeRAF}\n onResizeStart={onResizeStart}\n onResizeStop={onResizeEnd}\n size={size}\n {...resizeStaticProps}\n withClickOutsideWrapperClass={`reportItemResizer-wrapper${isLocked ? ' isLocked' : ''}`}\n />\n <DraggableItemActions\n changeLockStatus={changeLockStatus}\n deleteItem={deleteItem}\n duplicateItem={duplicateItem}\n isLocked={item.isLocked}\n isMultipleItemSelected={isMultipleItemSelected}\n openSettings={openSettings}\n />\n <TextEditorToolbar\n isTextEditorOpen={isTextEditorOpen}\n itemWidth={stateWidth * zoom}\n />\n </ItemPositioner>,\n document.querySelector(`.jfReport-page[data-id=\"${pageID}\"]`),\n );\n};\n\nexport default PageItemResizer;\n"],"names":["ResizableWithClickOutside","withClickOutside","Resizable","enableResize","bottom","bottomLeft","bottomRight","left","right","top","topLeft","topRight","lockAspectRatioTypes","exceptionalClasses","PageItemResizer","changeLockStatus","deleteItem","duplicateItem","isDragging","isMultipleItemSelected","isRightPanelOpen","isSelectedElement","isTextEditorOpen","item","onClickOutside","onResize","onResizeStop","pageID","setActiveElement","setIsRightPanelOpen","stateHeight","stateLeft","stateTop","stateWidth","zoom","requestRef","useRef","useState","lockAspectRatio","setLockAspectRatio","handleKeyUp","e","shiftKey","handleKeyDown","seriousResize","deltaWidth","deltaHeight","direction","current","undefined","onResizeStart","preventDefault","window","addEventListener","onResizeRAF","ref","height","width","global","requestAnimationFrame","Math","round","onResizeEnd","removeEventListener","itemPositionerStyle","useMemo","pointerEvents","position","touchAction","size","openSettings","useCallback","id","isLocked","createPortal","_jsxs","_jsx","classNames","hideVerticalHandle","hideHorizontalHandle","includes","itemType","resizeStaticProps","TextEditorToolbar","document","querySelector"],"mappings":"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"}
1
+ {"version":3,"file":"PageItemResizer.js","sources":["../../../src/components/PageItemResizer.js"],"sourcesContent":["import {\n useCallback,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { Resizable } from 're-resizable';\nimport { createPortal } from 'react-dom';\nimport classNames from 'classnames';\nimport { resizeStaticProps } from '../constants/staticProps';\nimport TextEditorToolbar from './TextEditor/CustomToolbar';\n\nimport DraggableItemActions from './DraggableItem/DraggableItemActions';\nimport ItemPositioner from './ItemPositioner';\nimport withClickOutside from './withClickOutside';\n\nconst ResizableWithClickOutside = withClickOutside(Resizable);\n\nconst enableResize = {\n bottom: true,\n bottomLeft: true,\n bottomRight: true,\n left: true,\n right: true,\n top: true,\n topLeft: true,\n topRight: true,\n};\nconst lockAspectRatioTypes = ['image', 'icon'];\nconst exceptionalClasses = [\n 'reportHandle',\n 'reportItemMenu',\n 'jfReport-pane',\n 'pageSettingSideBtn',\n 'reportItemWrapper',\n 'reportRotater',\n 'forZoom',\n 'ql-toolbar',\n];\n\nconst PageItemResizer = ({\n changeLockStatus,\n deleteItem,\n duplicateItem,\n isDragging,\n isMultipleItemSelected,\n isRightPanelOpen,\n isSelectedElement,\n isTextEditorOpen,\n item,\n onClickOutside,\n onResize,\n onResizeStop,\n pageID,\n setActiveElement,\n setIsRightPanelOpen,\n stateHeight,\n stateLeft,\n stateTop,\n stateWidth,\n zoom,\n}) => {\n const requestRef = useRef();\n const [lockAspectRatio, setLockAspectRatio] = useState(false);\n\n const handleKeyUp = e => {\n if (!e.shiftKey) setLockAspectRatio(false);\n };\n\n const handleKeyDown = e => {\n if (e.shiftKey) setLockAspectRatio(true);\n };\n\n const seriousResize = (deltaWidth, deltaHeight, direction) => {\n return () => {\n onResize(deltaWidth, deltaHeight, direction);\n requestRef.current = undefined;\n };\n };\n\n const onResizeStart = e => {\n e.preventDefault();\n window.addEventListener('keydown', handleKeyDown);\n window.addEventListener('keyup', handleKeyUp);\n };\n\n const onResizeRAF = (e, direction, ref, { height: deltaHeight, width: deltaWidth }) => {\n if (!requestRef.current) {\n requestRef.current = global\n .requestAnimationFrame(\n seriousResize(\n Math.round(deltaWidth * (1 / zoom)),\n Math.round(deltaHeight * (1 / zoom)),\n direction,\n ),\n );\n }\n };\n\n const onResizeEnd = (e, direction, ref, { height: deltaHeight, width: deltaWidth }) => {\n onResizeStop(\n Math.round(deltaWidth * (1 / zoom)),\n Math.round(deltaHeight * (1 / zoom)),\n direction,\n );\n window.removeEventListener('keydown', handleKeyDown);\n window.removeEventListener('keyup', handleKeyUp);\n };\n\n const itemPositionerStyle = useMemo(() => ({\n height: Math.round(stateHeight * zoom),\n left: Math.round(stateLeft * zoom),\n pointerEvents: 'none',\n position: 'absolute',\n top: Math.round(stateTop * zoom),\n touchAction: 'none',\n width: Math.round(stateWidth * zoom),\n }), [stateHeight, stateLeft, stateTop, stateWidth, zoom]);\n\n const size = useMemo(() => ({\n height: Math.round(stateHeight * zoom),\n width: Math.round(stateWidth * zoom),\n }), [stateHeight, stateWidth, zoom]);\n\n const openSettings = useCallback(() => {\n setActiveElement(item.id);\n if (!isRightPanelOpen) {\n setIsRightPanelOpen(true);\n }\n }, [item.id, isRightPanelOpen, setIsRightPanelOpen]);\n\n const { isLocked } = item;\n\n if (isDragging || !isSelectedElement) return null;\n return createPortal(\n <ItemPositioner\n style={itemPositionerStyle}\n >\n <ResizableWithClickOutside\n className={classNames(\n 'reportItemResizer',\n { hideVerticalHandle: !(item.height > 50) },\n { hideHorizontalHandle: !(item.width > 50) },\n )}\n enable={!item.isLocked && enableResize}\n exceptionalClasses={exceptionalClasses}\n lockAspectRatio={lockAspectRatioTypes.includes(item.itemType) || lockAspectRatio}\n onClickOutside={onClickOutside}\n onResize={onResizeRAF}\n onResizeStart={onResizeStart}\n onResizeStop={onResizeEnd}\n size={size}\n {...resizeStaticProps}\n withClickOutsideWrapperClass={`reportItemResizer-wrapper${isLocked ? ' isLocked' : ''}`}\n />\n <DraggableItemActions\n changeLockStatus={changeLockStatus}\n deleteItem={deleteItem}\n duplicateItem={duplicateItem}\n isLocked={item.isLocked}\n isMultipleItemSelected={isMultipleItemSelected}\n openSettings={openSettings}\n />\n <TextEditorToolbar\n isTextEditorOpen={isTextEditorOpen}\n itemWidth={stateWidth * zoom}\n />\n </ItemPositioner>,\n document.querySelector(`.jfReport-page[data-id=\"${pageID}\"]`),\n );\n};\n\nexport default PageItemResizer;\n"],"names":["ResizableWithClickOutside","withClickOutside","Resizable","enableResize","bottom","bottomLeft","bottomRight","left","right","top","topLeft","topRight","lockAspectRatioTypes","exceptionalClasses","PageItemResizer","changeLockStatus","deleteItem","duplicateItem","isDragging","isMultipleItemSelected","isRightPanelOpen","isSelectedElement","isTextEditorOpen","item","onClickOutside","onResize","onResizeStop","pageID","setActiveElement","setIsRightPanelOpen","stateHeight","stateLeft","stateTop","stateWidth","zoom","requestRef","useRef","useState","lockAspectRatio","setLockAspectRatio","handleKeyUp","e","shiftKey","handleKeyDown","seriousResize","deltaWidth","deltaHeight","direction","current","undefined","onResizeStart","preventDefault","window","addEventListener","onResizeRAF","ref","height","width","global","requestAnimationFrame","Math","round","onResizeEnd","removeEventListener","itemPositionerStyle","useMemo","pointerEvents","position","touchAction","size","openSettings","useCallback","id","isLocked","createPortal","_jsxs","_jsx","classNames","hideVerticalHandle","hideHorizontalHandle","includes","itemType","resizeStaticProps","TextEditorToolbar","document","querySelector"],"mappings":"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"}
@@ -2,9 +2,7 @@
2
2
 
3
3
  require('core-js/modules/es.array.concat.js');
4
4
  require('core-js/modules/es.array.filter.js');
5
- require('core-js/modules/es.array.index-of.js');
6
5
  require('core-js/modules/es.array.map.js');
7
- require('core-js/modules/es.array.reduce.js');
8
6
  var React = require('react');
9
7
  var PropTypes = require('prop-types');
10
8
  var classNames = require('classnames');
@@ -26,7 +24,7 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableTo
26
24
 
27
25
  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."); }
28
26
 
29
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
27
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
30
28
 
31
29
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
32
30
 
@@ -38,7 +36,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
38
36
 
39
37
  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; }
40
38
 
41
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
39
+ 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; }
42
40
 
43
41
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
44
42
 
@@ -1 +1 @@
1
- {"version":3,"file":"AllSlidesPanel.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/AllSlidesPanel.js"],"sourcesContent":["import { memo, useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport { arrayMove } from '../../../utils/functions';\nimport AllSlidesPanelToggler from './AllSlidesPanelToggler';\nimport PageList from './PageList';\nimport PageActionsBar from './PageActionsBar';\n\nconst AllSlidesPanel = ({\n additionalPageItems,\n hashCode,\n itemAccessor,\n onPageAdd,\n onPageDuplicate,\n onPageOrdersChange,\n onPageRemove,\n pages,\n}) => {\n const {\n isAllSlidesPanelOpen,\n setIsAllSlidesPanelOpen,\n } = useBuilderContext();\n const {\n acceptedItems,\n onAnEventTrigger,\n settings: layoutSettings,\n useExperimentalFeatures,\n } = usePropContext();\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]);\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 acceptedItems={acceptedItems}\n additionalPageItems={additionalPageItems}\n axis=\"xy\"\n distance={50}\n hashCode={hashCode}\n helperClass=\"pageThumbnailHelper forAllSlides\"\n itemAccessor={itemAccessor}\n layoutSettings={layoutSettings}\n onAnEventTrigger={onAnEventTrigger}\n onPageAdd={onPageAdd}\n onPageClick={onPageClick}\n onPageDuplicate={onPageDuplicate}\n onPageRemove={onPageRemove}\n onSortEnd={onPageSort}\n pages={pages}\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\nAllSlidesPanel.propTypes = {\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n hashCode: PropTypes.string,\n itemAccessor: PropTypes.func,\n onPageAdd: PropTypes.func,\n onPageDuplicate: PropTypes.func,\n onPageOrdersChange: PropTypes.func,\n onPageRemove: PropTypes.func,\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n};\n\nAllSlidesPanel.defaultProps = {\n additionalPageItems: [],\n hashCode: '',\n itemAccessor: () => {},\n onPageAdd: () => {},\n onPageDuplicate: () => {},\n onPageOrdersChange: () => {},\n onPageRemove: () => {},\n pages: [],\n};\n\nexport default memo(AllSlidesPanel);\n"],"names":["AllSlidesPanel","additionalPageItems","hashCode","itemAccessor","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","pages","useBuilderContext","isAllSlidesPanelOpen","setIsAllSlidesPanelOpen","usePropContext","acceptedItems","onAnEventTrigger","layoutSettings","settings","useExperimentalFeatures","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","propTypes","PropTypes","arrayOf","node","string","func","shape","defaultProps","memo"],"mappings":"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"}
1
+ {"version":3,"file":"AllSlidesPanel.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/AllSlidesPanel.js"],"sourcesContent":["import { memo, useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { usePropContext } from '../../../utils/propContext';\nimport { arrayMove } from '../../../utils/functions';\nimport AllSlidesPanelToggler from './AllSlidesPanelToggler';\nimport PageList from './PageList';\nimport PageActionsBar from './PageActionsBar';\n\nconst AllSlidesPanel = ({\n additionalPageItems,\n hashCode,\n itemAccessor,\n onPageAdd,\n onPageDuplicate,\n onPageOrdersChange,\n onPageRemove,\n pages,\n}) => {\n const {\n isAllSlidesPanelOpen,\n setIsAllSlidesPanelOpen,\n } = useBuilderContext();\n const {\n acceptedItems,\n onAnEventTrigger,\n settings: layoutSettings,\n useExperimentalFeatures,\n } = usePropContext();\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]);\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 acceptedItems={acceptedItems}\n additionalPageItems={additionalPageItems}\n axis=\"xy\"\n distance={50}\n hashCode={hashCode}\n helperClass=\"pageThumbnailHelper forAllSlides\"\n itemAccessor={itemAccessor}\n layoutSettings={layoutSettings}\n onAnEventTrigger={onAnEventTrigger}\n onPageAdd={onPageAdd}\n onPageClick={onPageClick}\n onPageDuplicate={onPageDuplicate}\n onPageRemove={onPageRemove}\n onSortEnd={onPageSort}\n pages={pages}\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\nAllSlidesPanel.propTypes = {\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n hashCode: PropTypes.string,\n itemAccessor: PropTypes.func,\n onPageAdd: PropTypes.func,\n onPageDuplicate: PropTypes.func,\n onPageOrdersChange: PropTypes.func,\n onPageRemove: PropTypes.func,\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n};\n\nAllSlidesPanel.defaultProps = {\n additionalPageItems: [],\n hashCode: '',\n itemAccessor: () => {},\n onPageAdd: () => {},\n onPageDuplicate: () => {},\n onPageOrdersChange: () => {},\n onPageRemove: () => {},\n pages: [],\n};\n\nexport default memo(AllSlidesPanel);\n"],"names":["AllSlidesPanel","additionalPageItems","hashCode","itemAccessor","onPageAdd","onPageDuplicate","onPageOrdersChange","onPageRemove","pages","useBuilderContext","isAllSlidesPanelOpen","setIsAllSlidesPanelOpen","usePropContext","acceptedItems","onAnEventTrigger","layoutSettings","settings","useExperimentalFeatures","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","propTypes","PropTypes","arrayOf","node","string","func","shape","defaultProps","memo"],"mappings":"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"}
@@ -1,7 +1,6 @@
1
1
  'use strict';
2
2
 
3
3
  require('core-js/modules/es.array.concat.js');
4
- require('core-js/modules/es.array.index-of.js');
5
4
  require('core-js/modules/es.array.map.js');
6
5
  var React = require('react');
7
6
  var reactSortableHoc = require('react-sortable-hoc');
@@ -10,7 +9,7 @@ var functions = require('../../../utils/functions.js');
10
9
  var PageAdder = require('../../Builder/PageAdder.js');
11
10
  var jsxRuntime = require('react/jsx-runtime');
12
11
 
13
- 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; }
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; }
14
13
 
15
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; }
16
15
 
@@ -1 +1 @@
1
- {"version":3,"file":"PageList.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageList.js"],"sourcesContent":["import { memo, useRef } from 'react';\nimport { SortableContainer } from 'react-sortable-hoc';\nimport PageItem from './PageItem';\nimport { getScaleForPageThumbnailLarge } from '../../../utils/functions';\nimport PageAdder from '../../Builder/PageAdder';\n\nconst PageList = SortableContainer(({\n acceptedItems,\n additionalPageItems,\n hashCode,\n itemAccessor,\n layoutSettings,\n onAnEventTrigger,\n onPageAdd,\n onPageClick,\n onPageDuplicate,\n onPageRemove,\n pages,\n selectedPages,\n}) => {\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 return (\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 acceptedItems={acceptedItems}\n additionalPageItems={additionalPageItems}\n hashCode={hashCode}\n index={page.order - 1}\n isSelected={selectedPages.indexOf(page.id) > -1}\n itemAccessor={itemAccessor}\n onAnEventTrigger={onAnEventTrigger}\n onPageAdd={onPageAdd}\n onPageClick={onPageClick}\n onPageDuplicate={onPageDuplicate}\n onPageRemove={onPageRemove}\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 onPageAdd={onPageAdd}\n pageCount={pages.length}\n />\n </div>\n <div className=\"spacer\" />\n <div className=\"spacer\" />\n <div className=\"spacer\" />\n </ul>\n );\n});\n\nexport default memo(PageList);\n"],"names":["PageList","SortableContainer","acceptedItems","additionalPageItems","hashCode","itemAccessor","layoutSettings","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","pages","selectedPages","pageContainerStyles","useRef","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","scale","getScaleForPageThumbnailLarge","current","transform","transformOrigin","_jsxs","map","page","backgroundColor","style","_jsx","order","indexOf","id","length","memo"],"mappings":"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"}
1
+ {"version":3,"file":"PageList.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageList.js"],"sourcesContent":["import { memo, useRef } from 'react';\nimport { SortableContainer } from 'react-sortable-hoc';\nimport PageItem from './PageItem';\nimport { getScaleForPageThumbnailLarge } from '../../../utils/functions';\nimport PageAdder from '../../Builder/PageAdder';\n\nconst PageList = SortableContainer(({\n acceptedItems,\n additionalPageItems,\n hashCode,\n itemAccessor,\n layoutSettings,\n onAnEventTrigger,\n onPageAdd,\n onPageClick,\n onPageDuplicate,\n onPageRemove,\n pages,\n selectedPages,\n}) => {\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 return (\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 acceptedItems={acceptedItems}\n additionalPageItems={additionalPageItems}\n hashCode={hashCode}\n index={page.order - 1}\n isSelected={selectedPages.indexOf(page.id) > -1}\n itemAccessor={itemAccessor}\n onAnEventTrigger={onAnEventTrigger}\n onPageAdd={onPageAdd}\n onPageClick={onPageClick}\n onPageDuplicate={onPageDuplicate}\n onPageRemove={onPageRemove}\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 onPageAdd={onPageAdd}\n pageCount={pages.length}\n />\n </div>\n <div className=\"spacer\" />\n <div className=\"spacer\" />\n <div className=\"spacer\" />\n </ul>\n );\n});\n\nexport default memo(PageList);\n"],"names":["PageList","SortableContainer","acceptedItems","additionalPageItems","hashCode","itemAccessor","layoutSettings","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","pages","selectedPages","pageContainerStyles","useRef","reportBackgroundColor","reportLayoutHeight","reportLayoutWidth","width","parseInt","height","scale","getScaleForPageThumbnailLarge","current","transform","transformOrigin","_jsxs","map","page","backgroundColor","style","_jsx","order","indexOf","id","length","memo"],"mappings":"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"}
@@ -21,7 +21,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
21
21
 
22
22
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
23
 
24
- 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; }
24
+ 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; }
25
25
 
26
26
  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; }
27
27
 
@@ -35,7 +35,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
35
35
 
36
36
  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; }
37
37
 
38
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
38
+ 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; }
39
39
 
40
40
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
41
41
 
@@ -1 +1 @@
1
- {"version":3,"file":"Elements.js","sources":["../../../../../src/components/Panels/LeftPanel/Elements.js"],"sourcesContent":["import {\n memo, useState, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Section from '../../Builder/Section';\nimport Element from '../../Builder/Element';\nimport { leftPanelConfigPropType } from '../../../constants/propTypes';\nimport LeftPanelCloser from './LeftPanelCloser';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport Tabs from '../../Builder/Tabs';\nimport { getTabsWithElements } from '../../../utils/functions';\nimport { useTranslatedTexts } from '../../../utils/hooks';\nimport SearchInput from '../../Builder/SearchInput';\n\nconst Elements = ({\n acceptedItems,\n leftPanelConfig,\n onAnEventTrigger,\n onItemAdd,\n}) => {\n const {\n activeTab,\n setActiveElement,\n setIsRightPanelOpen,\n zoom,\n } = useBuilderContext();\n const { ADD_ELEMENT, NO_RESULT } = useTranslatedTexts();\n\n // Tabs\n const tabDetails = getTabsWithElements(leftPanelConfig);\n const tabs = Object.keys(tabDetails);\n\n const [searchElements, setSearchElements] = useState([]);\n const [currentTabInfo, setCurrentTabInfo] = useState({});\n\n useEffect(() => {\n setCurrentTabInfo(tabDetails[tabs[activeTab.left]]);\n }, [activeTab.left]);\n\n const {\n elements = {},\n hasSearch = false,\n searchKeys,\n } = currentTabInfo || {};\n\n const elementWillBeUsed = hasSearch ? searchElements : elements;\n return (\n <div className=\"toolItemWrapper f-height d-flex dir-col o-auto p-relative\">\n <LeftPanelCloser />\n <Section\n title={ADD_ELEMENT}\n >\n <Tabs\n panel=\"left\"\n tabs={tabs}\n />\n {hasSearch && (\n <SearchInput\n elements={elements}\n searchKeys={searchKeys}\n setElements={setSearchElements}\n />\n ) }\n <div className=\"toolItem-tabContent\">\n { (searchElements === 'noResult' && hasSearch)\n && <div className=\"no-search-result-text\">{NO_RESULT}</div>}\n {Array.isArray(elementWillBeUsed) && elementWillBeUsed.map((element, index) => (\n <Element\n key={index.toString()}\n acceptedItems={acceptedItems}\n onAnEventTrigger={onAnEventTrigger}\n onItemAdd={onItemAdd}\n setActiveElement={setActiveElement}\n setIsRightPanelOpen={setIsRightPanelOpen}\n zoom={zoom}\n {...element}\n />\n ))}\n </div>\n </Section>\n </div>\n );\n};\n\nElements.propTypes = {\n acceptedItems: PropTypes.shape({}),\n leftPanelConfig: leftPanelConfigPropType,\n onAnEventTrigger: PropTypes.func,\n onItemAdd: PropTypes.func,\n};\n\nElements.defaultProps = {\n acceptedItems: {},\n leftPanelConfig: [],\n onAnEventTrigger: () => { },\n onItemAdd: () => {},\n};\n\nexport default memo(Elements);\n"],"names":["Elements","acceptedItems","leftPanelConfig","onAnEventTrigger","onItemAdd","useBuilderContext","activeTab","setActiveElement","setIsRightPanelOpen","zoom","useTranslatedTexts","ADD_ELEMENT","NO_RESULT","tabDetails","getTabsWithElements","tabs","Object","keys","useState","searchElements","setSearchElements","currentTabInfo","setCurrentTabInfo","useEffect","left","elements","hasSearch","searchKeys","elementWillBeUsed","_jsxs","_jsx","Array","isArray","map","element","index","toString","propTypes","PropTypes","shape","leftPanelConfigPropType","func","defaultProps","memo"],"mappings":"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"}
1
+ {"version":3,"file":"Elements.js","sources":["../../../../../src/components/Panels/LeftPanel/Elements.js"],"sourcesContent":["import {\n memo, useState, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Section from '../../Builder/Section';\nimport Element from '../../Builder/Element';\nimport { leftPanelConfigPropType } from '../../../constants/propTypes';\nimport LeftPanelCloser from './LeftPanelCloser';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport Tabs from '../../Builder/Tabs';\nimport { getTabsWithElements } from '../../../utils/functions';\nimport { useTranslatedTexts } from '../../../utils/hooks';\nimport SearchInput from '../../Builder/SearchInput';\n\nconst Elements = ({\n acceptedItems,\n leftPanelConfig,\n onAnEventTrigger,\n onItemAdd,\n}) => {\n const {\n activeTab,\n setActiveElement,\n setIsRightPanelOpen,\n zoom,\n } = useBuilderContext();\n const { ADD_ELEMENT, NO_RESULT } = useTranslatedTexts();\n\n // Tabs\n const tabDetails = getTabsWithElements(leftPanelConfig);\n const tabs = Object.keys(tabDetails);\n\n const [searchElements, setSearchElements] = useState([]);\n const [currentTabInfo, setCurrentTabInfo] = useState({});\n\n useEffect(() => {\n setCurrentTabInfo(tabDetails[tabs[activeTab.left]]);\n }, [activeTab.left]);\n\n const {\n elements = {},\n hasSearch = false,\n searchKeys,\n } = currentTabInfo || {};\n\n const elementWillBeUsed = hasSearch ? searchElements : elements;\n return (\n <div className=\"toolItemWrapper f-height d-flex dir-col o-auto p-relative\">\n <LeftPanelCloser />\n <Section\n title={ADD_ELEMENT}\n >\n <Tabs\n panel=\"left\"\n tabs={tabs}\n />\n {hasSearch && (\n <SearchInput\n elements={elements}\n searchKeys={searchKeys}\n setElements={setSearchElements}\n />\n ) }\n <div className=\"toolItem-tabContent\">\n { (searchElements === 'noResult' && hasSearch)\n && <div className=\"no-search-result-text\">{NO_RESULT}</div>}\n {Array.isArray(elementWillBeUsed) && elementWillBeUsed.map((element, index) => (\n <Element\n key={index.toString()}\n acceptedItems={acceptedItems}\n onAnEventTrigger={onAnEventTrigger}\n onItemAdd={onItemAdd}\n setActiveElement={setActiveElement}\n setIsRightPanelOpen={setIsRightPanelOpen}\n zoom={zoom}\n {...element}\n />\n ))}\n </div>\n </Section>\n </div>\n );\n};\n\nElements.propTypes = {\n acceptedItems: PropTypes.shape({}),\n leftPanelConfig: leftPanelConfigPropType,\n onAnEventTrigger: PropTypes.func,\n onItemAdd: PropTypes.func,\n};\n\nElements.defaultProps = {\n acceptedItems: {},\n leftPanelConfig: [],\n onAnEventTrigger: () => { },\n onItemAdd: () => {},\n};\n\nexport default memo(Elements);\n"],"names":["Elements","acceptedItems","leftPanelConfig","onAnEventTrigger","onItemAdd","useBuilderContext","activeTab","setActiveElement","setIsRightPanelOpen","zoom","useTranslatedTexts","ADD_ELEMENT","NO_RESULT","tabDetails","getTabsWithElements","tabs","Object","keys","useState","searchElements","setSearchElements","currentTabInfo","setCurrentTabInfo","useEffect","left","elements","hasSearch","searchKeys","elementWillBeUsed","_jsxs","_jsx","Array","isArray","map","element","index","toString","propTypes","PropTypes","shape","leftPanelConfigPropType","func","defaultProps","memo"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"LeftPanel.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanel.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { leftPanelConfigPropType } from '../../../constants/propTypes';\nimport Elements from './Elements';\nimport LeftPanelOpener from './LeftPanelOpener';\nimport { usePropContext } from '../../../utils/propContext';\n\nconst LeftPanel = ({\n leftPanelConfig,\n onItemAdd,\n}) => {\n /*\n This context cause additional render but it only renders LeftPanel and Panel components\n If you see Elements Component is rendered unnecessary,\n please get these propContext values from prop.\n */\n const { acceptedItems, onAnEventTrigger } = usePropContext();\n\n const { isLeftPanelOpen } = useBuilderContext();\n\n const panelAdditionalClassName = classNames(\n 'jfReport-toolbox f-height',\n {\n isIdle: !isLeftPanelOpen,\n },\n );\n\n return (\n <Panel additionalClassName={panelAdditionalClassName}>\n <LeftPanelOpener />\n <Elements\n acceptedItems={acceptedItems}\n leftPanelConfig={leftPanelConfig}\n onAnEventTrigger={onAnEventTrigger}\n onItemAdd={onItemAdd}\n />\n </Panel>\n );\n};\n\nLeftPanel.propTypes = {\n leftPanelConfig: leftPanelConfigPropType,\n onItemAdd: PropTypes.func,\n};\n\nLeftPanel.defaultProps = {\n leftPanelConfig: [],\n onItemAdd: () => {},\n};\n\nexport default memo(LeftPanel);\n"],"names":["LeftPanel","leftPanelConfig","onItemAdd","usePropContext","acceptedItems","onAnEventTrigger","useBuilderContext","isLeftPanelOpen","panelAdditionalClassName","classNames","isIdle","_jsxs","_jsx","propTypes","leftPanelConfigPropType","PropTypes","func","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAGZ;AAAA,MAFJC,eAEI,QAFJA,eAEI;AAAA,MADJC,SACI,QADJA,SACI;;AACJ;AACF;AACA;AACA;AACA;AALM,wBAMwCC,0BAAc,EANtD;AAAA,MAMIC,aANJ,mBAMIA,aANJ;AAAA,MAMmBC,gBANnB,mBAMmBA,gBANnB;;AAAA,2BAQwBC,gCAAiB,EARzC;AAAA,MAQIC,eARJ,sBAQIA,eARJ;;AAUJ,MAAMC,wBAAwB,GAAGC,8BAAU,CACzC,2BADyC,EAEzC;AACEC,IAAAA,MAAM,EAAE,CAACH;AADX,GAFyC,CAA3C;AAOA,sBACEI,gBAAC,KAAD;AAAO,IAAA,mBAAmB,EAAEH,wBAA5B;AAAA,4BACEI,eAAC,eAAD,KADF,eAEEA,eAAC,QAAD;AACE,MAAA,aAAa,EAAER,aADjB;AAEE,MAAA,eAAe,EAAEH,eAFnB;AAGE,MAAA,gBAAgB,EAAEI,gBAHpB;AAIE,MAAA,SAAS,EAAEH;AAJb,MAFF;AAAA,IADF;AAWD,CA/BD;;AAiCAF,SAAS,CAACa,SAAV,GAAsB;AACpBZ,EAAAA,eAAe,EAAEa,iCADG;AAEpBZ,EAAAA,SAAS,EAAEa,6BAAS,CAACC;AAFD,CAAtB;AAKAhB,SAAS,CAACiB,YAAV,GAAyB;AACvBhB,EAAAA,eAAe,EAAE,EADM;AAEvBC,EAAAA,SAAS,EAAE,qBAAM;AAFM,CAAzB;AAKA,+BAAegB,UAAI,CAAClB,SAAD,CAAnB;;;;"}
1
+ {"version":3,"file":"LeftPanel.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanel.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Panel from '../../Builder/Panel';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport { leftPanelConfigPropType } from '../../../constants/propTypes';\nimport Elements from './Elements';\nimport LeftPanelOpener from './LeftPanelOpener';\nimport { usePropContext } from '../../../utils/propContext';\n\nconst LeftPanel = ({\n leftPanelConfig,\n onItemAdd,\n}) => {\n /*\n This context cause additional render but it only renders LeftPanel and Panel components\n If you see Elements Component is rendered unnecessary,\n please get these propContext values from prop.\n */\n const { acceptedItems, onAnEventTrigger } = usePropContext();\n\n const { isLeftPanelOpen } = useBuilderContext();\n\n const panelAdditionalClassName = classNames(\n 'jfReport-toolbox f-height',\n {\n isIdle: !isLeftPanelOpen,\n },\n );\n\n return (\n <Panel additionalClassName={panelAdditionalClassName}>\n <LeftPanelOpener />\n <Elements\n acceptedItems={acceptedItems}\n leftPanelConfig={leftPanelConfig}\n onAnEventTrigger={onAnEventTrigger}\n onItemAdd={onItemAdd}\n />\n </Panel>\n );\n};\n\nLeftPanel.propTypes = {\n leftPanelConfig: leftPanelConfigPropType,\n onItemAdd: PropTypes.func,\n};\n\nLeftPanel.defaultProps = {\n leftPanelConfig: [],\n onItemAdd: () => {},\n};\n\nexport default memo(LeftPanel);\n"],"names":["LeftPanel","leftPanelConfig","onItemAdd","usePropContext","acceptedItems","onAnEventTrigger","useBuilderContext","isLeftPanelOpen","panelAdditionalClassName","classNames","isIdle","_jsxs","_jsx","propTypes","leftPanelConfigPropType","PropTypes","func","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAGZ;AAAA,MAFJC,eAEI,QAFJA,eAEI;AAAA,MADJC,SACI,QADJA,SACI;;AACJ;AACF;AACA;AACA;AACA;AACE,wBAA4CC,0BAAc,EAA1D;AAAA,MAAQC,aAAR,mBAAQA,aAAR;AAAA,MAAuBC,gBAAvB,mBAAuBA,gBAAvB;;AAEA,2BAA4BC,gCAAiB,EAA7C;AAAA,MAAQC,eAAR,sBAAQA,eAAR;;AAEA,MAAMC,wBAAwB,GAAGC,8BAAU,CACzC,2BADyC,EAEzC;AACEC,IAAAA,MAAM,EAAE,CAACH;AADX,GAFyC,CAA3C;AAOA,sBACEI,gBAAC,KAAD;AAAO,IAAA,mBAAmB,EAAEH,wBAA5B;AAAA,4BACEI,eAAC,eAAD,KADF,eAEEA,eAAC,QAAD;AACE,MAAA,aAAa,EAAER,aADjB;AAEE,MAAA,eAAe,EAAEH,eAFnB;AAGE,MAAA,gBAAgB,EAAEI,gBAHpB;AAIE,MAAA,SAAS,EAAEH;AAJb,MAFF;AAAA,IADF;AAWD,CA/BD;;AAiCAF,SAAS,CAACa,SAAV,GAAsB;AACpBZ,EAAAA,eAAe,EAAEa,iCADG;AAEpBZ,EAAAA,SAAS,EAAEa,6BAAS,CAACC;AAFD,CAAtB;AAKAhB,SAAS,CAACiB,YAAV,GAAyB;AACvBhB,EAAAA,eAAe,EAAE,EADM;AAEvBC,EAAAA,SAAS,EAAE,qBAAM;AAFM,CAAzB;AAKA,+BAAegB,UAAI,CAAClB,SAAD,CAAnB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"LeftPanelCloser.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanelCloser.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\n\nconst LeftPanelToggler = () => {\n const { setIsLeftPanelOpen } = useBuilderContext();\n return (\n <>\n <button\n className=\"paneClose p-absolute\"\n onClick={() => { setIsLeftPanelOpen(false); }}\n type=\"button\"\n >\n <icons.close className=\"jfReportSVG\" />\n </button>\n </>\n );\n};\n\nexport default memo(LeftPanelToggler);\n"],"names":["LeftPanelToggler","useBuilderContext","setIsLeftPanelOpen","_jsx","icons.close","memo"],"mappings":";;;;;;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAAA,2BACEC,gCAAiB,EADnB;AAAA,MACrBC,kBADqB,sBACrBA,kBADqB;;AAE7B,sBACEC;AAAA,2BACEA;AACE,MAAA,SAAS,EAAC,sBADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AAAED,QAAAA,kBAAkB,CAAC,KAAD,CAAlB;AAA4B,OAF/C;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEC,eAACC,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF;AADF,IADF;AAWD,CAbD;;AAeA,mCAAeC,UAAI,CAACL,gBAAD,CAAnB;;;;"}
1
+ {"version":3,"file":"LeftPanelCloser.js","sources":["../../../../../src/components/Panels/LeftPanel/LeftPanelCloser.js"],"sourcesContent":["import { memo } from 'react';\nimport { useBuilderContext } from '../../../utils/builderContext';\nimport * as icons from '../../../utils/icons';\n\nconst LeftPanelToggler = () => {\n const { setIsLeftPanelOpen } = useBuilderContext();\n return (\n <>\n <button\n className=\"paneClose p-absolute\"\n onClick={() => { setIsLeftPanelOpen(false); }}\n type=\"button\"\n >\n <icons.close className=\"jfReportSVG\" />\n </button>\n </>\n );\n};\n\nexport default memo(LeftPanelToggler);\n"],"names":["LeftPanelToggler","useBuilderContext","setIsLeftPanelOpen","_jsx","icons.close","memo"],"mappings":";;;;;;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAC7B,2BAA+BC,gCAAiB,EAAhD;AAAA,MAAQC,kBAAR,sBAAQA,kBAAR;;AACA,sBACEC;AAAA,2BACEA;AACE,MAAA,SAAS,EAAC,sBADZ;AAEE,MAAA,OAAO,EAAE,mBAAM;AAAED,QAAAA,kBAAkB,CAAC,KAAD,CAAlB;AAA4B,OAF/C;AAGE,MAAA,IAAI,EAAC,QAHP;AAAA,6BAKEC,eAACC,KAAD;AAAa,QAAA,SAAS,EAAC;AAAvB;AALF;AADF,IADF;AAWD,CAbD;;AAeA,mCAAeC,UAAI,CAACL,gBAAD,CAAnB;;;;"}