@jotforminc/dnd-builder 2.9.16 → 2.9.19
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.
- package/CHANGELOG.md +14 -0
- package/lib/cjs/components/AlignmentGuides.js +8 -10
- package/lib/cjs/components/AlignmentGuides.js.map +1 -1
- package/lib/cjs/components/Builder/ContextMenu.js +20 -22
- package/lib/cjs/components/Builder/ContextMenu.js.map +1 -1
- package/lib/cjs/components/Builder/DndWrapper.js +2 -4
- package/lib/cjs/components/Builder/DndWrapper.js.map +1 -1
- package/lib/cjs/components/Builder/Element.js +24 -24
- package/lib/cjs/components/Builder/Element.js.map +1 -1
- package/lib/cjs/components/Builder/Page.js +116 -48
- package/lib/cjs/components/Builder/Page.js.map +1 -1
- package/lib/cjs/components/Builder/PageActions.js +24 -26
- package/lib/cjs/components/Builder/PageActions.js.map +1 -1
- package/lib/cjs/components/Builder/PageAdder.js +6 -8
- package/lib/cjs/components/Builder/PageAdder.js.map +1 -1
- package/lib/cjs/components/Builder/Panel.js +8 -10
- package/lib/cjs/components/Builder/Panel.js.map +1 -1
- package/lib/cjs/components/Builder/Scene.js +37 -109
- package/lib/cjs/components/Builder/Scene.js.map +1 -1
- package/lib/cjs/components/Builder/SearchInput.js +6 -10
- package/lib/cjs/components/Builder/SearchInput.js.map +1 -1
- package/lib/cjs/components/Builder/Section.js +8 -10
- package/lib/cjs/components/Builder/Section.js.map +1 -1
- package/lib/cjs/components/Builder/Tabs.js +2 -4
- package/lib/cjs/components/Builder/Tabs.js.map +1 -1
- package/lib/cjs/components/Builder/ZoomControls.js +4 -6
- package/lib/cjs/components/Builder/ZoomControls.js.map +1 -1
- package/lib/cjs/components/DraggableItem/DraggableItem.js +126 -116
- package/lib/cjs/components/DraggableItem/DraggableItem.js.map +1 -1
- package/lib/cjs/components/DraggableItem/DraggableItemActions.js +12 -14
- package/lib/cjs/components/DraggableItem/DraggableItemActions.js.map +1 -1
- package/lib/cjs/components/DraggableItem/DraggableItemLayer.js +10 -10
- package/lib/cjs/components/DraggableItem/DraggableItemLayer.js.map +1 -1
- package/lib/cjs/components/Elements/Chart.js +3 -4
- package/lib/cjs/components/Elements/Chart.js.map +1 -1
- package/lib/cjs/components/Elements/Icon.js +3 -5
- package/lib/cjs/components/Elements/Icon.js.map +1 -1
- package/lib/cjs/components/Elements/Image.js +6 -8
- package/lib/cjs/components/Elements/Image.js.map +1 -1
- package/lib/cjs/components/Elements/RichText.js +7 -9
- package/lib/cjs/components/Elements/RichText.js.map +1 -1
- package/lib/cjs/components/Elements/Shapes.js +2 -4
- package/lib/cjs/components/Elements/Shapes.js.map +1 -1
- package/lib/cjs/components/ItemPositioner.js +6 -8
- package/lib/cjs/components/ItemPositioner.js.map +1 -1
- package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanel.js +16 -20
- package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanel.js.map +1 -1
- package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js +2 -4
- package/lib/cjs/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js.map +1 -1
- package/lib/cjs/components/Panels/AllSlidesPanel/PageActionsBar.js +8 -15
- package/lib/cjs/components/Panels/AllSlidesPanel/PageActionsBar.js.map +1 -1
- package/lib/cjs/components/Panels/AllSlidesPanel/PageItem.js +64 -5
- package/lib/cjs/components/Panels/AllSlidesPanel/PageItem.js.map +1 -1
- package/lib/cjs/components/Panels/AllSlidesPanel/PageItemDragOverlay.js +66 -0
- package/lib/cjs/components/Panels/AllSlidesPanel/PageItemDragOverlay.js.map +1 -0
- package/lib/cjs/components/Panels/AllSlidesPanel/PageList.js +158 -36
- package/lib/cjs/components/Panels/AllSlidesPanel/PageList.js.map +1 -1
- package/lib/cjs/components/Panels/AllSlidesPanel/PageThumbnailActions.js +12 -14
- package/lib/cjs/components/Panels/AllSlidesPanel/PageThumbnailActions.js.map +1 -1
- package/lib/cjs/components/Panels/LeftPanel/Elements.js +8 -10
- package/lib/cjs/components/Panels/LeftPanel/Elements.js.map +1 -1
- package/lib/cjs/components/Panels/LeftPanel/LeftPanel.js +4 -6
- package/lib/cjs/components/Panels/LeftPanel/LeftPanel.js.map +1 -1
- package/lib/cjs/components/Panels/RightPanel/RightPanel.js +10 -12
- package/lib/cjs/components/Panels/RightPanel/RightPanel.js.map +1 -1
- package/lib/cjs/components/Panels/RightPanel/Settings.js +13 -13
- package/lib/cjs/components/Panels/RightPanel/Settings.js.map +1 -1
- package/lib/cjs/components/Panels/SlidesPanel/ListWrapper.js +40 -40
- package/lib/cjs/components/Panels/SlidesPanel/ListWrapper.js.map +1 -1
- package/lib/cjs/components/Panels/SlidesPanel/PageThumbnailActions.js +14 -16
- package/lib/cjs/components/Panels/SlidesPanel/PageThumbnailActions.js.map +1 -1
- package/lib/cjs/components/Panels/SlidesPanel/SlidesPanel.js +19 -22
- package/lib/cjs/components/Panels/SlidesPanel/SlidesPanel.js.map +1 -1
- package/lib/cjs/components/Panels/SlidesPanel/SlidesPanelToggler.js +2 -4
- package/lib/cjs/components/Panels/SlidesPanel/SlidesPanelToggler.js.map +1 -1
- package/lib/cjs/components/Panels/SlidesPanel/SortablePageItem.js +69 -10
- package/lib/cjs/components/Panels/SlidesPanel/SortablePageItem.js.map +1 -1
- package/lib/cjs/components/Panels/SlidesPanel/SortablePageItemDragOverlay.js +66 -0
- package/lib/cjs/components/Panels/SlidesPanel/SortablePageItemDragOverlay.js.map +1 -0
- package/lib/cjs/components/Panels/SlidesPanel/SortablePageItemRenderer.js +7 -6
- package/lib/cjs/components/Panels/SlidesPanel/SortablePageItemRenderer.js.map +1 -1
- package/lib/cjs/components/Panels/SlidesPanel/SortablePageList.js +172 -89
- package/lib/cjs/components/Panels/SlidesPanel/SortablePageList.js.map +1 -1
- package/lib/cjs/components/Presentation/Presentation.js +18 -20
- package/lib/cjs/components/Presentation/Presentation.js.map +1 -1
- package/lib/cjs/components/Presentation/PresentationBar/PageNavigation.js +8 -10
- package/lib/cjs/components/Presentation/PresentationBar/PageNavigation.js.map +1 -1
- package/lib/cjs/components/Presentation/PresentationBar/PresentationActions.js +6 -10
- package/lib/cjs/components/Presentation/PresentationBar/PresentationActions.js.map +1 -1
- package/lib/cjs/components/Presentation/PresentationBar/PresentationBar.js +26 -38
- package/lib/cjs/components/Presentation/PresentationBar/PresentationBar.js.map +1 -1
- package/lib/cjs/components/Presentation/PresentationBar/SelectZoom.js +8 -10
- package/lib/cjs/components/Presentation/PresentationBar/SelectZoom.js.map +1 -1
- package/lib/cjs/components/Presentation/PresentationWrapper.js +6 -8
- package/lib/cjs/components/Presentation/PresentationWrapper.js.map +1 -1
- package/lib/cjs/components/Presentation/ProgressBar.js +4 -6
- package/lib/cjs/components/Presentation/ProgressBar.js.map +1 -1
- package/lib/cjs/components/Preview/Preview.js +16 -18
- package/lib/cjs/components/Preview/Preview.js.map +1 -1
- package/lib/cjs/components/Preview/StaticItem.js +4 -6
- package/lib/cjs/components/Preview/StaticItem.js.map +1 -1
- package/lib/cjs/components/Preview/StaticPage.js +14 -16
- package/lib/cjs/components/Preview/StaticPage.js.map +1 -1
- package/lib/cjs/components/Preview/StaticScene.js +18 -19
- package/lib/cjs/components/Preview/StaticScene.js.map +1 -1
- package/lib/cjs/components/Print/Print.js +0 -7
- package/lib/cjs/components/Print/Print.js.map +1 -1
- package/lib/cjs/components/Print/PrintMode.js +10 -12
- package/lib/cjs/components/Print/PrintMode.js.map +1 -1
- package/lib/cjs/components/Print/PrintModeWithoutContext.js +12 -14
- package/lib/cjs/components/Print/PrintModeWithoutContext.js.map +1 -1
- package/lib/cjs/components/Settings/Button.js +8 -10
- package/lib/cjs/components/Settings/Button.js.map +1 -1
- package/lib/cjs/components/Settings/CheckboxGroup.js +8 -10
- package/lib/cjs/components/Settings/CheckboxGroup.js.map +1 -1
- package/lib/cjs/components/Settings/ColorPicker.js +8 -10
- package/lib/cjs/components/Settings/ColorPicker.js.map +1 -1
- package/lib/cjs/components/Settings/Dropdown.js +10 -12
- package/lib/cjs/components/Settings/Dropdown.js.map +1 -1
- package/lib/cjs/components/Settings/FieldSet.js +3 -4
- package/lib/cjs/components/Settings/FieldSet.js.map +1 -1
- package/lib/cjs/components/Settings/IconSelectBox.js +8 -10
- package/lib/cjs/components/Settings/IconSelectBox.js.map +1 -1
- package/lib/cjs/components/Settings/ImagePicker/EnterURL.js +4 -6
- package/lib/cjs/components/Settings/ImagePicker/EnterURL.js.map +1 -1
- package/lib/cjs/components/Settings/ImagePicker/ImageThumbnailWithDelete.js +6 -8
- package/lib/cjs/components/Settings/ImagePicker/ImageThumbnailWithDelete.js.map +1 -1
- package/lib/cjs/components/Settings/ImageUrl.js +8 -10
- package/lib/cjs/components/Settings/ImageUrl.js.map +1 -1
- package/lib/cjs/components/Settings/LayoutSizeSettings.js +4 -6
- package/lib/cjs/components/Settings/LayoutSizeSettings.js.map +1 -1
- package/lib/cjs/components/Settings/Orientation.js +8 -10
- package/lib/cjs/components/Settings/Orientation.js.map +1 -1
- package/lib/cjs/components/Settings/PageLayer/LayerDragOverlay.js +130 -0
- package/lib/cjs/components/Settings/PageLayer/LayerDragOverlay.js.map +1 -0
- package/lib/cjs/components/Settings/PageLayer/LayerItem.js +82 -32
- package/lib/cjs/components/Settings/PageLayer/LayerItem.js.map +1 -1
- package/lib/cjs/components/Settings/PageLayer/PageLayer.js +115 -50
- package/lib/cjs/components/Settings/PageLayer/PageLayer.js.map +1 -1
- package/lib/cjs/components/Settings/SegmentControl.js +8 -10
- package/lib/cjs/components/Settings/SegmentControl.js.map +1 -1
- package/lib/cjs/components/Settings/SelectBox.js +8 -10
- package/lib/cjs/components/Settings/SelectBox.js.map +1 -1
- package/lib/cjs/components/Settings/SettingsItemRenderer.js +9 -11
- package/lib/cjs/components/Settings/SettingsItemRenderer.js.map +1 -1
- package/lib/cjs/components/Settings/SizeSettings.js +4 -6
- package/lib/cjs/components/Settings/SizeSettings.js.map +1 -1
- package/lib/cjs/components/Settings/Slider.js +8 -10
- package/lib/cjs/components/Settings/Slider.js.map +1 -1
- package/lib/cjs/components/Settings/Switch.js +8 -10
- package/lib/cjs/components/Settings/Switch.js.map +1 -1
- package/lib/cjs/components/Settings/Textbox.js +12 -14
- package/lib/cjs/components/Settings/Textbox.js.map +1 -1
- package/lib/cjs/components/Settings/Toggle.js +8 -10
- package/lib/cjs/components/Settings/Toggle.js.map +1 -1
- package/lib/cjs/components/StaticElements/StaticRichText.js +26 -30
- package/lib/cjs/components/StaticElements/StaticRichText.js.map +1 -1
- package/lib/cjs/components/TextEditor/CustomToolbar/CustomToolbar.js +2 -4
- package/lib/cjs/components/TextEditor/CustomToolbar/CustomToolbar.js.map +1 -1
- package/lib/cjs/components/TextEditor/CustomToolbar/CustomToolbarWrapper.js +4 -6
- package/lib/cjs/components/TextEditor/CustomToolbar/CustomToolbarWrapper.js.map +1 -1
- package/lib/cjs/components/TextEditor/QuillEditor.js +0 -6
- package/lib/cjs/components/TextEditor/QuillEditor.js.map +1 -1
- package/lib/cjs/components/TextEditor/TextEditor.js +8 -10
- package/lib/cjs/components/TextEditor/TextEditor.js.map +1 -1
- package/lib/cjs/components/withClickOutside.js +4 -6
- package/lib/cjs/components/withClickOutside.js.map +1 -1
- package/lib/cjs/components/withZoomPanPinchHOC.js +2 -4
- package/lib/cjs/components/withZoomPanPinchHOC.js.map +1 -1
- package/lib/cjs/styles/_jfReportsReportItem.scss +1 -1
- package/lib/cjs/utils/builderContext.js +12 -24
- package/lib/cjs/utils/builderContext.js.map +1 -1
- package/lib/cjs/utils/functions.js +4 -0
- package/lib/cjs/utils/functions.js.map +1 -1
- package/lib/cjs/utils/presentationContext.js +5 -10
- package/lib/cjs/utils/presentationContext.js.map +1 -1
- package/lib/cjs/utils/propContext.js +7 -14
- package/lib/cjs/utils/propContext.js.map +1 -1
- package/lib/esm/components/AlignmentGuides.js +8 -10
- package/lib/esm/components/AlignmentGuides.js.map +1 -1
- package/lib/esm/components/Builder/ContextMenu.js +20 -22
- package/lib/esm/components/Builder/ContextMenu.js.map +1 -1
- package/lib/esm/components/Builder/DndWrapper.js +2 -4
- package/lib/esm/components/Builder/DndWrapper.js.map +1 -1
- package/lib/esm/components/Builder/Element.js +24 -24
- package/lib/esm/components/Builder/Element.js.map +1 -1
- package/lib/esm/components/Builder/Page.js +119 -51
- package/lib/esm/components/Builder/Page.js.map +1 -1
- package/lib/esm/components/Builder/PageActions.js +24 -26
- package/lib/esm/components/Builder/PageActions.js.map +1 -1
- package/lib/esm/components/Builder/PageAdder.js +6 -8
- package/lib/esm/components/Builder/PageAdder.js.map +1 -1
- package/lib/esm/components/Builder/Panel.js +8 -10
- package/lib/esm/components/Builder/Panel.js.map +1 -1
- package/lib/esm/components/Builder/Scene.js +39 -111
- package/lib/esm/components/Builder/Scene.js.map +1 -1
- package/lib/esm/components/Builder/SearchInput.js +6 -10
- package/lib/esm/components/Builder/SearchInput.js.map +1 -1
- package/lib/esm/components/Builder/Section.js +8 -10
- package/lib/esm/components/Builder/Section.js.map +1 -1
- package/lib/esm/components/Builder/Tabs.js +2 -4
- package/lib/esm/components/Builder/Tabs.js.map +1 -1
- package/lib/esm/components/Builder/ZoomControls.js +4 -6
- package/lib/esm/components/Builder/ZoomControls.js.map +1 -1
- package/lib/esm/components/DraggableItem/DraggableItem.js +126 -116
- package/lib/esm/components/DraggableItem/DraggableItem.js.map +1 -1
- package/lib/esm/components/DraggableItem/DraggableItemActions.js +12 -14
- package/lib/esm/components/DraggableItem/DraggableItemActions.js.map +1 -1
- package/lib/esm/components/DraggableItem/DraggableItemLayer.js +10 -10
- package/lib/esm/components/DraggableItem/DraggableItemLayer.js.map +1 -1
- package/lib/esm/components/Elements/Chart.js +3 -4
- package/lib/esm/components/Elements/Chart.js.map +1 -1
- package/lib/esm/components/Elements/Icon.js +3 -5
- package/lib/esm/components/Elements/Icon.js.map +1 -1
- package/lib/esm/components/Elements/Image.js +6 -8
- package/lib/esm/components/Elements/Image.js.map +1 -1
- package/lib/esm/components/Elements/RichText.js +7 -9
- package/lib/esm/components/Elements/RichText.js.map +1 -1
- package/lib/esm/components/Elements/Shapes.js +2 -4
- package/lib/esm/components/Elements/Shapes.js.map +1 -1
- package/lib/esm/components/ItemPositioner.js +6 -8
- package/lib/esm/components/ItemPositioner.js.map +1 -1
- package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanel.js +16 -20
- package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanel.js.map +1 -1
- package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js +2 -4
- package/lib/esm/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js.map +1 -1
- package/lib/esm/components/Panels/AllSlidesPanel/PageActionsBar.js +8 -15
- package/lib/esm/components/Panels/AllSlidesPanel/PageActionsBar.js.map +1 -1
- package/lib/esm/components/Panels/AllSlidesPanel/PageItem.js +64 -6
- package/lib/esm/components/Panels/AllSlidesPanel/PageItem.js.map +1 -1
- package/lib/esm/components/Panels/AllSlidesPanel/PageItemDragOverlay.js +60 -0
- package/lib/esm/components/Panels/AllSlidesPanel/PageItemDragOverlay.js.map +1 -0
- package/lib/esm/components/Panels/AllSlidesPanel/PageList.js +155 -37
- package/lib/esm/components/Panels/AllSlidesPanel/PageList.js.map +1 -1
- package/lib/esm/components/Panels/AllSlidesPanel/PageThumbnailActions.js +12 -14
- package/lib/esm/components/Panels/AllSlidesPanel/PageThumbnailActions.js.map +1 -1
- package/lib/esm/components/Panels/LeftPanel/Elements.js +8 -10
- package/lib/esm/components/Panels/LeftPanel/Elements.js.map +1 -1
- package/lib/esm/components/Panels/LeftPanel/LeftPanel.js +4 -6
- package/lib/esm/components/Panels/LeftPanel/LeftPanel.js.map +1 -1
- package/lib/esm/components/Panels/RightPanel/RightPanel.js +10 -12
- package/lib/esm/components/Panels/RightPanel/RightPanel.js.map +1 -1
- package/lib/esm/components/Panels/RightPanel/Settings.js +13 -13
- package/lib/esm/components/Panels/RightPanel/Settings.js.map +1 -1
- package/lib/esm/components/Panels/SlidesPanel/ListWrapper.js +40 -40
- package/lib/esm/components/Panels/SlidesPanel/ListWrapper.js.map +1 -1
- package/lib/esm/components/Panels/SlidesPanel/PageThumbnailActions.js +14 -16
- package/lib/esm/components/Panels/SlidesPanel/PageThumbnailActions.js.map +1 -1
- package/lib/esm/components/Panels/SlidesPanel/SlidesPanel.js +19 -22
- package/lib/esm/components/Panels/SlidesPanel/SlidesPanel.js.map +1 -1
- package/lib/esm/components/Panels/SlidesPanel/SlidesPanelToggler.js +2 -4
- package/lib/esm/components/Panels/SlidesPanel/SlidesPanelToggler.js.map +1 -1
- package/lib/esm/components/Panels/SlidesPanel/SortablePageItem.js +66 -11
- package/lib/esm/components/Panels/SlidesPanel/SortablePageItem.js.map +1 -1
- package/lib/esm/components/Panels/SlidesPanel/SortablePageItemDragOverlay.js +60 -0
- package/lib/esm/components/Panels/SlidesPanel/SortablePageItemDragOverlay.js.map +1 -0
- package/lib/esm/components/Panels/SlidesPanel/SortablePageItemRenderer.js +7 -6
- package/lib/esm/components/Panels/SlidesPanel/SortablePageItemRenderer.js.map +1 -1
- package/lib/esm/components/Panels/SlidesPanel/SortablePageList.js +174 -91
- package/lib/esm/components/Panels/SlidesPanel/SortablePageList.js.map +1 -1
- package/lib/esm/components/Presentation/Presentation.js +18 -20
- package/lib/esm/components/Presentation/Presentation.js.map +1 -1
- package/lib/esm/components/Presentation/PresentationBar/PageNavigation.js +8 -10
- package/lib/esm/components/Presentation/PresentationBar/PageNavigation.js.map +1 -1
- package/lib/esm/components/Presentation/PresentationBar/PresentationActions.js +6 -10
- package/lib/esm/components/Presentation/PresentationBar/PresentationActions.js.map +1 -1
- package/lib/esm/components/Presentation/PresentationBar/PresentationBar.js +26 -38
- package/lib/esm/components/Presentation/PresentationBar/PresentationBar.js.map +1 -1
- package/lib/esm/components/Presentation/PresentationBar/SelectZoom.js +8 -10
- package/lib/esm/components/Presentation/PresentationBar/SelectZoom.js.map +1 -1
- package/lib/esm/components/Presentation/PresentationWrapper.js +6 -8
- package/lib/esm/components/Presentation/PresentationWrapper.js.map +1 -1
- package/lib/esm/components/Presentation/ProgressBar.js +4 -6
- package/lib/esm/components/Presentation/ProgressBar.js.map +1 -1
- package/lib/esm/components/Preview/Preview.js +16 -18
- package/lib/esm/components/Preview/Preview.js.map +1 -1
- package/lib/esm/components/Preview/StaticItem.js +4 -6
- package/lib/esm/components/Preview/StaticItem.js.map +1 -1
- package/lib/esm/components/Preview/StaticPage.js +14 -16
- package/lib/esm/components/Preview/StaticPage.js.map +1 -1
- package/lib/esm/components/Preview/StaticScene.js +18 -19
- package/lib/esm/components/Preview/StaticScene.js.map +1 -1
- package/lib/esm/components/Print/Print.js +0 -7
- package/lib/esm/components/Print/Print.js.map +1 -1
- package/lib/esm/components/Print/PrintMode.js +10 -12
- package/lib/esm/components/Print/PrintMode.js.map +1 -1
- package/lib/esm/components/Print/PrintModeWithoutContext.js +12 -14
- package/lib/esm/components/Print/PrintModeWithoutContext.js.map +1 -1
- package/lib/esm/components/Settings/Button.js +8 -10
- package/lib/esm/components/Settings/Button.js.map +1 -1
- package/lib/esm/components/Settings/CheckboxGroup.js +8 -10
- package/lib/esm/components/Settings/CheckboxGroup.js.map +1 -1
- package/lib/esm/components/Settings/ColorPicker.js +8 -10
- package/lib/esm/components/Settings/ColorPicker.js.map +1 -1
- package/lib/esm/components/Settings/Dropdown.js +10 -12
- package/lib/esm/components/Settings/Dropdown.js.map +1 -1
- package/lib/esm/components/Settings/FieldSet.js +3 -4
- package/lib/esm/components/Settings/FieldSet.js.map +1 -1
- package/lib/esm/components/Settings/IconSelectBox.js +8 -10
- package/lib/esm/components/Settings/IconSelectBox.js.map +1 -1
- package/lib/esm/components/Settings/ImagePicker/EnterURL.js +4 -6
- package/lib/esm/components/Settings/ImagePicker/EnterURL.js.map +1 -1
- package/lib/esm/components/Settings/ImagePicker/ImageThumbnailWithDelete.js +6 -8
- package/lib/esm/components/Settings/ImagePicker/ImageThumbnailWithDelete.js.map +1 -1
- package/lib/esm/components/Settings/ImageUrl.js +8 -10
- package/lib/esm/components/Settings/ImageUrl.js.map +1 -1
- package/lib/esm/components/Settings/LayoutSizeSettings.js +4 -6
- package/lib/esm/components/Settings/LayoutSizeSettings.js.map +1 -1
- package/lib/esm/components/Settings/Orientation.js +8 -10
- package/lib/esm/components/Settings/Orientation.js.map +1 -1
- package/lib/esm/components/Settings/PageLayer/LayerDragOverlay.js +123 -0
- package/lib/esm/components/Settings/PageLayer/LayerDragOverlay.js.map +1 -0
- package/lib/esm/components/Settings/PageLayer/LayerItem.js +83 -34
- package/lib/esm/components/Settings/PageLayer/LayerItem.js.map +1 -1
- package/lib/esm/components/Settings/PageLayer/PageLayer.js +117 -52
- package/lib/esm/components/Settings/PageLayer/PageLayer.js.map +1 -1
- package/lib/esm/components/Settings/SegmentControl.js +8 -10
- package/lib/esm/components/Settings/SegmentControl.js.map +1 -1
- package/lib/esm/components/Settings/SelectBox.js +8 -10
- package/lib/esm/components/Settings/SelectBox.js.map +1 -1
- package/lib/esm/components/Settings/SettingsItemRenderer.js +9 -11
- package/lib/esm/components/Settings/SettingsItemRenderer.js.map +1 -1
- package/lib/esm/components/Settings/SizeSettings.js +4 -6
- package/lib/esm/components/Settings/SizeSettings.js.map +1 -1
- package/lib/esm/components/Settings/Slider.js +8 -10
- package/lib/esm/components/Settings/Slider.js.map +1 -1
- package/lib/esm/components/Settings/Switch.js +8 -10
- package/lib/esm/components/Settings/Switch.js.map +1 -1
- package/lib/esm/components/Settings/Textbox.js +12 -14
- package/lib/esm/components/Settings/Textbox.js.map +1 -1
- package/lib/esm/components/Settings/Toggle.js +8 -10
- package/lib/esm/components/Settings/Toggle.js.map +1 -1
- package/lib/esm/components/StaticElements/StaticRichText.js +26 -30
- package/lib/esm/components/StaticElements/StaticRichText.js.map +1 -1
- package/lib/esm/components/TextEditor/CustomToolbar/CustomToolbar.js +2 -4
- package/lib/esm/components/TextEditor/CustomToolbar/CustomToolbar.js.map +1 -1
- package/lib/esm/components/TextEditor/CustomToolbar/CustomToolbarWrapper.js +4 -6
- package/lib/esm/components/TextEditor/CustomToolbar/CustomToolbarWrapper.js.map +1 -1
- package/lib/esm/components/TextEditor/QuillEditor.js +0 -6
- package/lib/esm/components/TextEditor/QuillEditor.js.map +1 -1
- package/lib/esm/components/TextEditor/TextEditor.js +8 -10
- package/lib/esm/components/TextEditor/TextEditor.js.map +1 -1
- package/lib/esm/components/withClickOutside.js +4 -6
- package/lib/esm/components/withClickOutside.js.map +1 -1
- package/lib/esm/components/withZoomPanPinchHOC.js +2 -4
- package/lib/esm/components/withZoomPanPinchHOC.js.map +1 -1
- package/lib/esm/styles/_jfReportsReportItem.scss +1 -1
- package/lib/esm/utils/builderContext.js +12 -24
- package/lib/esm/utils/builderContext.js.map +1 -1
- package/lib/esm/utils/functions.js +4 -1
- package/lib/esm/utils/functions.js.map +1 -1
- package/lib/esm/utils/presentationContext.js +5 -10
- package/lib/esm/utils/presentationContext.js.map +1 -1
- package/lib/esm/utils/propContext.js +7 -14
- package/lib/esm/utils/propContext.js.map +1 -1
- package/package.json +10 -8
- package/lib/cjs/components/ResponsiveContent.js +0 -15
- package/lib/cjs/components/ResponsiveContent.js.map +0 -1
- package/lib/esm/components/ResponsiveContent.js +0 -13
- package/lib/esm/components/ResponsiveContent.js.map +0 -1
|
@@ -14,19 +14,32 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
14
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
15
15
|
|
|
16
16
|
var PresentationBar = function PresentationBar(_ref) {
|
|
17
|
-
var currentPage = _ref.currentPage,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
17
|
+
var _ref$currentPage = _ref.currentPage,
|
|
18
|
+
currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
|
|
19
|
+
_ref$fitToScreen = _ref.fitToScreen,
|
|
20
|
+
fitToScreen = _ref$fitToScreen === void 0 ? function () {} : _ref$fitToScreen,
|
|
21
|
+
_ref$fittedZoom = _ref.fittedZoom,
|
|
22
|
+
fittedZoom = _ref$fittedZoom === void 0 ? 1 : _ref$fittedZoom,
|
|
23
|
+
_ref$isFullscreen = _ref.isFullscreen,
|
|
24
|
+
isFullscreen = _ref$isFullscreen === void 0 ? false : _ref$isFullscreen,
|
|
25
|
+
_ref$isVisible = _ref.isVisible,
|
|
26
|
+
isVisible = _ref$isVisible === void 0 ? true : _ref$isVisible,
|
|
27
|
+
_ref$onAnEventTrigger = _ref.onAnEventTrigger,
|
|
28
|
+
onAnEventTrigger = _ref$onAnEventTrigger === void 0 ? function () {} : _ref$onAnEventTrigger,
|
|
29
|
+
_ref$pageCount = _ref.pageCount,
|
|
30
|
+
pageCount = _ref$pageCount === void 0 ? 1 : _ref$pageCount,
|
|
31
|
+
_ref$presentationBarA = _ref.presentationBarActions,
|
|
32
|
+
presentationBarActions = _ref$presentationBarA === void 0 ? [] : _ref$presentationBarA,
|
|
33
|
+
_ref$setCurrentPage = _ref.setCurrentPage,
|
|
34
|
+
setCurrentPage = _ref$setCurrentPage === void 0 ? function () {} : _ref$setCurrentPage,
|
|
35
|
+
_ref$setIsFullscreen = _ref.setIsFullscreen,
|
|
36
|
+
setIsFullscreen = _ref$setIsFullscreen === void 0 ? function () {} : _ref$setIsFullscreen,
|
|
37
|
+
_ref$setZoom = _ref.setZoom,
|
|
38
|
+
setZoom = _ref$setZoom === void 0 ? function () {} : _ref$setZoom,
|
|
39
|
+
_ref$settings = _ref.settings,
|
|
40
|
+
settings = _ref$settings === void 0 ? {} : _ref$settings,
|
|
41
|
+
_ref$zoom = _ref.zoom,
|
|
42
|
+
zoom = _ref$zoom === void 0 ? 1 : _ref$zoom;
|
|
30
43
|
var _settings$reportLayou = settings.reportLayoutWidth,
|
|
31
44
|
reportLayoutWidth = _settings$reportLayou === void 0 ? 1123 : _settings$reportLayou;
|
|
32
45
|
|
|
@@ -135,31 +148,6 @@ PresentationBar.propTypes = {
|
|
|
135
148
|
}),
|
|
136
149
|
zoom: PropTypes__default['default'].number
|
|
137
150
|
};
|
|
138
|
-
PresentationBar.defaultProps = {
|
|
139
|
-
currentPage: 1,
|
|
140
|
-
fitToScreen: function fitToScreen(f) {
|
|
141
|
-
return f;
|
|
142
|
-
},
|
|
143
|
-
fittedZoom: 1,
|
|
144
|
-
isFullscreen: false,
|
|
145
|
-
isVisible: true,
|
|
146
|
-
onAnEventTrigger: function onAnEventTrigger(f) {
|
|
147
|
-
return f;
|
|
148
|
-
},
|
|
149
|
-
pageCount: 1,
|
|
150
|
-
presentationBarActions: [],
|
|
151
|
-
setCurrentPage: function setCurrentPage(f) {
|
|
152
|
-
return f;
|
|
153
|
-
},
|
|
154
|
-
setIsFullscreen: function setIsFullscreen(f) {
|
|
155
|
-
return f;
|
|
156
|
-
},
|
|
157
|
-
setZoom: function setZoom(f) {
|
|
158
|
-
return f;
|
|
159
|
-
},
|
|
160
|
-
settings: {},
|
|
161
|
-
zoom: 1
|
|
162
|
-
};
|
|
163
151
|
|
|
164
152
|
module.exports = PresentationBar;
|
|
165
153
|
//# sourceMappingURL=PresentationBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PresentationBar.js","sources":["../../../../../src/components/Presentation/PresentationBar/PresentationBar.js"],"sourcesContent":["import { useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport PageNavigation from './PageNavigation';\nimport PresentationActions from './PresentationActions';\nimport SelectZoom from './SelectZoom';\nimport {\n changePage,\n closeFullscreen,\n openFullscreenHelper,\n} from '../../../utils/functions';\n\nconst PresentationBar = ({\n currentPage,\n fitToScreen,\n fittedZoom,\n isFullscreen,\n isVisible,\n onAnEventTrigger,\n pageCount,\n presentationBarActions,\n setCurrentPage,\n setIsFullscreen,\n setZoom,\n settings,\n zoom,\n}) => {\n const { reportLayoutWidth = 1123 } = settings;\n\n const toggleFullscreen = goFullscreen => () => {\n if (goFullscreen) {\n const openRequest = openFullscreenHelper();\n if (openRequest && openRequest.then) {\n openRequest.then(fitToScreen);\n } else {\n fitToScreen(500);\n }\n } else {\n const closeRequest = closeFullscreen();\n if (closeRequest && closeRequest.then) {\n closeRequest.then(fitToScreen);\n } else {\n fitToScreen(600); // magic number for safari :(\n }\n }\n\n onAnEventTrigger('clickedFullscreen');\n setIsFullscreen(goFullscreen);\n };\n\n const pageChanger = action => changePage({\n action,\n currentPage,\n pageCount,\n setCurrentPage,\n });\n\n useLayoutEffect(() => {\n // Hi, this is a horrible solution to a horrible Chromium bug.\n // It is temporary, and once chromium crew solves the\n // https://bugs.chromium.org/p/chromium/issues/detail?id=1440024\n // we will be able to remove it, the idea itself comes from\n // them, btw https://bugs.chromium.org/p/chromium/issues/detail?id=1440024#c3\n if (window.chrome) {\n // Detaching and re-attaching to dom likely forces a re-draw\n // of the svg.\n document.querySelectorAll('svg.recharts-surface').forEach(domNode => {\n const parent = domNode.parentElement;\n parent.removeChild(domNode);\n parent.appendChild(domNode);\n });\n }\n });\n\n const handleZoomChange = e => {\n setZoom(e.target.value / 100, false, reportLayoutWidth);\n e.target.blur(); // prevent mixup with other keyboard shortcuts\n };\n\n return (\n <div className=\"jfPresentation-barContainer d-flex j-center f-width\">\n <div\n className={`\n floatingController p-relative d-flex a-center j-between w-fit forBar\n ${isVisible ? '' : ' hidden'}\n `}\n >\n <div className=\"toolSection-dropdownWrapper isDark\">\n <SelectZoom\n fittedZoom={fittedZoom}\n handleZoomChange={handleZoomChange}\n zoom={zoom}\n />\n </div>\n {pageCount > 1 && (\n <>\n <div className=\"divider\" />\n <PageNavigation\n currentPage={currentPage}\n decrease={pageChanger(-1)}\n increase={pageChanger(1)}\n isVisible={pageCount > 1}\n pageCount={pageCount}\n />\n <div className=\"divider\" />\n </>\n )}\n <PresentationActions\n isFullscreen={isFullscreen}\n presentationBarActions={presentationBarActions}\n toggleFullscreen={toggleFullscreen}\n />\n </div>\n </div>\n );\n};\n\nPresentationBar.propTypes = {\n currentPage: PropTypes.number,\n fitToScreen: PropTypes.func,\n fittedZoom: PropTypes.number,\n isFullscreen: PropTypes.bool,\n isVisible: PropTypes.bool,\n onAnEventTrigger: PropTypes.func,\n pageCount: PropTypes.number,\n presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n setCurrentPage: PropTypes.func,\n setIsFullscreen: PropTypes.func,\n setZoom: PropTypes.func,\n settings: PropTypes.shape({\n reportLayoutWidth: PropTypes.string,\n }),\n zoom: PropTypes.number,\n};\n\
|
|
1
|
+
{"version":3,"file":"PresentationBar.js","sources":["../../../../../src/components/Presentation/PresentationBar/PresentationBar.js"],"sourcesContent":["import { useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport PageNavigation from './PageNavigation';\nimport PresentationActions from './PresentationActions';\nimport SelectZoom from './SelectZoom';\nimport {\n changePage,\n closeFullscreen,\n openFullscreenHelper,\n} from '../../../utils/functions';\n\nconst PresentationBar = ({\n currentPage = 1,\n fitToScreen = () => {},\n fittedZoom = 1,\n isFullscreen = false,\n isVisible = true,\n onAnEventTrigger = () => {},\n pageCount = 1,\n presentationBarActions = [],\n setCurrentPage = () => {},\n setIsFullscreen = () => {},\n setZoom = () => {},\n settings = {},\n zoom = 1,\n}) => {\n const { reportLayoutWidth = 1123 } = settings;\n\n const toggleFullscreen = goFullscreen => () => {\n if (goFullscreen) {\n const openRequest = openFullscreenHelper();\n if (openRequest && openRequest.then) {\n openRequest.then(fitToScreen);\n } else {\n fitToScreen(500);\n }\n } else {\n const closeRequest = closeFullscreen();\n if (closeRequest && closeRequest.then) {\n closeRequest.then(fitToScreen);\n } else {\n fitToScreen(600); // magic number for safari :(\n }\n }\n\n onAnEventTrigger('clickedFullscreen');\n setIsFullscreen(goFullscreen);\n };\n\n const pageChanger = action => changePage({\n action,\n currentPage,\n pageCount,\n setCurrentPage,\n });\n\n useLayoutEffect(() => {\n // Hi, this is a horrible solution to a horrible Chromium bug.\n // It is temporary, and once chromium crew solves the\n // https://bugs.chromium.org/p/chromium/issues/detail?id=1440024\n // we will be able to remove it, the idea itself comes from\n // them, btw https://bugs.chromium.org/p/chromium/issues/detail?id=1440024#c3\n if (window.chrome) {\n // Detaching and re-attaching to dom likely forces a re-draw\n // of the svg.\n document.querySelectorAll('svg.recharts-surface').forEach(domNode => {\n const parent = domNode.parentElement;\n parent.removeChild(domNode);\n parent.appendChild(domNode);\n });\n }\n });\n\n const handleZoomChange = e => {\n setZoom(e.target.value / 100, false, reportLayoutWidth);\n e.target.blur(); // prevent mixup with other keyboard shortcuts\n };\n\n return (\n <div className=\"jfPresentation-barContainer d-flex j-center f-width\">\n <div\n className={`\n floatingController p-relative d-flex a-center j-between w-fit forBar\n ${isVisible ? '' : ' hidden'}\n `}\n >\n <div className=\"toolSection-dropdownWrapper isDark\">\n <SelectZoom\n fittedZoom={fittedZoom}\n handleZoomChange={handleZoomChange}\n zoom={zoom}\n />\n </div>\n {pageCount > 1 && (\n <>\n <div className=\"divider\" />\n <PageNavigation\n currentPage={currentPage}\n decrease={pageChanger(-1)}\n increase={pageChanger(1)}\n isVisible={pageCount > 1}\n pageCount={pageCount}\n />\n <div className=\"divider\" />\n </>\n )}\n <PresentationActions\n isFullscreen={isFullscreen}\n presentationBarActions={presentationBarActions}\n toggleFullscreen={toggleFullscreen}\n />\n </div>\n </div>\n );\n};\n\nPresentationBar.propTypes = {\n currentPage: PropTypes.number,\n fitToScreen: PropTypes.func,\n fittedZoom: PropTypes.number,\n isFullscreen: PropTypes.bool,\n isVisible: PropTypes.bool,\n onAnEventTrigger: PropTypes.func,\n pageCount: PropTypes.number,\n presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n setCurrentPage: PropTypes.func,\n setIsFullscreen: PropTypes.func,\n setZoom: PropTypes.func,\n settings: PropTypes.shape({\n reportLayoutWidth: PropTypes.string,\n }),\n zoom: PropTypes.number,\n};\n\nexport default PresentationBar;\n"],"names":["PresentationBar","currentPage","fitToScreen","fittedZoom","isFullscreen","isVisible","onAnEventTrigger","pageCount","presentationBarActions","setCurrentPage","setIsFullscreen","setZoom","settings","zoom","reportLayoutWidth","toggleFullscreen","goFullscreen","openRequest","openFullscreenHelper","then","closeRequest","closeFullscreen","pageChanger","action","changePage","useLayoutEffect","window","chrome","document","querySelectorAll","forEach","domNode","parent","parentElement","removeChild","appendChild","handleZoomChange","e","target","value","blur","_jsx","_jsxs","propTypes","PropTypes","number","func","bool","arrayOf","shape","string"],"mappings":"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"}
|
|
@@ -11,9 +11,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
12
12
|
|
|
13
13
|
var SelectZoom = function SelectZoom(_ref) {
|
|
14
|
-
var fittedZoom = _ref.fittedZoom,
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
var _ref$fittedZoom = _ref.fittedZoom,
|
|
15
|
+
fittedZoom = _ref$fittedZoom === void 0 ? 1 : _ref$fittedZoom,
|
|
16
|
+
_ref$handleZoomChange = _ref.handleZoomChange,
|
|
17
|
+
handleZoomChange = _ref$handleZoomChange === void 0 ? function (f) {
|
|
18
|
+
return f;
|
|
19
|
+
} : _ref$handleZoomChange,
|
|
20
|
+
_ref$zoom = _ref.zoom,
|
|
21
|
+
zoom = _ref$zoom === void 0 ? 1 : _ref$zoom;
|
|
17
22
|
return /*#__PURE__*/jsxRuntime.jsxs("select", {
|
|
18
23
|
"aria-label": "Zoom selection",
|
|
19
24
|
className: "toolSection-dropdown controllerItem",
|
|
@@ -40,13 +45,6 @@ SelectZoom.propTypes = {
|
|
|
40
45
|
handleZoomChange: PropTypes__default['default'].func,
|
|
41
46
|
zoom: PropTypes__default['default'].number
|
|
42
47
|
};
|
|
43
|
-
SelectZoom.defaultProps = {
|
|
44
|
-
fittedZoom: 1,
|
|
45
|
-
handleZoomChange: function handleZoomChange(f) {
|
|
46
|
-
return f;
|
|
47
|
-
},
|
|
48
|
-
zoom: 1
|
|
49
|
-
};
|
|
50
48
|
|
|
51
49
|
module.exports = SelectZoom;
|
|
52
50
|
//# sourceMappingURL=SelectZoom.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectZoom.js","sources":["../../../../../src/components/Presentation/PresentationBar/SelectZoom.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst SelectZoom = ({\n fittedZoom,\n handleZoomChange,\n zoom,\n}) => {\n return (\n <select\n aria-label=\"Zoom selection\"\n className=\"toolSection-dropdown controllerItem\"\n onChange={handleZoomChange}\n value={Math.round(zoom * 100)}\n >\n <option\n key=\"fitZoom\"\n value={fittedZoom * 100}\n >\n Fit\n </option>\n {Array.from({ length: 16 },\n (v, k) => (k * 10) + 50).map(opt => (\n <option\n key={opt}\n value={opt}\n >\n {`${opt}%`}\n </option>\n ))}\n </select>\n );\n};\n\nSelectZoom.propTypes = {\n fittedZoom: PropTypes.number,\n handleZoomChange: PropTypes.func,\n zoom: PropTypes.number,\n};\n\
|
|
1
|
+
{"version":3,"file":"SelectZoom.js","sources":["../../../../../src/components/Presentation/PresentationBar/SelectZoom.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst SelectZoom = ({\n fittedZoom = 1,\n handleZoomChange = f => f,\n zoom = 1,\n}) => {\n return (\n <select\n aria-label=\"Zoom selection\"\n className=\"toolSection-dropdown controllerItem\"\n onChange={handleZoomChange}\n value={Math.round(zoom * 100)}\n >\n <option\n key=\"fitZoom\"\n value={fittedZoom * 100}\n >\n Fit\n </option>\n {Array.from({ length: 16 },\n (v, k) => (k * 10) + 50).map(opt => (\n <option\n key={opt}\n value={opt}\n >\n {`${opt}%`}\n </option>\n ))}\n </select>\n );\n};\n\nSelectZoom.propTypes = {\n fittedZoom: PropTypes.number,\n handleZoomChange: PropTypes.func,\n zoom: PropTypes.number,\n};\n\nexport default SelectZoom;\n"],"names":["SelectZoom","fittedZoom","handleZoomChange","f","zoom","_jsxs","Math","round","_jsx","Array","from","length","v","k","map","opt","propTypes","PropTypes","number","func"],"mappings":";;;;;;;;;;;;IAEMA,UAAU,GAAG,SAAbA,UAAa,OAIb;AAAA,6BAHJC,UAGI;AAAA,MAHJA,UAGI,gCAHS,CAGT;AAAA,mCAFJC,gBAEI;AAAA,MAFJA,gBAEI,sCAFe,UAAAC,CAAC;AAAA,WAAIA,CAAJ;AAAA,GAEhB;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,CACH;AACJ,sBACEC;AACE,kBAAW,gBADb;AAEE,IAAA,SAAS,EAAC,qCAFZ;AAGE,IAAA,QAAQ,EAAEH,gBAHZ;AAIE,IAAA,KAAK,EAAEI,IAAI,CAACC,KAAL,CAAWH,IAAI,GAAG,GAAlB,CAJT;AAAA,4BAMEI;AAEE,MAAA,KAAK,EAAEP,UAAU,GAAG,GAFtB;AAAA;AAAA,OACM,SADN,CANF,EAYGQ,KAAK,CAACC,IAAN,CAAW;AAAEC,MAAAA,MAAM,EAAE;AAAV,KAAX,EACC,UAACC,CAAD,EAAIC,CAAJ;AAAA,aAAWA,CAAC,GAAG,EAAL,GAAW,EAArB;AAAA,KADD,EAC0BC,GAD1B,CAC8B,UAAAC,GAAG;AAAA,0BAC9BP;AAEE,QAAA,KAAK,EAAEO,GAFT;AAAA,4BAIMA,GAJN;AAAA,SACOA,GADP,CAD8B;AAAA,KADjC,CAZH;AAAA,IADF;AAwBD;;AAEDf,UAAU,CAACgB,SAAX,GAAuB;AACrBf,EAAAA,UAAU,EAAEgB,6BAAS,CAACC,MADD;AAErBhB,EAAAA,gBAAgB,EAAEe,6BAAS,CAACE,IAFP;AAGrBf,EAAAA,IAAI,EAAEa,6BAAS,CAACC;AAHK,CAAvB;;;;"}
|
|
@@ -33,9 +33,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
33
33
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
34
34
|
|
|
35
35
|
var PresentationWrapper = function PresentationWrapper(_ref) {
|
|
36
|
-
var children = _ref.children,
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
var _ref$children = _ref.children,
|
|
37
|
+
children = _ref$children === void 0 ? function () {} : _ref$children,
|
|
38
|
+
_ref$presentationBarA = _ref.presentationBarActions,
|
|
39
|
+
presentationBarActions = _ref$presentationBarA === void 0 ? [] : _ref$presentationBarA,
|
|
40
|
+
_ref$useFixedPresenta = _ref.useFixedPresentationBar,
|
|
41
|
+
useFixedPresentationBar = _ref$useFixedPresenta === void 0 ? false : _ref$useFixedPresenta;
|
|
39
42
|
|
|
40
43
|
var _usePropContext = propContext.usePropContext(),
|
|
41
44
|
onAnEventTrigger = _usePropContext.onAnEventTrigger,
|
|
@@ -180,11 +183,6 @@ PresentationWrapper.propTypes = {
|
|
|
180
183
|
presentationBarActions: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
|
|
181
184
|
useFixedPresentationBar: PropTypes__default['default'].bool
|
|
182
185
|
};
|
|
183
|
-
PresentationWrapper.defaultProps = {
|
|
184
|
-
children: function children() {},
|
|
185
|
-
presentationBarActions: [],
|
|
186
|
-
useFixedPresentationBar: false
|
|
187
|
-
};
|
|
188
186
|
|
|
189
187
|
module.exports = PresentationWrapper;
|
|
190
188
|
//# sourceMappingURL=PresentationWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PresentationWrapper.js","sources":["../../../../src/components/Presentation/PresentationWrapper.js"],"sourcesContent":["import {\n useCallback,\n useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from 'react-modal';\nimport classNames from 'classnames';\nimport { useDrag } from '@use-gesture/react';\nimport PresentationBar from './PresentationBar';\nimport ProgressBar from './ProgressBar';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { useEventListener, useFullscreenChange } from '../../utils/hooks';\nimport {\n changePage,\n throttle,\n zoomHandler,\n} from '../../utils/functions';\nimport { usePresentationContext } from '../../utils/presentationContext';\nimport { usePropContext } from '../../utils/propContext';\n// import { ZOOM_MIN, ZOOM_MAX } from '../../constants/zoom';\n\nconst PresentationWrapper = ({\n children,\n presentationBarActions,\n useFixedPresentationBar,\n}) => {\n const { onAnEventTrigger, settings } = usePropContext();\n const {\n currentPage,\n fittedZoom,\n isFullscreen,\n pageCount,\n setCurrentPage,\n setFittedZoom,\n setIsFullscreen,\n setShowControlsInFullScreen,\n showControlsInFullScreen,\n } = usePresentationContext();\n\n const { setZoom, zoom } = useBuilderContext();\n\n const fitToScreen = useCallback((delay = 0) => setTimeout(() => {\n const newZoom = zoomHandler({\n handler: setZoom,\n isFullscreen,\n isModeCustomize: false,\n limitZoom: false,\n settings,\n useFixedPresentationBar,\n useProgressBar: pageCount > 2,\n });\n setFittedZoom(newZoom);\n }, delay), [settings, isFullscreen, useFixedPresentationBar, pageCount]);\n\n useEffect(() => { fitToScreen(100); }, [isFullscreen]);\n\n useEffect(() => {\n if (isFullscreen) {\n setShowControlsInFullScreen(true);\n setTimeout(() => setShowControlsInFullScreen(false), 1500);\n }\n }, [isFullscreen]);\n\n const pageChanger = action => changePage({\n action,\n currentPage,\n pageCount,\n setCurrentPage,\n });\n\n const handleKeyboardEvent = useCallback(e => {\n if (e.keyCode === 39) {\n pageChanger(1)();\n } else if (e.keyCode === 37) {\n pageChanger(-1)();\n }\n });\n\n const setControlVisibility = e => {\n // TODO :: timeout in n out for better ux\n if (!isFullscreen) return;\n if (showControlsInFullScreen && window.innerHeight - e.clientY >= 200) {\n setShowControlsInFullScreen(false);\n } else if (!showControlsInFullScreen && window.innerHeight - e.clientY < 200) {\n setShowControlsInFullScreen(true);\n }\n };\n\n useEventListener('keydown', handleKeyboardEvent);\n useEventListener('mousemove', throttle(setControlVisibility, 150));\n useEventListener('gesturestart', e => e.preventDefault());\n useEventListener('gesturechange', e => e.preventDefault());\n useFullscreenChange(isFullscreen, setIsFullscreen, fitToScreen);\n\n const gesture = useDrag(({\n active, movement: [mx], direction: [xDir], cancel,\n }) => {\n if (fittedZoom === zoom) {\n if (active && Math.abs(mx) > window.innerWidth / 2) {\n const direction = xDir < 0 ? 1 : -1;\n cancel();\n pageChanger(direction)();\n }\n }\n });\n\n return (\n <>\n <Modal\n appElement={document.getElementById('root')}\n className={classNames('jfPresentation jfFields', { black: isFullscreen })}\n closeTimeoutMS={300}\n contentLabel=\"Report Presentation\"\n id=\"presentationModal\"\n isOpen={true}\n overlayClassName={classNames(\n 'jfPresentation-overlay',\n { fixedPresentationBar: useFixedPresentationBar, isFullscreen },\n )}\n portalClassName=\"PresentationModal\"\n shouldCloseOnEsc={false}\n shouldFocusAfterRender={false}\n >\n {children(currentPage - 1, gesture)}\n <PresentationBar\n currentPage={currentPage}\n fittedZoom={fittedZoom}\n fitToScreen={fitToScreen}\n isFullscreen={isFullscreen}\n isVisible={(!isFullscreen || (isFullscreen && showControlsInFullScreen))}\n onAnEventTrigger={onAnEventTrigger}\n pageCount={pageCount}\n presentationBarActions={presentationBarActions}\n setCurrentPage={setCurrentPage}\n setIsFullscreen={setIsFullscreen}\n settings={settings}\n setZoom={setZoom}\n zoom={zoom}\n />\n <ProgressBar\n currentPage={currentPage}\n pageCount={pageCount}\n />\n </Modal>\n </>\n );\n};\n\nPresentationWrapper.propTypes = {\n children: PropTypes.any,\n presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n useFixedPresentationBar: PropTypes.bool,\n};\n\nPresentationWrapper.defaultProps = {\n children: () => {},\n presentationBarActions: [],\n useFixedPresentationBar: false,\n};\n\nexport default PresentationWrapper;\n"],"names":["PresentationWrapper","children","presentationBarActions","useFixedPresentationBar","usePropContext","onAnEventTrigger","settings","usePresentationContext","currentPage","fittedZoom","isFullscreen","pageCount","setCurrentPage","setFittedZoom","setIsFullscreen","setShowControlsInFullScreen","showControlsInFullScreen","useBuilderContext","setZoom","zoom","fitToScreen","useCallback","delay","setTimeout","newZoom","zoomHandler","handler","isModeCustomize","limitZoom","useProgressBar","useEffect","pageChanger","action","changePage","handleKeyboardEvent","e","keyCode","setControlVisibility","window","innerHeight","clientY","useEventListener","throttle","preventDefault","useFullscreenChange","gesture","useDrag","active","movement","mx","direction","xDir","cancel","Math","abs","innerWidth","_jsx","_jsxs","Modal","document","getElementById","classNames","black","fixedPresentationBar","propTypes","PropTypes","any","arrayOf","shape","bool","defaultProps"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PresentationWrapper.js","sources":["../../../../src/components/Presentation/PresentationWrapper.js"],"sourcesContent":["import {\n useCallback,\n useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from 'react-modal';\nimport classNames from 'classnames';\nimport { useDrag } from '@use-gesture/react';\nimport PresentationBar from './PresentationBar';\nimport ProgressBar from './ProgressBar';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { useEventListener, useFullscreenChange } from '../../utils/hooks';\nimport {\n changePage,\n throttle,\n zoomHandler,\n} from '../../utils/functions';\nimport { usePresentationContext } from '../../utils/presentationContext';\nimport { usePropContext } from '../../utils/propContext';\n// import { ZOOM_MIN, ZOOM_MAX } from '../../constants/zoom';\n\nconst PresentationWrapper = ({\n children = () => {},\n presentationBarActions = [],\n useFixedPresentationBar = false,\n}) => {\n const { onAnEventTrigger, settings } = usePropContext();\n const {\n currentPage,\n fittedZoom,\n isFullscreen,\n pageCount,\n setCurrentPage,\n setFittedZoom,\n setIsFullscreen,\n setShowControlsInFullScreen,\n showControlsInFullScreen,\n } = usePresentationContext();\n\n const { setZoom, zoom } = useBuilderContext();\n\n const fitToScreen = useCallback((delay = 0) => setTimeout(() => {\n const newZoom = zoomHandler({\n handler: setZoom,\n isFullscreen,\n isModeCustomize: false,\n limitZoom: false,\n settings,\n useFixedPresentationBar,\n useProgressBar: pageCount > 2,\n });\n setFittedZoom(newZoom);\n }, delay), [settings, isFullscreen, useFixedPresentationBar, pageCount]);\n\n useEffect(() => { fitToScreen(100); }, [isFullscreen]);\n\n useEffect(() => {\n if (isFullscreen) {\n setShowControlsInFullScreen(true);\n setTimeout(() => setShowControlsInFullScreen(false), 1500);\n }\n }, [isFullscreen]);\n\n const pageChanger = action => changePage({\n action,\n currentPage,\n pageCount,\n setCurrentPage,\n });\n\n const handleKeyboardEvent = useCallback(e => {\n if (e.keyCode === 39) {\n pageChanger(1)();\n } else if (e.keyCode === 37) {\n pageChanger(-1)();\n }\n });\n\n const setControlVisibility = e => {\n // TODO :: timeout in n out for better ux\n if (!isFullscreen) return;\n if (showControlsInFullScreen && window.innerHeight - e.clientY >= 200) {\n setShowControlsInFullScreen(false);\n } else if (!showControlsInFullScreen && window.innerHeight - e.clientY < 200) {\n setShowControlsInFullScreen(true);\n }\n };\n\n useEventListener('keydown', handleKeyboardEvent);\n useEventListener('mousemove', throttle(setControlVisibility, 150));\n useEventListener('gesturestart', e => e.preventDefault());\n useEventListener('gesturechange', e => e.preventDefault());\n useFullscreenChange(isFullscreen, setIsFullscreen, fitToScreen);\n\n const gesture = useDrag(({\n active, movement: [mx], direction: [xDir], cancel,\n }) => {\n if (fittedZoom === zoom) {\n if (active && Math.abs(mx) > window.innerWidth / 2) {\n const direction = xDir < 0 ? 1 : -1;\n cancel();\n pageChanger(direction)();\n }\n }\n });\n\n return (\n <>\n <Modal\n appElement={document.getElementById('root')}\n className={classNames('jfPresentation jfFields', { black: isFullscreen })}\n closeTimeoutMS={300}\n contentLabel=\"Report Presentation\"\n id=\"presentationModal\"\n isOpen={true}\n overlayClassName={classNames(\n 'jfPresentation-overlay',\n { fixedPresentationBar: useFixedPresentationBar, isFullscreen },\n )}\n portalClassName=\"PresentationModal\"\n shouldCloseOnEsc={false}\n shouldFocusAfterRender={false}\n >\n {children(currentPage - 1, gesture)}\n <PresentationBar\n currentPage={currentPage}\n fittedZoom={fittedZoom}\n fitToScreen={fitToScreen}\n isFullscreen={isFullscreen}\n isVisible={(!isFullscreen || (isFullscreen && showControlsInFullScreen))}\n onAnEventTrigger={onAnEventTrigger}\n pageCount={pageCount}\n presentationBarActions={presentationBarActions}\n setCurrentPage={setCurrentPage}\n setIsFullscreen={setIsFullscreen}\n settings={settings}\n setZoom={setZoom}\n zoom={zoom}\n />\n <ProgressBar\n currentPage={currentPage}\n pageCount={pageCount}\n />\n </Modal>\n </>\n );\n};\n\nPresentationWrapper.propTypes = {\n children: PropTypes.any,\n presentationBarActions: PropTypes.arrayOf(PropTypes.shape({})),\n useFixedPresentationBar: PropTypes.bool,\n};\n\nexport default PresentationWrapper;\n"],"names":["PresentationWrapper","children","presentationBarActions","useFixedPresentationBar","usePropContext","onAnEventTrigger","settings","usePresentationContext","currentPage","fittedZoom","isFullscreen","pageCount","setCurrentPage","setFittedZoom","setIsFullscreen","setShowControlsInFullScreen","showControlsInFullScreen","useBuilderContext","setZoom","zoom","fitToScreen","useCallback","delay","setTimeout","newZoom","zoomHandler","handler","isModeCustomize","limitZoom","useProgressBar","useEffect","pageChanger","action","changePage","handleKeyboardEvent","e","keyCode","setControlVisibility","window","innerHeight","clientY","useEventListener","throttle","preventDefault","useFullscreenChange","gesture","useDrag","active","movement","mx","direction","xDir","cancel","Math","abs","innerWidth","_jsx","_jsxs","Modal","document","getElementById","classNames","black","fixedPresentationBar","propTypes","PropTypes","any","arrayOf","shape","bool"],"mappings":"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"}
|
|
@@ -8,8 +8,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
8
8
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
9
9
|
|
|
10
10
|
var ProgressBar = function ProgressBar(_ref) {
|
|
11
|
-
var currentPage = _ref.currentPage,
|
|
12
|
-
|
|
11
|
+
var _ref$currentPage = _ref.currentPage,
|
|
12
|
+
currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
|
|
13
|
+
_ref$pageCount = _ref.pageCount,
|
|
14
|
+
pageCount = _ref$pageCount === void 0 ? 1 : _ref$pageCount;
|
|
13
15
|
return pageCount > 2 && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
14
16
|
className: "jfPresentation-progressBar",
|
|
15
17
|
style: {
|
|
@@ -22,10 +24,6 @@ ProgressBar.propTypes = {
|
|
|
22
24
|
currentPage: PropTypes__default['default'].number,
|
|
23
25
|
pageCount: PropTypes__default['default'].number
|
|
24
26
|
};
|
|
25
|
-
ProgressBar.defaultProps = {
|
|
26
|
-
currentPage: 1,
|
|
27
|
-
pageCount: 1
|
|
28
|
-
};
|
|
29
27
|
|
|
30
28
|
module.exports = ProgressBar;
|
|
31
29
|
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/Presentation/ProgressBar.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst ProgressBar = ({\n currentPage,\n pageCount,\n}) => pageCount > 2 && (\n <div\n className=\"jfPresentation-progressBar\"\n style={{\n width: `${(100 / (pageCount - 1)) * (currentPage - 1)}%`,\n }}\n />\n);\n\nProgressBar.propTypes = {\n currentPage: PropTypes.number,\n pageCount: PropTypes.number,\n};\n\
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/Presentation/ProgressBar.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst ProgressBar = ({\n currentPage = 1,\n pageCount = 1,\n}) => pageCount > 2 && (\n <div\n className=\"jfPresentation-progressBar\"\n style={{\n width: `${(100 / (pageCount - 1)) * (currentPage - 1)}%`,\n }}\n />\n);\n\nProgressBar.propTypes = {\n currentPage: PropTypes.number,\n pageCount: PropTypes.number,\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","currentPage","pageCount","_jsx","width","propTypes","PropTypes","number"],"mappings":";;;;;;;;;IAEMA,WAAW,GAAG,SAAdA,WAAc;AAAA,8BAClBC,WADkB;AAAA,MAClBA,WADkB,iCACJ,CADI;AAAA,4BAElBC,SAFkB;AAAA,MAElBA,SAFkB,+BAEN,CAFM;AAAA,SAGdA,SAAS,GAAG,CAAZ,iBACJC;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,YAAM,OAAOF,SAAS,GAAG,CAAnB,CAAD,IAA2BD,WAAW,GAAG,CAAzC,CAAL;AADA;AAFT,IAJkB;AAAA;;AAYpBD,WAAW,CAACK,SAAZ,GAAwB;AACtBJ,EAAAA,WAAW,EAAEK,6BAAS,CAACC,MADD;AAEtBL,EAAAA,SAAS,EAAEI,6BAAS,CAACC;AAFC,CAAxB;;;;"}
|
|
@@ -21,14 +21,22 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
21
21
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
22
22
|
|
|
23
23
|
var Preview = function Preview(_ref) {
|
|
24
|
-
var acceptedItems = _ref.acceptedItems,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
var _ref$acceptedItems = _ref.acceptedItems,
|
|
25
|
+
acceptedItems = _ref$acceptedItems === void 0 ? {} : _ref$acceptedItems,
|
|
26
|
+
_ref$additionalPageIt = _ref.additionalPageItems,
|
|
27
|
+
additionalPageItems = _ref$additionalPageIt === void 0 ? [] : _ref$additionalPageIt,
|
|
28
|
+
_ref$itemAccessor = _ref.itemAccessor,
|
|
29
|
+
itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
|
|
30
|
+
_ref$lastScrollPositi = _ref.lastScrollPosition,
|
|
31
|
+
lastScrollPosition = _ref$lastScrollPositi === void 0 ? 0 : _ref$lastScrollPositi,
|
|
32
|
+
_ref$onAnEventTrigger = _ref.onAnEventTrigger,
|
|
33
|
+
onAnEventTrigger = _ref$onAnEventTrigger === void 0 ? function () {} : _ref$onAnEventTrigger,
|
|
34
|
+
_ref$pages = _ref.pages,
|
|
35
|
+
pages = _ref$pages === void 0 ? [] : _ref$pages,
|
|
36
|
+
_ref$settings = _ref.settings,
|
|
37
|
+
settings = _ref$settings === void 0 ? {} : _ref$settings,
|
|
38
|
+
_ref$theme = _ref.theme,
|
|
39
|
+
theme = _ref$theme === void 0 ? 'lightMode' : _ref$theme,
|
|
32
40
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
33
41
|
|
|
34
42
|
/* eslint-disable no-unused-vars */
|
|
@@ -95,16 +103,6 @@ Preview.propTypes = {
|
|
|
95
103
|
/** Theme */
|
|
96
104
|
theme: PropTypes__default['default'].oneOf(['lightMode', 'darkMode'])
|
|
97
105
|
};
|
|
98
|
-
Preview.defaultProps = {
|
|
99
|
-
acceptedItems: {},
|
|
100
|
-
additionalPageItems: [],
|
|
101
|
-
itemAccessor: function itemAccessor() {},
|
|
102
|
-
lastScrollPosition: 0,
|
|
103
|
-
onAnEventTrigger: function onAnEventTrigger() {},
|
|
104
|
-
pages: [],
|
|
105
|
-
settings: {},
|
|
106
|
-
theme: 'lightMode'
|
|
107
|
-
};
|
|
108
106
|
|
|
109
107
|
module.exports = Preview;
|
|
110
108
|
//# sourceMappingURL=Preview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Preview.js","sources":["../../../../src/components/Preview/Preview.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport ReportWrapper from '../ReportWrapper';\nimport StaticScene from './StaticScene';\nimport { PropProvider } from '../../utils/propContext';\nimport { BuilderProvider } from '../../utils/builderContext';\n\nconst Preview = ({\n acceptedItems,\n additionalPageItems,\n itemAccessor,\n lastScrollPosition,\n onAnEventTrigger,\n pages,\n settings,\n theme,\n ...otherProps\n}) => {\n/* eslint-disable no-unused-vars */\n const {\n disableInteraction,\n leftPanelConfig,\n onItemAdd,\n onItemChange,\n onItemMove,\n onItemRemove,\n onItemResize,\n onItemsMove,\n onPageAdd,\n onPageChange,\n onPageDuplicate,\n onPageOrdersChange,\n onPageRemove,\n onSettingChange,\n useExperimentalFeatures,\n ...hashProps\n } = otherProps;\n /* eslint-enable no-unused-vars */\n\n const hashCode = objectHash(hashProps);\n\n return (\n <BuilderProvider>\n <PropProvider\n acceptedItems={acceptedItems}\n onAnEventTrigger={onAnEventTrigger}\n settings={settings}\n >\n <ReportWrapper\n mode=\"preview\"\n theme={theme}\n >\n <StaticScene\n additionalPageItems={additionalPageItems}\n hashCode={hashCode}\n isExistsZoom\n itemAccessor={itemAccessor}\n lastScrollPosition={lastScrollPosition}\n mode=\"preview\"\n pages={pages}\n />\n </ReportWrapper>\n </PropProvider>\n </BuilderProvider>\n );\n};\n\nPreview.propTypes = {\n /** Items for to render in the report */\n acceptedItems: PropTypes.shape({}),\n /** Array of React components to render statically on each page (eg. watermark) */\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n /** To pass in extra props to items selectively */\n itemAccessor: PropTypes.func,\n lastScrollPosition: PropTypes.number,\n onAnEventTrigger: PropTypes.func,\n /** Array of pages with their settings and items */\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n /** General report settings such as layout size and background color */\n settings: PropTypes.shape({}),\n /** Theme */\n theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\
|
|
1
|
+
{"version":3,"file":"Preview.js","sources":["../../../../src/components/Preview/Preview.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport ReportWrapper from '../ReportWrapper';\nimport StaticScene from './StaticScene';\nimport { PropProvider } from '../../utils/propContext';\nimport { BuilderProvider } from '../../utils/builderContext';\n\nconst Preview = ({\n acceptedItems = {},\n additionalPageItems = [],\n itemAccessor = () => {},\n lastScrollPosition = 0,\n onAnEventTrigger = () => {},\n pages = [],\n settings = {},\n theme = 'lightMode',\n ...otherProps\n}) => {\n/* eslint-disable no-unused-vars */\n const {\n disableInteraction,\n leftPanelConfig,\n onItemAdd,\n onItemChange,\n onItemMove,\n onItemRemove,\n onItemResize,\n onItemsMove,\n onPageAdd,\n onPageChange,\n onPageDuplicate,\n onPageOrdersChange,\n onPageRemove,\n onSettingChange,\n useExperimentalFeatures,\n ...hashProps\n } = otherProps;\n /* eslint-enable no-unused-vars */\n\n const hashCode = objectHash(hashProps);\n\n return (\n <BuilderProvider>\n <PropProvider\n acceptedItems={acceptedItems}\n onAnEventTrigger={onAnEventTrigger}\n settings={settings}\n >\n <ReportWrapper\n mode=\"preview\"\n theme={theme}\n >\n <StaticScene\n additionalPageItems={additionalPageItems}\n hashCode={hashCode}\n isExistsZoom\n itemAccessor={itemAccessor}\n lastScrollPosition={lastScrollPosition}\n mode=\"preview\"\n pages={pages}\n />\n </ReportWrapper>\n </PropProvider>\n </BuilderProvider>\n );\n};\n\nPreview.propTypes = {\n /** Items for to render in the report */\n acceptedItems: PropTypes.shape({}),\n /** Array of React components to render statically on each page (eg. watermark) */\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n /** To pass in extra props to items selectively */\n itemAccessor: PropTypes.func,\n lastScrollPosition: PropTypes.number,\n onAnEventTrigger: PropTypes.func,\n /** Array of pages with their settings and items */\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n /** General report settings such as layout size and background color */\n settings: PropTypes.shape({}),\n /** Theme */\n theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nexport default Preview;\n"],"names":["Preview","acceptedItems","additionalPageItems","itemAccessor","lastScrollPosition","onAnEventTrigger","pages","settings","theme","otherProps","disableInteraction","leftPanelConfig","onItemAdd","onItemChange","onItemMove","onItemRemove","onItemResize","onItemsMove","onPageAdd","onPageChange","onPageDuplicate","onPageOrdersChange","onPageRemove","onSettingChange","useExperimentalFeatures","hashProps","hashCode","objectHash","_jsx","BuilderProvider","PropProvider","propTypes","PropTypes","shape","arrayOf","node","func","number","oneOf"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAOMA,OAAO,GAAG,SAAVA,OAAU,OAUV;AAAA,gCATJC,aASI;AAAA,MATJA,aASI,mCATY,EASZ;AAAA,mCARJC,mBAQI;AAAA,MARJA,mBAQI,sCARkB,EAQlB;AAAA,+BAPJC,YAOI;AAAA,MAPJA,YAOI,kCAPW,YAAM,EAOjB;AAAA,mCANJC,kBAMI;AAAA,MANJA,kBAMI,sCANiB,CAMjB;AAAA,mCALJC,gBAKI;AAAA,MALJA,gBAKI,sCALe,YAAM,EAKrB;AAAA,wBAJJC,KAII;AAAA,MAJJA,KAII,2BAJI,EAIJ;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,EAGP;AAAA,wBAFJC,KAEI;AAAA,MAFJA,KAEI,2BAFI,WAEJ;AAAA,MADDC,UACC;;AACN;AACE,EAiBIA,UAjBJ,CACEC,kBADF;AAAA,MAiBID,UAjBJ,CAEEE,eAFF;AAAA,MAiBIF,UAjBJ,CAGEG,SAHF;AAAA,MAiBIH,UAjBJ,CAIEI,YAJF;AAAA,MAiBIJ,UAjBJ,CAKEK,UALF;AAAA,MAiBIL,UAjBJ,CAMEM,YANF;AAAA,MAiBIN,UAjBJ,CAOEO,YAPF;AAAA,MAiBIP,UAjBJ,CAQEQ,WARF;AAAA,MAiBIR,UAjBJ,CASES,SATF;AAAA,MAiBIT,UAjBJ,CAUEU,YAVF;AAAA,MAiBIV,UAjBJ,CAWEW,eAXF;AAAA,MAiBIX,UAjBJ,CAYEY,kBAZF;AAAA,MAiBIZ,UAjBJ,CAaEa,YAbF;AAAA,MAiBIb,UAjBJ,CAcEc,eAdF;AAAA,MAiBId,UAjBJ,CAeEe,uBAfF;AAAA,UAgBKC,SAhBL,4BAiBIhB,UAjBJ;AAkBA;;;AAEA,MAAMiB,QAAQ,GAAGC,8BAAU,CAACF,SAAD,CAA3B;AAEA,sBACEG,eAACC,8BAAD;AAAA,2BACED,eAACE,wBAAD;AACE,MAAA,aAAa,EAAE7B,aADjB;AAEE,MAAA,gBAAgB,EAAEI,gBAFpB;AAGE,MAAA,QAAQ,EAAEE,QAHZ;AAAA,6BAKEqB,eAAC,aAAD;AACE,QAAA,IAAI,EAAC,SADP;AAEE,QAAA,KAAK,EAAEpB,KAFT;AAAA,+BAIEoB,eAAC,WAAD;AACE,UAAA,mBAAmB,EAAE1B,mBADvB;AAEE,UAAA,QAAQ,EAAEwB,QAFZ;AAGE,UAAA,YAAY,MAHd;AAIE,UAAA,YAAY,EAAEvB,YAJhB;AAKE,UAAA,kBAAkB,EAAEC,kBALtB;AAME,UAAA,IAAI,EAAC,SANP;AAOE,UAAA,KAAK,EAAEE;AAPT;AAJF;AALF;AADF,IADF;AAwBD;;AAEDN,OAAO,CAAC+B,SAAR,GAAoB;AAClB;AACA9B,EAAAA,aAAa,EAAE+B,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAFG;;AAGlB;AACA/B,EAAAA,mBAAmB,EAAE8B,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,IAA5B,CAJH;;AAKlB;AACAhC,EAAAA,YAAY,EAAE6B,6BAAS,CAACI,IANN;AAOlBhC,EAAAA,kBAAkB,EAAE4B,6BAAS,CAACK,MAPZ;AAQlBhC,EAAAA,gBAAgB,EAAE2B,6BAAS,CAACI,IARV;;AASlB;AACA9B,EAAAA,KAAK,EAAE0B,6BAAS,CAACE,OAAV,CACLF,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADK,CAVW;;AAalB;AACA1B,EAAAA,QAAQ,EAAEyB,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAdQ;;AAelB;AACAzB,EAAAA,KAAK,EAAEwB,6BAAS,CAACM,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AAhBW,CAApB;;;;"}
|
|
@@ -27,8 +27,10 @@ var elementStyle = {
|
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
var StaticItem = function StaticItem(_ref) {
|
|
30
|
-
var children = _ref.children,
|
|
31
|
-
|
|
30
|
+
var _ref$children = _ref.children,
|
|
31
|
+
children = _ref$children === void 0 ? null : _ref$children,
|
|
32
|
+
_ref$item = _ref.item,
|
|
33
|
+
item = _ref$item === void 0 ? {} : _ref$item;
|
|
32
34
|
var height = item.height,
|
|
33
35
|
left = item.left,
|
|
34
36
|
top = item.top,
|
|
@@ -65,10 +67,6 @@ StaticItem.propTypes = {
|
|
|
65
67
|
width: PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string])
|
|
66
68
|
})
|
|
67
69
|
};
|
|
68
|
-
StaticItem.defaultProps = {
|
|
69
|
-
children: null,
|
|
70
|
-
item: {}
|
|
71
|
-
};
|
|
72
70
|
|
|
73
71
|
var areEqual = function areEqual(prevProps, nextProps) {
|
|
74
72
|
if (prevProps.hashCode !== nextProps.hashCode) return false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StaticItem.js","sources":["../../../../src/components/Preview/StaticItem.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport isEqual from 'lodash.isequal';\nimport cn from 'classnames';\nimport * as classNames from '../../constants/classNames';\nimport { getStyles } from '../../utils/functions';\nimport ItemPositioner from '../ItemPositioner';\nimport ErrorBoundary from '../ErrorBoundary';\n\nconst elementStyle = {\n height: '100%',\n width: '100%',\n};\n\nconst StaticItem = ({\n children,\n item,\n}) => {\n const {\n height,\n left,\n top,\n width,\n } = item;\n return (\n <ErrorBoundary>\n <ItemPositioner\n style={{\n ...getStyles(left, top, false),\n height,\n width,\n }}\n >\n <div\n className={classNames.reportItemWrapper}\n >\n <div\n className={cn(\n `${classNames.reportItem}`,\n { hasChart: item.itemType === 'chart' },\n )}\n style={elementStyle}\n >\n {children}\n </div>\n </div>\n </ItemPositioner>\n </ErrorBoundary>\n );\n};\n\nStaticItem.propTypes = {\n children: PropTypes.any,\n item: PropTypes.shape({\n height: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n id: PropTypes.string,\n itemType: PropTypes.string,\n left: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n pageID: PropTypes.string,\n top: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n width: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n }),\n};\n\
|
|
1
|
+
{"version":3,"file":"StaticItem.js","sources":["../../../../src/components/Preview/StaticItem.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport isEqual from 'lodash.isequal';\nimport cn from 'classnames';\nimport * as classNames from '../../constants/classNames';\nimport { getStyles } from '../../utils/functions';\nimport ItemPositioner from '../ItemPositioner';\nimport ErrorBoundary from '../ErrorBoundary';\n\nconst elementStyle = {\n height: '100%',\n width: '100%',\n};\n\nconst StaticItem = ({\n children = null,\n item = {},\n}) => {\n const {\n height,\n left,\n top,\n width,\n } = item;\n return (\n <ErrorBoundary>\n <ItemPositioner\n style={{\n ...getStyles(left, top, false),\n height,\n width,\n }}\n >\n <div\n className={classNames.reportItemWrapper}\n >\n <div\n className={cn(\n `${classNames.reportItem}`,\n { hasChart: item.itemType === 'chart' },\n )}\n style={elementStyle}\n >\n {children}\n </div>\n </div>\n </ItemPositioner>\n </ErrorBoundary>\n );\n};\n\nStaticItem.propTypes = {\n children: PropTypes.any,\n item: PropTypes.shape({\n height: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n id: PropTypes.string,\n itemType: PropTypes.string,\n left: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n pageID: PropTypes.string,\n top: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n width: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string,\n ]),\n }),\n};\n\nconst areEqual = (prevProps, nextProps) => {\n if (prevProps.hashCode !== nextProps.hashCode) return false;\n if (!isEqual(prevProps.item, nextProps.item)) return false;\n return true;\n};\n\nexport default memo(StaticItem, areEqual);\n"],"names":["elementStyle","height","width","StaticItem","children","item","left","top","_jsx","getStyles","classNames","cn","hasChart","itemType","propTypes","PropTypes","any","shape","oneOfType","number","string","id","pageID","areEqual","prevProps","nextProps","hashCode","isEqual","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE,MADW;AAEnBC,EAAAA,KAAK,EAAE;AAFY,CAArB;;AAKA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAGb;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,IAEP;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,EACH;AACJ,MACEJ,MADF,GAKII,IALJ,CACEJ,MADF;AAAA,MAEEK,IAFF,GAKID,IALJ,CAEEC,IAFF;AAAA,MAGEC,GAHF,GAKIF,IALJ,CAGEE,GAHF;AAAA,MAIEL,KAJF,GAKIG,IALJ,CAIEH,KAJF;AAMA,sBACEM,eAAC,aAAD;AAAA,2BACEA,eAAC,cAAD;AACE,MAAA,KAAK,kCACAC,mBAAS,CAACH,IAAD,EAAOC,GAAP,EAAY,KAAZ,CADT;AAEHN,QAAAA,MAAM,EAANA,MAFG;AAGHC,QAAAA,KAAK,EAALA;AAHG,QADP;AAAA,6BAOEM;AACE,QAAA,SAAS,EAAEE,4BADb;AAAA,+BAGEF;AACE,UAAA,SAAS,EAAEG,8BAAE,WACRD,qBADQ,GAEX;AAAEE,YAAAA,QAAQ,EAAEP,IAAI,CAACQ,QAAL,KAAkB;AAA9B,WAFW,CADf;AAKE,UAAA,KAAK,EAAEb,YALT;AAAA,oBAOGI;AAPH;AAHF;AAPF;AADF,IADF;AAyBD,CAnCD;;AAqCAD,UAAU,CAACW,SAAX,GAAuB;AACrBV,EAAAA,QAAQ,EAAEW,6BAAS,CAACC,GADC;AAErBX,EAAAA,IAAI,EAAEU,6BAAS,CAACE,KAAV,CAAgB;AACpBhB,IAAAA,MAAM,EAAEc,6BAAS,CAACG,SAAV,CAAoB,CAC1BH,6BAAS,CAACI,MADgB,EAE1BJ,6BAAS,CAACK,MAFgB,CAApB,CADY;AAKpBC,IAAAA,EAAE,EAAEN,6BAAS,CAACK,MALM;AAMpBP,IAAAA,QAAQ,EAAEE,6BAAS,CAACK,MANA;AAOpBd,IAAAA,IAAI,EAAES,6BAAS,CAACG,SAAV,CAAoB,CACxBH,6BAAS,CAACI,MADc,EAExBJ,6BAAS,CAACK,MAFc,CAApB,CAPc;AAWpBE,IAAAA,MAAM,EAAEP,6BAAS,CAACK,MAXE;AAYpBb,IAAAA,GAAG,EAAEQ,6BAAS,CAACG,SAAV,CAAoB,CACvBH,6BAAS,CAACI,MADa,EAEvBJ,6BAAS,CAACK,MAFa,CAApB,CAZe;AAgBpBlB,IAAAA,KAAK,EAAEa,6BAAS,CAACG,SAAV,CAAoB,CACzBH,6BAAS,CAACI,MADe,EAEzBJ,6BAAS,CAACK,MAFe,CAApB;AAhBa,GAAhB;AAFe,CAAvB;;AAyBA,IAAMG,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD,EAAYC,SAAZ,EAA0B;AACzC,MAAID,SAAS,CAACE,QAAV,KAAuBD,SAAS,CAACC,QAArC,EAA+C,OAAO,KAAP;AAC/C,MAAI,CAACC,2BAAO,CAACH,SAAS,CAACnB,IAAX,EAAiBoB,SAAS,CAACpB,IAA3B,CAAZ,EAA8C,OAAO,KAAP;AAC9C,SAAO,IAAP;AACD,CAJD;;AAMA,gCAAeuB,UAAI,CAACzB,UAAD,EAAaoB,QAAb,CAAnB;;;;"}
|
|
@@ -18,13 +18,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
18
18
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
19
19
|
|
|
20
20
|
var StaticPage = function StaticPage(_ref) {
|
|
21
|
-
var acceptedItems = _ref.acceptedItems,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
21
|
+
var _ref$acceptedItems = _ref.acceptedItems,
|
|
22
|
+
acceptedItems = _ref$acceptedItems === void 0 ? {} : _ref$acceptedItems,
|
|
23
|
+
_ref$additionalPageIt = _ref.additionalPageItems,
|
|
24
|
+
additionalPageItems = _ref$additionalPageIt === void 0 ? [] : _ref$additionalPageIt,
|
|
25
|
+
_ref$hashCode = _ref.hashCode,
|
|
26
|
+
hashCode = _ref$hashCode === void 0 ? '' : _ref$hashCode,
|
|
27
|
+
_ref$isThumbnail = _ref.isThumbnail,
|
|
28
|
+
isThumbnail = _ref$isThumbnail === void 0 ? false : _ref$isThumbnail,
|
|
29
|
+
_ref$itemAccessor = _ref.itemAccessor,
|
|
30
|
+
itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
|
|
31
|
+
_ref$items = _ref.items,
|
|
32
|
+
items = _ref$items === void 0 ? [] : _ref$items,
|
|
33
|
+
_ref$style = _ref.style,
|
|
34
|
+
style = _ref$style === void 0 ? {} : _ref$style;
|
|
28
35
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
29
36
|
className: classNames.pageContainer,
|
|
30
37
|
style: style,
|
|
@@ -62,15 +69,6 @@ StaticPage.propTypes = {
|
|
|
62
69
|
items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
|
|
63
70
|
style: PropTypes__default['default'].shape({})
|
|
64
71
|
};
|
|
65
|
-
StaticPage.defaultProps = {
|
|
66
|
-
acceptedItems: {},
|
|
67
|
-
additionalPageItems: [],
|
|
68
|
-
hashCode: '',
|
|
69
|
-
isThumbnail: false,
|
|
70
|
-
itemAccessor: function itemAccessor() {},
|
|
71
|
-
items: [],
|
|
72
|
-
style: {}
|
|
73
|
-
};
|
|
74
72
|
var StaticPage$1 = /*#__PURE__*/React.memo(StaticPage);
|
|
75
73
|
var StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);
|
|
76
74
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StaticPage.js","sources":["../../../../src/components/Preview/StaticPage.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as classNames from '../../constants/classNames';\nimport ReportItemRenderer from '../Builder/ReportItemRenderer';\nimport StaticItem from './StaticItem';\nimport getMergedItem from '../../utils/getMergedItem';\nimport withZoomPanPinchHOC from '../withZoomPanPinchHOC';\n\nconst StaticPage = ({\n acceptedItems,\n additionalPageItems,\n hashCode,\n isThumbnail,\n itemAccessor,\n items,\n style,\n}) => (\n <div\n className={classNames.pageContainer}\n style={style}\n >\n <div className=\"jfReport-hider o-hidden f-all p-relative\">\n {items.filter(item => (\n item.isVisible !== undefined\n ? item.isVisible\n : true\n )).map(item => {\n const mergedItem = getMergedItem(item, acceptedItems);\n return (\n <StaticItem\n key={item.id}\n hashCode={hashCode}\n item={item}\n >\n <ReportItemRenderer\n item={item}\n >\n {ReportItem => (\n <ReportItem\n isThumbnail={isThumbnail}\n item={mergedItem}\n itemAccessor={itemAccessor}\n />\n )}\n </ReportItemRenderer>\n </StaticItem>\n );\n })}\n {additionalPageItems}\n </div>\n </div>\n);\n\nStaticPage.propTypes = {\n acceptedItems: PropTypes.shape({}),\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n hashCode: PropTypes.string,\n isThumbnail: PropTypes.bool,\n itemAccessor: PropTypes.func,\n items: PropTypes.arrayOf(PropTypes.shape({})),\n style: PropTypes.shape({}),\n};\n\
|
|
1
|
+
{"version":3,"file":"StaticPage.js","sources":["../../../../src/components/Preview/StaticPage.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as classNames from '../../constants/classNames';\nimport ReportItemRenderer from '../Builder/ReportItemRenderer';\nimport StaticItem from './StaticItem';\nimport getMergedItem from '../../utils/getMergedItem';\nimport withZoomPanPinchHOC from '../withZoomPanPinchHOC';\n\nconst StaticPage = ({\n acceptedItems = {},\n additionalPageItems = [],\n hashCode = '',\n isThumbnail = false,\n itemAccessor = () => {},\n items = [],\n style = {},\n}) => (\n <div\n className={classNames.pageContainer}\n style={style}\n >\n <div className=\"jfReport-hider o-hidden f-all p-relative\">\n {items.filter(item => (\n item.isVisible !== undefined\n ? item.isVisible\n : true\n )).map(item => {\n const mergedItem = getMergedItem(item, acceptedItems);\n return (\n <StaticItem\n key={item.id}\n hashCode={hashCode}\n item={item}\n >\n <ReportItemRenderer\n item={item}\n >\n {ReportItem => (\n <ReportItem\n isThumbnail={isThumbnail}\n item={mergedItem}\n itemAccessor={itemAccessor}\n />\n )}\n </ReportItemRenderer>\n </StaticItem>\n );\n })}\n {additionalPageItems}\n </div>\n </div>\n);\n\nStaticPage.propTypes = {\n acceptedItems: PropTypes.shape({}),\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n hashCode: PropTypes.string,\n isThumbnail: PropTypes.bool,\n itemAccessor: PropTypes.func,\n items: PropTypes.arrayOf(PropTypes.shape({})),\n style: PropTypes.shape({}),\n};\n\nexport default memo(StaticPage);\nexport const StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);\n"],"names":["StaticPage","acceptedItems","additionalPageItems","hashCode","isThumbnail","itemAccessor","items","style","_jsx","classNames","_jsxs","filter","item","isVisible","undefined","map","mergedItem","getMergedItem","ReportItem","id","propTypes","PropTypes","shape","arrayOf","node","string","bool","func","memo","StaticPageWithZoomPanPinch","withZoomPanPinchHOC"],"mappings":";;;;;;;;;;;;;;;;;;;AAQA,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,gCACjBC,aADiB;AAAA,MACjBA,aADiB,mCACD,EADC;AAAA,mCAEjBC,mBAFiB;AAAA,MAEjBA,mBAFiB,sCAEK,EAFL;AAAA,2BAGjBC,QAHiB;AAAA,MAGjBA,QAHiB,8BAGN,EAHM;AAAA,8BAIjBC,WAJiB;AAAA,MAIjBA,WAJiB,iCAIH,KAJG;AAAA,+BAKjBC,YALiB;AAAA,MAKjBA,YALiB,kCAKF,YAAM,EALJ;AAAA,wBAMjBC,KANiB;AAAA,MAMjBA,KANiB,2BAMT,EANS;AAAA,wBAOjBC,KAPiB;AAAA,MAOjBA,KAPiB,2BAOT,EAPS;AAAA,sBASjBC;AACE,IAAA,SAAS,EAAEC,wBADb;AAEE,IAAA,KAAK,EAAEF,KAFT;AAAA,2BAIEG;AAAK,MAAA,SAAS,EAAC,0CAAf;AAAA,iBACGJ,KAAK,CAACK,MAAN,CAAa,UAAAC,IAAI;AAAA,eAChBA,IAAI,CAACC,SAAL,KAAmBC,SAAnB,GACIF,IAAI,CAACC,SADT,GAEI,IAHY;AAAA,OAAjB,EAIEE,GAJF,CAIM,UAAAH,IAAI,EAAI;AACb,YAAMI,UAAU,GAAGC,aAAa,CAACL,IAAD,EAAOX,aAAP,CAAhC;AACA,4BACEO,eAAC,UAAD;AAEE,UAAA,QAAQ,EAAEL,QAFZ;AAGE,UAAA,IAAI,EAAES,IAHR;AAAA,iCAKEJ,eAAC,kBAAD;AACE,YAAA,IAAI,EAAEI,IADR;AAAA,sBAGG,kBAAAM,UAAU;AAAA,kCACTV,eAAC,UAAD;AACE,gBAAA,WAAW,EAAEJ,WADf;AAEE,gBAAA,IAAI,EAAEY,UAFR;AAGE,gBAAA,YAAY,EAAEX;AAHhB,gBADS;AAAA;AAHb;AALF,WACOO,IAAI,CAACO,EADZ,CADF;AAmBD,OAzBA,CADH,EA2BGjB,mBA3BH;AAAA;AAJF,IATiB;AAAA,CAAnB;;AA6CAF,UAAU,CAACoB,SAAX,GAAuB;AACrBnB,EAAAA,aAAa,EAAEoB,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADM;AAErBpB,EAAAA,mBAAmB,EAAEmB,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,IAA5B,CAFA;AAGrBrB,EAAAA,QAAQ,EAAEkB,6BAAS,CAACI,MAHC;AAIrBrB,EAAAA,WAAW,EAAEiB,6BAAS,CAACK,IAJF;AAKrBrB,EAAAA,YAAY,EAAEgB,6BAAS,CAACM,IALH;AAMrBrB,EAAAA,KAAK,EAAEe,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CANc;AAOrBf,EAAAA,KAAK,EAAEc,6BAAS,CAACC,KAAV,CAAgB,EAAhB;AAPc,CAAvB;AAUA,gCAAeM,UAAI,CAAC5B,UAAD,CAAnB;IACa6B,0BAA0B,GAAGC,mBAAmB,CAAC9B,UAAD;;;;;"}
|
|
@@ -31,15 +31,24 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
31
31
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
32
32
|
|
|
33
33
|
var StaticScene = function StaticScene(_ref) {
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
34
|
+
var _ref$additionalPageIt = _ref.additionalPageItems,
|
|
35
|
+
additionalPageItems = _ref$additionalPageIt === void 0 ? [] : _ref$additionalPageIt,
|
|
36
|
+
_ref$gesture = _ref.gesture,
|
|
37
|
+
gesture = _ref$gesture === void 0 ? function () {} : _ref$gesture,
|
|
38
|
+
_ref$hashCode = _ref.hashCode,
|
|
39
|
+
hashCode = _ref$hashCode === void 0 ? '' : _ref$hashCode,
|
|
40
|
+
_ref$hideZoom = _ref.hideZoom,
|
|
41
|
+
hideZoom = _ref$hideZoom === void 0 ? false : _ref$hideZoom,
|
|
42
|
+
_ref$itemAccessor = _ref.itemAccessor,
|
|
43
|
+
itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
|
|
44
|
+
_ref$lastScrollPositi = _ref.lastScrollPosition,
|
|
45
|
+
lastScrollPosition = _ref$lastScrollPositi === void 0 ? 0 : _ref$lastScrollPositi,
|
|
46
|
+
_ref$mode = _ref.mode,
|
|
47
|
+
mode = _ref$mode === void 0 ? '' : _ref$mode,
|
|
48
|
+
_ref$pages = _ref.pages,
|
|
49
|
+
pages = _ref$pages === void 0 ? [] : _ref$pages,
|
|
50
|
+
_ref$presentationPage = _ref.presentationPage,
|
|
51
|
+
presentationPage = _ref$presentationPage === void 0 ? 0 : _ref$presentationPage;
|
|
43
52
|
|
|
44
53
|
var _usePresentationConte = presentationContext.usePresentationContext(),
|
|
45
54
|
isFullscreen = _usePresentationConte.isFullscreen,
|
|
@@ -152,16 +161,6 @@ StaticScene.propTypes = {
|
|
|
152
161
|
pages: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
|
|
153
162
|
presentationPage: PropTypes__default['default'].number
|
|
154
163
|
};
|
|
155
|
-
StaticScene.defaultProps = {
|
|
156
|
-
additionalPageItems: [],
|
|
157
|
-
gesture: function gesture() {},
|
|
158
|
-
hashCode: '',
|
|
159
|
-
hideZoom: false,
|
|
160
|
-
itemAccessor: function itemAccessor() {},
|
|
161
|
-
lastScrollPosition: 0,
|
|
162
|
-
pages: [],
|
|
163
|
-
presentationPage: 0
|
|
164
|
-
};
|
|
165
164
|
|
|
166
165
|
module.exports = StaticScene;
|
|
167
166
|
//# sourceMappingURL=StaticScene.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StaticScene.js","sources":["../../../../src/components/Preview/StaticScene.js"],"sourcesContent":["import {\n useCallback, useEffect, useMemo, useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport cNames from 'classnames';\nimport * as classNames from '../../constants/classNames';\nimport { StaticPageWithZoomPanPinch } from './StaticPage';\nimport { usePropContext } from '../../utils/propContext';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { slugify } from '../../utils/string';\nimport { usePageTransition } from '../../utils/hooks';\nimport { usePresentationContext } from '../../utils/presentationContext';\nimport ZoomControls from '../Builder/ZoomControls';\n\nconst StaticScene = ({\n additionalPageItems,\n gesture,\n hashCode,\n hideZoom,\n itemAccessor,\n lastScrollPosition,\n mode,\n pages,\n presentationPage,\n}) => {\n const { isFullscreen, showControlsInFullScreen } = usePresentationContext();\n const { acceptedItems, settings } = usePropContext();\n const { setZoom, zoom } = useBuilderContext();\n const viewPortRef = useRef({});\n const transformRefs = useRef([]);\n\n const {\n reportBackgroundColor,\n reportLayout = 'A4 Landscape',\n reportLayoutHeight = 794,\n reportLayoutWidth = 1123,\n reportPageTransition = 'noAnimation',\n } = settings;\n const width = parseInt(reportLayoutWidth, 10);\n const height = parseInt(reportLayoutHeight, 10);\n\n useEffect(() => {\n if (viewPortRef.current) {\n viewPortRef.current.scrollTop = lastScrollPosition;\n }\n }, []); // set last scroll position after changing mode\n\n useEffect(() => {\n transformRefs.current = transformRefs.current.slice(0, pages.length);\n }, [pages.length]);\n\n const pageContainerStyles = useMemo(() => ({\n height,\n width,\n }), [width, height]);\n\n const transitionStyle = usePageTransition(reportPageTransition, presentationPage);\n\n const handleZoom = useCallback(zoomPanPinch => {\n const fixedValue = parseFloat(zoomPanPinch.state.scale.toFixed(2));\n const roundValue = parseFloat((Math.round((fixedValue * 100)) / 100).toFixed(1));\n if (roundValue <= 2 && roundValue >= 0.5) {\n setZoom(roundValue);\n }\n }, []);\n\n useEffect(() => {\n if (transformRefs.current.length > 0) {\n for (let i = 0; i < pages.length; i++) {\n transformRefs.current[i].centerView(zoom);\n }\n }\n }, [pages.length, zoom, isFullscreen, mode]);\n\n return (\n <main\n className={classNames.mainWrapper}\n >\n <div\n ref={viewPortRef}\n className={classNames.viewport}\n {...gesture()}\n >\n <div\n className={`${classNames.canvas} ${reportPageTransition}`}\n style={transitionStyle}\n >\n {pages.map((page, index) => {\n const { backgroundColor } = page;\n const style = {\n ...pageContainerStyles,\n backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n };\n return (\n <div\n key={`page_${index.toString()}`}\n className={cNames({\n [classNames.page]: true,\n [slugify(reportLayout)]: true,\n activePage: index === presentationPage,\n })}\n id={`presentation-page-${page.id.toString()}`}\n >\n <StaticPageWithZoomPanPinch\n acceptedItems={acceptedItems}\n additionalPageItems={additionalPageItems}\n handleZoom={handleZoom}\n hashCode={hashCode}\n itemAccessor={itemAccessor}\n items={page.items}\n mode={mode}\n refSetter={element => { transformRefs.current[index] = element; }}\n style={style}\n />\n </div>\n );\n })}\n </div>\n </div>\n <ZoomControls\n pages={pages}\n showZoom={(!isFullscreen || (isFullscreen && showControlsInFullScreen)) && !hideZoom}\n />\n </main>\n );\n};\n\nStaticScene.propTypes = {\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n gesture: PropTypes.func,\n hashCode: PropTypes.string,\n hideZoom: PropTypes.bool,\n itemAccessor: PropTypes.func,\n lastScrollPosition: PropTypes.number,\n mode: PropTypes.string.isRequired,\n pages: PropTypes.arrayOf(PropTypes.shape({})),\n presentationPage: PropTypes.number,\n};\n\nStaticScene.defaultProps = {\n additionalPageItems: [],\n gesture: () => {},\n hashCode: '',\n hideZoom: false,\n itemAccessor: () => {},\n lastScrollPosition: 0,\n pages: [],\n presentationPage: 0,\n};\n\nexport default StaticScene;\n"],"names":["StaticScene","additionalPageItems","gesture","hashCode","hideZoom","itemAccessor","lastScrollPosition","mode","pages","presentationPage","usePresentationContext","isFullscreen","showControlsInFullScreen","usePropContext","acceptedItems","settings","useBuilderContext","setZoom","zoom","viewPortRef","useRef","transformRefs","reportBackgroundColor","reportLayout","reportLayoutHeight","reportLayoutWidth","reportPageTransition","width","parseInt","height","useEffect","current","scrollTop","slice","length","pageContainerStyles","useMemo","transitionStyle","usePageTransition","handleZoom","useCallback","zoomPanPinch","fixedValue","parseFloat","state","scale","toFixed","roundValue","Math","round","i","centerView","_jsxs","classNames","_jsx","map","page","index","backgroundColor","style","cNames","slugify","id","toString","StaticPageWithZoomPanPinch","items","element","propTypes","PropTypes","arrayOf","node","func","string","bool","number","isRequired","shape","defaultProps"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"StaticScene.js","sources":["../../../../src/components/Preview/StaticScene.js"],"sourcesContent":["import {\n useCallback, useEffect, useMemo, useRef,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport cNames from 'classnames';\nimport * as classNames from '../../constants/classNames';\nimport { StaticPageWithZoomPanPinch } from './StaticPage';\nimport { usePropContext } from '../../utils/propContext';\nimport { useBuilderContext } from '../../utils/builderContext';\nimport { slugify } from '../../utils/string';\nimport { usePageTransition } from '../../utils/hooks';\nimport { usePresentationContext } from '../../utils/presentationContext';\nimport ZoomControls from '../Builder/ZoomControls';\n\nconst StaticScene = ({\n additionalPageItems = [],\n gesture = () => {},\n hashCode = '',\n hideZoom = false,\n itemAccessor = () => {},\n lastScrollPosition = 0,\n mode = '',\n pages = [],\n presentationPage = 0,\n}) => {\n const { isFullscreen, showControlsInFullScreen } = usePresentationContext();\n const { acceptedItems, settings } = usePropContext();\n const { setZoom, zoom } = useBuilderContext();\n const viewPortRef = useRef({});\n const transformRefs = useRef([]);\n\n const {\n reportBackgroundColor,\n reportLayout = 'A4 Landscape',\n reportLayoutHeight = 794,\n reportLayoutWidth = 1123,\n reportPageTransition = 'noAnimation',\n } = settings;\n const width = parseInt(reportLayoutWidth, 10);\n const height = parseInt(reportLayoutHeight, 10);\n\n useEffect(() => {\n if (viewPortRef.current) {\n viewPortRef.current.scrollTop = lastScrollPosition;\n }\n }, []); // set last scroll position after changing mode\n\n useEffect(() => {\n transformRefs.current = transformRefs.current.slice(0, pages.length);\n }, [pages.length]);\n\n const pageContainerStyles = useMemo(() => ({\n height,\n width,\n }), [width, height]);\n\n const transitionStyle = usePageTransition(reportPageTransition, presentationPage);\n\n const handleZoom = useCallback(zoomPanPinch => {\n const fixedValue = parseFloat(zoomPanPinch.state.scale.toFixed(2));\n const roundValue = parseFloat((Math.round((fixedValue * 100)) / 100).toFixed(1));\n if (roundValue <= 2 && roundValue >= 0.5) {\n setZoom(roundValue);\n }\n }, []);\n\n useEffect(() => {\n if (transformRefs.current.length > 0) {\n for (let i = 0; i < pages.length; i++) {\n transformRefs.current[i].centerView(zoom);\n }\n }\n }, [pages.length, zoom, isFullscreen, mode]);\n\n return (\n <main\n className={classNames.mainWrapper}\n >\n <div\n ref={viewPortRef}\n className={classNames.viewport}\n {...gesture()}\n >\n <div\n className={`${classNames.canvas} ${reportPageTransition}`}\n style={transitionStyle}\n >\n {pages.map((page, index) => {\n const { backgroundColor } = page;\n const style = {\n ...pageContainerStyles,\n backgroundColor: backgroundColor ? backgroundColor : reportBackgroundColor || '#fff',\n };\n return (\n <div\n key={`page_${index.toString()}`}\n className={cNames({\n [classNames.page]: true,\n [slugify(reportLayout)]: true,\n activePage: index === presentationPage,\n })}\n id={`presentation-page-${page.id.toString()}`}\n >\n <StaticPageWithZoomPanPinch\n acceptedItems={acceptedItems}\n additionalPageItems={additionalPageItems}\n handleZoom={handleZoom}\n hashCode={hashCode}\n itemAccessor={itemAccessor}\n items={page.items}\n mode={mode}\n refSetter={element => { transformRefs.current[index] = element; }}\n style={style}\n />\n </div>\n );\n })}\n </div>\n </div>\n <ZoomControls\n pages={pages}\n showZoom={(!isFullscreen || (isFullscreen && showControlsInFullScreen)) && !hideZoom}\n />\n </main>\n );\n};\n\nStaticScene.propTypes = {\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n gesture: PropTypes.func,\n hashCode: PropTypes.string,\n hideZoom: PropTypes.bool,\n itemAccessor: PropTypes.func,\n lastScrollPosition: PropTypes.number,\n mode: PropTypes.string.isRequired,\n pages: PropTypes.arrayOf(PropTypes.shape({})),\n presentationPage: PropTypes.number,\n};\n\nexport default StaticScene;\n"],"names":["StaticScene","additionalPageItems","gesture","hashCode","hideZoom","itemAccessor","lastScrollPosition","mode","pages","presentationPage","usePresentationContext","isFullscreen","showControlsInFullScreen","usePropContext","acceptedItems","settings","useBuilderContext","setZoom","zoom","viewPortRef","useRef","transformRefs","reportBackgroundColor","reportLayout","reportLayoutHeight","reportLayoutWidth","reportPageTransition","width","parseInt","height","useEffect","current","scrollTop","slice","length","pageContainerStyles","useMemo","transitionStyle","usePageTransition","handleZoom","useCallback","zoomPanPinch","fixedValue","parseFloat","state","scale","toFixed","roundValue","Math","round","i","centerView","_jsxs","classNames","_jsx","map","page","index","backgroundColor","style","cNames","slugify","id","toString","StaticPageWithZoomPanPinch","items","element","propTypes","PropTypes","arrayOf","node","func","string","bool","number","isRequired","shape"],"mappings":"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"}
|
|
@@ -65,13 +65,6 @@ Print.propTypes = {
|
|
|
65
65
|
/** General report settings such as layout size and background color */
|
|
66
66
|
settings: PropTypes__default['default'].shape({})
|
|
67
67
|
};
|
|
68
|
-
Print.defaultProps = {
|
|
69
|
-
acceptedItems: {},
|
|
70
|
-
additionalPageItems: [],
|
|
71
|
-
itemAccessor: function itemAccessor() {},
|
|
72
|
-
pages: [],
|
|
73
|
-
settings: {}
|
|
74
|
-
};
|
|
75
68
|
|
|
76
69
|
module.exports = Print;
|
|
77
70
|
//# sourceMappingURL=Print.js.map
|