@jotforminc/dnd-builder 2.9.18 → 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 +12 -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
|
@@ -356,7 +356,8 @@ var defaultItem = {
|
|
|
356
356
|
};
|
|
357
357
|
var ShapeElement = function ShapeElement(_ref2) {
|
|
358
358
|
var _ref2$item = _ref2.item;
|
|
359
|
-
|
|
359
|
+
_ref2$item = _ref2$item === void 0 ? defaultItem : _ref2$item;
|
|
360
|
+
_ref2$item.height;
|
|
360
361
|
var lineDirection = _ref2$item.lineDirection,
|
|
361
362
|
lineSize = _ref2$item.lineSize,
|
|
362
363
|
lineType = _ref2$item.lineType,
|
|
@@ -421,9 +422,6 @@ ShapeElement.propTypes = {
|
|
|
421
422
|
width: PropTypes.number
|
|
422
423
|
})
|
|
423
424
|
};
|
|
424
|
-
ShapeElement.defaultProps = {
|
|
425
|
-
item: _objectSpread({}, defaultItem)
|
|
426
|
-
};
|
|
427
425
|
var details = {
|
|
428
426
|
height: 200,
|
|
429
427
|
itemType: ITEM_TYPE,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shapes.js","sources":["../../../../src/components/Elements/Shapes.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { divider } from '../../utils/staticSettings';\n\nconst ITEM_TYPE = 'shapes';\n\nconst defaultSizes = {\n height: {\n cast: 'integer',\n value: '{width}',\n },\n shapeBorderShow: {\n cast: 'string',\n value: 'on',\n },\n shapeFillShow: {\n cast: 'string',\n value: 'on',\n },\n width: {\n cast: 'integer',\n value: '{width}',\n },\n};\n\nconst settings = [\n {\n ifValueEquals: {\n ellipse: defaultSizes,\n line: {\n height: {\n cast: 'integer',\n value: 30,\n },\n shapeBorderShow: {\n cast: 'string',\n value: 'off',\n },\n shapeFillShow: {\n cast: 'string',\n value: 'off',\n },\n width: {\n cast: 'integer',\n value: '{width}',\n },\n },\n rectangle: defaultSizes,\n star: defaultSizes,\n triangle: defaultSizes,\n },\n key: 'shapeType',\n label: 'Shape Type',\n options: [\n {\n icon: icons.rectangleIcon,\n name: 'rectangle',\n title: 'Rectangle',\n },\n {\n icon: icons.ellipseIcon,\n name: 'ellipse',\n title: 'Ellipse',\n },\n {\n icon: icons.lineIcon,\n name: 'line',\n title: 'Line',\n },\n {\n icon: icons.triangleIcon,\n name: 'triangle',\n title: 'Triangle',\n },\n {\n icon: icons.starIcon,\n name: 'star',\n title: 'Star',\n },\n ],\n section: 'GENERAL',\n type: 'selectBox',\n },\n {\n ...divider('GENERAL'),\n },\n {\n key: 'lineType',\n label: 'Style',\n options: [\n { label: 'Solid', value: 'solid' },\n { label: 'Dashed', value: 'dashed' },\n { label: 'Dotted', value: 'dotted' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'dropdown',\n },\n {\n key: 'lineSize',\n label: 'Size',\n options: [\n { label: 'Thin', value: 'thin' },\n { label: 'Medium', value: 'medium' },\n { label: 'Thick', value: 'thick' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'dropdown',\n },\n {\n ifValueEquals: {\n horizontal: {\n height: {\n cast: 'integer',\n value: '{width}',\n },\n width: {\n cast: 'integer',\n value: '{height}',\n },\n },\n vertical: {\n height: {\n cast: 'integer',\n value: '{width}',\n },\n width: {\n cast: 'integer',\n value: '{height}',\n },\n },\n },\n key: 'lineDirection',\n label: 'Direction',\n options: [\n { label: 'Horizontal', value: 'horizontal' },\n { label: 'Vertical', value: 'vertical' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'dropdown',\n\n },\n {\n hideWhen: {\n shapeType: 'line',\n },\n ifValueEquals: {\n off: {\n shapeBorderShow: {\n cast: 'string',\n value: 'on',\n },\n },\n },\n key: 'shapeFillShow',\n label: 'Fill',\n section: 'GENERAL',\n type: 'toggle',\n wrapperClass: 'isOneLine',\n },\n {\n key: 'shapeFillColor',\n label: 'Color',\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'colorPicker',\n },\n {\n key: 'shapeFillColor',\n label: 'Fill Color',\n section: 'GENERAL',\n showWhen: {\n shapeFillShow: 'on',\n },\n type: 'colorPicker',\n },\n {\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'slider',\n },\n {\n key: 'opacity',\n label: 'Fill Opacity',\n range: [0, 100],\n section: 'GENERAL',\n showWhen: {\n shapeFillShow: 'on',\n },\n type: 'slider',\n },\n {\n ...divider('GENERAL'),\n },\n {\n hideWhen: {\n shapeType: 'line',\n },\n ifValueEquals: {\n off: {\n shapeFillShow: {\n cast: 'string',\n value: 'on',\n },\n },\n },\n key: 'shapeBorderShow',\n label: 'Border',\n section: 'GENERAL',\n type: 'toggle',\n wrapperClass: 'isOneLine',\n },\n {\n key: 'shapeBorderColor',\n label: 'Border Color',\n section: 'GENERAL',\n showWhen: {\n shapeBorderShow: 'on',\n },\n type: 'colorPicker',\n },\n {\n key: 'shapeBorderWidth',\n label: 'Border Size',\n options: [\n { label: 'Thin', value: '2px' },\n { label: 'Medium', value: '4px' },\n { label: 'Thick', value: '6px' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeBorderShow: 'on',\n },\n type: 'dropdown',\n },\n {\n ...divider('GENERAL'),\n },\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 shapeType: 'line',\n },\n key: 'sizeSettings',\n label: 'Size',\n section: 'GENERAL',\n type: 'sizeSettings',\n value: (_, { height, width }) => `${width}x${height}`,\n },\n];\n\nconst\n getSVG = (\n shapeType,\n shapeBorderColor,\n shapeBorderShow,\n shapeBorderWidth,\n shapeFillColor,\n shapeFillShow,\n opacity,\n roundedCorners,\n ) => {\n const commonShapeProps = {\n fill: shapeFillShow === 'on' || shapeFillShow === undefined ? shapeFillColor : 'none',\n fillOpacity: opacity,\n stroke: shapeBorderShow === 'on' || shapeBorderShow === undefined ? shapeBorderColor : 'none',\n strokeWidth: shapeBorderShow === 'on' ? shapeBorderWidth : '0',\n };\n // const commonShapeStyles = {\n // outline: `${shapeBorderWidth} ${shapeBorderStyle} ${shapeBorderColor}`,\n // outlineOffset: `-${shapeBorderWidth}`,\n // };\n switch (shapeType) {\n case 'rectangle':\n case 'square': {\n return (\n <rect\n height=\"100%\"\n rx={`${roundedCorners || 0}px`}\n ry={`${roundedCorners || 0}px`}\n width=\"100%\"\n x=\"0\"\n y=\"0\"\n {...commonShapeProps}\n />\n );\n }\n case 'ellipse':\n case 'circle': {\n return (\n <ellipse\n cx=\"50%\"\n cy=\"50%\"\n rx=\"50%\"\n ry=\"50%\"\n x=\"0\"\n y=\"0\"\n {...commonShapeProps}\n />\n );\n }\n case 'star': {\n return (\n <path\n d=\"M100.145,0.74 L131.042518,66.5812528 L200.145,77.1420881\n L150.151365,128.380209 L161.952766,200.74 L100.145,166.581253 L38.3372342,200.74\n L50.1386346,128.380209 L0.145,77.1420881 L69.2474825,66.5678678 L100.145,0.74 Z\"\n {...commonShapeProps}\n />\n );\n }\n case 'triangle': {\n return (\n <polygon\n points=\"100,0 0,200 200,200\"\n {...commonShapeProps}\n />\n );\n }\n default: {\n return (\n <rect\n height=\"100%\"\n width=\"100%\"\n x=\"0\"\n y=\"0\"\n {...commonShapeProps}\n />\n );\n }\n }\n };\n\nconst defaultItem = {\n height: 200,\n lineDirection: 'horizontal',\n lineSize: 'thin',\n lineType: 'solid',\n opacity: 1,\n roundedCorners: 0,\n shapeBorderColor: '#999999',\n shapeBorderShow: 'off',\n shapeBorderWidth: '2px',\n shapeFillColor: '#000000',\n shapeFillShow: 'on',\n shapeType: 'rectangle',\n width: 200,\n};\n\nexport const ShapeElement = ({\n item: {\n height,\n lineDirection,\n lineSize,\n lineType,\n opacity,\n roundedCorners,\n shapeBorderColor,\n shapeBorderShow,\n shapeBorderWidth,\n shapeFillColor,\n shapeFillShow,\n shapeType,\n width,\n },\n}) => {\n if (shapeType === 'line') {\n return (\n <div className=\"d-flex j-center a-center f-all\">\n <div\n className=\"reportItem-line\"\n style={lineDirection === 'horizontal'\n ? {\n borderBottomStyle: lineType,\n borderBottomWidth: lineSize,\n borderColor: shapeFillColor,\n height: '0',\n opacity,\n width: '100%',\n }\n : {\n borderColor: shapeFillColor,\n borderRightStyle: lineType,\n borderRightWidth: lineSize,\n height: '100%',\n opacity,\n width: '0',\n }}\n />\n </div>\n );\n }\n return (\n <svg\n className={shapeBorderShow === 'on'\n ? `fitFor-${shapeBorderWidth}${shapeType === 'star' ? ' forStar' : ''}` : 'f-all'}\n overflow=\"visible\"\n preserveAspectRatio={shapeType === 'triangle' ? 'none' : null}\n version=\"1.1\"\n viewBox={shapeType === 'star' || shapeType === 'triangle' ? '0 0 200 200' : null}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {getSVG(\n shapeType,\n shapeBorderColor,\n shapeBorderShow,\n shapeBorderWidth,\n shapeFillColor,\n shapeFillShow,\n opacity,\n roundedCorners,\n height,\n width,\n )}\n </svg>\n );\n};\n\nShapeElement.propTypes = {\n item: PropTypes.shape({\n height: PropTypes.number,\n lineDirection: PropTypes.string,\n lineSize: PropTypes.string,\n lineType: PropTypes.string,\n opacity: PropTypes.number,\n roundedCorners: PropTypes.number,\n shapeBorderColor: PropTypes.string,\n shapeBorderShow: PropTypes.string,\n shapeBorderWidth: PropTypes.string,\n shapeFillColor: PropTypes.string,\n shapeFillShow: PropTypes.string,\n shapeType: PropTypes.string,\n width: PropTypes.number,\n }),\n};\n\nShapeElement.defaultProps = {\n item: {\n ...defaultItem,\n },\n};\n\nconst details = {\n height: 200,\n itemType: ITEM_TYPE,\n width: 200,\n};\n\nexport default {\n Component: memo(ShapeElement),\n defaultItem,\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","defaultSizes","height","cast","value","shapeBorderShow","shapeFillShow","width","settings","ifValueEquals","ellipse","line","rectangle","star","triangle","key","label","options","icon","icons","name","title","section","type","divider","showWhen","shapeType","horizontal","vertical","hideWhen","off","wrapperClass","range","simple","_","getSVG","shapeBorderColor","shapeBorderWidth","shapeFillColor","opacity","roundedCorners","commonShapeProps","fill","undefined","fillOpacity","stroke","strokeWidth","_jsx","defaultItem","lineDirection","lineSize","lineType","ShapeElement","item","borderBottomStyle","borderBottomWidth","borderColor","borderRightStyle","borderRightWidth","propTypes","PropTypes","shape","number","string","defaultProps","details","itemType","Component","memo"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Shapes.js","sources":["../../../../src/components/Elements/Shapes.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\nimport { divider } from '../../utils/staticSettings';\n\nconst ITEM_TYPE = 'shapes';\n\nconst defaultSizes = {\n height: {\n cast: 'integer',\n value: '{width}',\n },\n shapeBorderShow: {\n cast: 'string',\n value: 'on',\n },\n shapeFillShow: {\n cast: 'string',\n value: 'on',\n },\n width: {\n cast: 'integer',\n value: '{width}',\n },\n};\n\nconst settings = [\n {\n ifValueEquals: {\n ellipse: defaultSizes,\n line: {\n height: {\n cast: 'integer',\n value: 30,\n },\n shapeBorderShow: {\n cast: 'string',\n value: 'off',\n },\n shapeFillShow: {\n cast: 'string',\n value: 'off',\n },\n width: {\n cast: 'integer',\n value: '{width}',\n },\n },\n rectangle: defaultSizes,\n star: defaultSizes,\n triangle: defaultSizes,\n },\n key: 'shapeType',\n label: 'Shape Type',\n options: [\n {\n icon: icons.rectangleIcon,\n name: 'rectangle',\n title: 'Rectangle',\n },\n {\n icon: icons.ellipseIcon,\n name: 'ellipse',\n title: 'Ellipse',\n },\n {\n icon: icons.lineIcon,\n name: 'line',\n title: 'Line',\n },\n {\n icon: icons.triangleIcon,\n name: 'triangle',\n title: 'Triangle',\n },\n {\n icon: icons.starIcon,\n name: 'star',\n title: 'Star',\n },\n ],\n section: 'GENERAL',\n type: 'selectBox',\n },\n {\n ...divider('GENERAL'),\n },\n {\n key: 'lineType',\n label: 'Style',\n options: [\n { label: 'Solid', value: 'solid' },\n { label: 'Dashed', value: 'dashed' },\n { label: 'Dotted', value: 'dotted' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'dropdown',\n },\n {\n key: 'lineSize',\n label: 'Size',\n options: [\n { label: 'Thin', value: 'thin' },\n { label: 'Medium', value: 'medium' },\n { label: 'Thick', value: 'thick' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'dropdown',\n },\n {\n ifValueEquals: {\n horizontal: {\n height: {\n cast: 'integer',\n value: '{width}',\n },\n width: {\n cast: 'integer',\n value: '{height}',\n },\n },\n vertical: {\n height: {\n cast: 'integer',\n value: '{width}',\n },\n width: {\n cast: 'integer',\n value: '{height}',\n },\n },\n },\n key: 'lineDirection',\n label: 'Direction',\n options: [\n { label: 'Horizontal', value: 'horizontal' },\n { label: 'Vertical', value: 'vertical' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'dropdown',\n\n },\n {\n hideWhen: {\n shapeType: 'line',\n },\n ifValueEquals: {\n off: {\n shapeBorderShow: {\n cast: 'string',\n value: 'on',\n },\n },\n },\n key: 'shapeFillShow',\n label: 'Fill',\n section: 'GENERAL',\n type: 'toggle',\n wrapperClass: 'isOneLine',\n },\n {\n key: 'shapeFillColor',\n label: 'Color',\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'colorPicker',\n },\n {\n key: 'shapeFillColor',\n label: 'Fill Color',\n section: 'GENERAL',\n showWhen: {\n shapeFillShow: 'on',\n },\n type: 'colorPicker',\n },\n {\n key: 'opacity',\n label: 'Opacity',\n range: [0, 100],\n section: 'GENERAL',\n showWhen: {\n shapeType: 'line',\n },\n type: 'slider',\n },\n {\n key: 'opacity',\n label: 'Fill Opacity',\n range: [0, 100],\n section: 'GENERAL',\n showWhen: {\n shapeFillShow: 'on',\n },\n type: 'slider',\n },\n {\n ...divider('GENERAL'),\n },\n {\n hideWhen: {\n shapeType: 'line',\n },\n ifValueEquals: {\n off: {\n shapeFillShow: {\n cast: 'string',\n value: 'on',\n },\n },\n },\n key: 'shapeBorderShow',\n label: 'Border',\n section: 'GENERAL',\n type: 'toggle',\n wrapperClass: 'isOneLine',\n },\n {\n key: 'shapeBorderColor',\n label: 'Border Color',\n section: 'GENERAL',\n showWhen: {\n shapeBorderShow: 'on',\n },\n type: 'colorPicker',\n },\n {\n key: 'shapeBorderWidth',\n label: 'Border Size',\n options: [\n { label: 'Thin', value: '2px' },\n { label: 'Medium', value: '4px' },\n { label: 'Thick', value: '6px' },\n ],\n section: 'GENERAL',\n showWhen: {\n shapeBorderShow: 'on',\n },\n type: 'dropdown',\n },\n {\n ...divider('GENERAL'),\n },\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 shapeType: 'line',\n },\n key: 'sizeSettings',\n label: 'Size',\n section: 'GENERAL',\n type: 'sizeSettings',\n value: (_, { height, width }) => `${width}x${height}`,\n },\n];\n\nconst\n getSVG = (\n shapeType,\n shapeBorderColor,\n shapeBorderShow,\n shapeBorderWidth,\n shapeFillColor,\n shapeFillShow,\n opacity,\n roundedCorners,\n ) => {\n const commonShapeProps = {\n fill: shapeFillShow === 'on' || shapeFillShow === undefined ? shapeFillColor : 'none',\n fillOpacity: opacity,\n stroke: shapeBorderShow === 'on' || shapeBorderShow === undefined ? shapeBorderColor : 'none',\n strokeWidth: shapeBorderShow === 'on' ? shapeBorderWidth : '0',\n };\n // const commonShapeStyles = {\n // outline: `${shapeBorderWidth} ${shapeBorderStyle} ${shapeBorderColor}`,\n // outlineOffset: `-${shapeBorderWidth}`,\n // };\n switch (shapeType) {\n case 'rectangle':\n case 'square': {\n return (\n <rect\n height=\"100%\"\n rx={`${roundedCorners || 0}px`}\n ry={`${roundedCorners || 0}px`}\n width=\"100%\"\n x=\"0\"\n y=\"0\"\n {...commonShapeProps}\n />\n );\n }\n case 'ellipse':\n case 'circle': {\n return (\n <ellipse\n cx=\"50%\"\n cy=\"50%\"\n rx=\"50%\"\n ry=\"50%\"\n x=\"0\"\n y=\"0\"\n {...commonShapeProps}\n />\n );\n }\n case 'star': {\n return (\n <path\n d=\"M100.145,0.74 L131.042518,66.5812528 L200.145,77.1420881\n L150.151365,128.380209 L161.952766,200.74 L100.145,166.581253 L38.3372342,200.74\n L50.1386346,128.380209 L0.145,77.1420881 L69.2474825,66.5678678 L100.145,0.74 Z\"\n {...commonShapeProps}\n />\n );\n }\n case 'triangle': {\n return (\n <polygon\n points=\"100,0 0,200 200,200\"\n {...commonShapeProps}\n />\n );\n }\n default: {\n return (\n <rect\n height=\"100%\"\n width=\"100%\"\n x=\"0\"\n y=\"0\"\n {...commonShapeProps}\n />\n );\n }\n }\n };\n\nconst defaultItem = {\n height: 200,\n lineDirection: 'horizontal',\n lineSize: 'thin',\n lineType: 'solid',\n opacity: 1,\n roundedCorners: 0,\n shapeBorderColor: '#999999',\n shapeBorderShow: 'off',\n shapeBorderWidth: '2px',\n shapeFillColor: '#000000',\n shapeFillShow: 'on',\n shapeType: 'rectangle',\n width: 200,\n};\n\nexport const ShapeElement = ({\n item: {\n height,\n lineDirection,\n lineSize,\n lineType,\n opacity,\n roundedCorners,\n shapeBorderColor,\n shapeBorderShow,\n shapeBorderWidth,\n shapeFillColor,\n shapeFillShow,\n shapeType,\n width,\n } = defaultItem,\n}) => {\n if (shapeType === 'line') {\n return (\n <div className=\"d-flex j-center a-center f-all\">\n <div\n className=\"reportItem-line\"\n style={lineDirection === 'horizontal'\n ? {\n borderBottomStyle: lineType,\n borderBottomWidth: lineSize,\n borderColor: shapeFillColor,\n height: '0',\n opacity,\n width: '100%',\n }\n : {\n borderColor: shapeFillColor,\n borderRightStyle: lineType,\n borderRightWidth: lineSize,\n height: '100%',\n opacity,\n width: '0',\n }}\n />\n </div>\n );\n }\n return (\n <svg\n className={shapeBorderShow === 'on'\n ? `fitFor-${shapeBorderWidth}${shapeType === 'star' ? ' forStar' : ''}` : 'f-all'}\n overflow=\"visible\"\n preserveAspectRatio={shapeType === 'triangle' ? 'none' : null}\n version=\"1.1\"\n viewBox={shapeType === 'star' || shapeType === 'triangle' ? '0 0 200 200' : null}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {getSVG(\n shapeType,\n shapeBorderColor,\n shapeBorderShow,\n shapeBorderWidth,\n shapeFillColor,\n shapeFillShow,\n opacity,\n roundedCorners,\n height,\n width,\n )}\n </svg>\n );\n};\n\nShapeElement.propTypes = {\n item: PropTypes.shape({\n height: PropTypes.number,\n lineDirection: PropTypes.string,\n lineSize: PropTypes.string,\n lineType: PropTypes.string,\n opacity: PropTypes.number,\n roundedCorners: PropTypes.number,\n shapeBorderColor: PropTypes.string,\n shapeBorderShow: PropTypes.string,\n shapeBorderWidth: PropTypes.string,\n shapeFillColor: PropTypes.string,\n shapeFillShow: PropTypes.string,\n shapeType: PropTypes.string,\n width: PropTypes.number,\n }),\n};\n\nconst details = {\n height: 200,\n itemType: ITEM_TYPE,\n width: 200,\n};\n\nexport default {\n Component: memo(ShapeElement),\n defaultItem,\n details,\n itemType: ITEM_TYPE,\n settings,\n};\n"],"names":["ITEM_TYPE","defaultSizes","height","cast","value","shapeBorderShow","shapeFillShow","width","settings","ifValueEquals","ellipse","line","rectangle","star","triangle","key","label","options","icon","icons","name","title","section","type","divider","showWhen","shapeType","horizontal","vertical","hideWhen","off","wrapperClass","range","simple","_","getSVG","shapeBorderColor","shapeBorderWidth","shapeFillColor","opacity","roundedCorners","commonShapeProps","fill","undefined","fillOpacity","stroke","strokeWidth","_jsx","defaultItem","lineDirection","lineSize","lineType","ShapeElement","item","borderBottomStyle","borderBottomWidth","borderColor","borderRightStyle","borderRightWidth","propTypes","PropTypes","shape","number","string","details","itemType","Component","memo"],"mappings":"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"}
|
|
@@ -3,9 +3,12 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
|
|
5
5
|
var ItemPositioner = function ItemPositioner(_ref) {
|
|
6
|
-
var children = _ref.children,
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
var _ref$children = _ref.children,
|
|
7
|
+
children = _ref$children === void 0 ? null : _ref$children,
|
|
8
|
+
_ref$classNames = _ref.classNames,
|
|
9
|
+
classNames = _ref$classNames === void 0 ? '' : _ref$classNames,
|
|
10
|
+
_ref$style = _ref.style,
|
|
11
|
+
style = _ref$style === void 0 ? {} : _ref$style;
|
|
9
12
|
return /*#__PURE__*/jsx("div", {
|
|
10
13
|
className: classNames,
|
|
11
14
|
style: style,
|
|
@@ -18,11 +21,6 @@ ItemPositioner.propTypes = {
|
|
|
18
21
|
classNames: PropTypes.string,
|
|
19
22
|
style: PropTypes.shape({})
|
|
20
23
|
};
|
|
21
|
-
ItemPositioner.defaultProps = {
|
|
22
|
-
children: null,
|
|
23
|
-
classNames: '',
|
|
24
|
-
style: {}
|
|
25
|
-
};
|
|
26
24
|
var ItemPositioner$1 = /*#__PURE__*/memo(ItemPositioner);
|
|
27
25
|
|
|
28
26
|
export default ItemPositioner$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemPositioner.js","sources":["../../../src/components/ItemPositioner.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ItemPositioner = ({\n children,\n classNames,\n style,\n}) => {\n return (\n <div\n className={classNames}\n style={style}\n >\n {children}\n </div>\n );\n};\n\nItemPositioner.propTypes = {\n children: PropTypes.any,\n classNames: PropTypes.string,\n style: PropTypes.shape({}),\n};\n\
|
|
1
|
+
{"version":3,"file":"ItemPositioner.js","sources":["../../../src/components/ItemPositioner.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ItemPositioner = ({\n children = null,\n classNames = '',\n style = {},\n}) => {\n return (\n <div\n className={classNames}\n style={style}\n >\n {children}\n </div>\n );\n};\n\nItemPositioner.propTypes = {\n children: PropTypes.any,\n classNames: PropTypes.string,\n style: PropTypes.shape({}),\n};\n\nexport default memo(ItemPositioner);\n"],"names":["ItemPositioner","children","classNames","style","_jsx","propTypes","PropTypes","any","string","shape","memo"],"mappings":";;;;AAGA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAIjB;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,IAGP;AAAA,6BAFJC,UAEI;AAAA,MAFJA,UAEI,gCAFS,EAET;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,sBACEC;AACE,IAAA,SAAS,EAAEF,UADb;AAEE,IAAA,KAAK,EAAEC,KAFT;AAAA,cAIGF;AAJH,IADF;AAQD,CAbD;;AAeAD,cAAc,CAACK,SAAf,GAA2B;AACzBJ,EAAAA,QAAQ,EAAEK,SAAS,CAACC,GADK;AAEzBL,EAAAA,UAAU,EAAEI,SAAS,CAACE,MAFG;AAGzBL,EAAAA,KAAK,EAAEG,SAAS,CAACG,KAAV,CAAgB,EAAhB;AAHkB,CAA3B;AAMA,oCAAeC,IAAI,CAACV,cAAD,CAAnB;;;;"}
|
|
@@ -34,14 +34,22 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
34
34
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
35
35
|
|
|
36
36
|
var AllSlidesPanel = function AllSlidesPanel(_ref) {
|
|
37
|
-
var
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
37
|
+
var _ref$additionalPageIt = _ref.additionalPageItems,
|
|
38
|
+
additionalPageItems = _ref$additionalPageIt === void 0 ? [] : _ref$additionalPageIt,
|
|
39
|
+
_ref$hashCode = _ref.hashCode,
|
|
40
|
+
hashCode = _ref$hashCode === void 0 ? '' : _ref$hashCode,
|
|
41
|
+
_ref$itemAccessor = _ref.itemAccessor,
|
|
42
|
+
itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
|
|
43
|
+
_ref$onPageAdd = _ref.onPageAdd,
|
|
44
|
+
onPageAdd = _ref$onPageAdd === void 0 ? function () {} : _ref$onPageAdd,
|
|
45
|
+
_ref$onPageDuplicate = _ref.onPageDuplicate,
|
|
46
|
+
onPageDuplicate = _ref$onPageDuplicate === void 0 ? function () {} : _ref$onPageDuplicate,
|
|
47
|
+
_ref$onPageOrdersChan = _ref.onPageOrdersChange,
|
|
48
|
+
onPageOrdersChange = _ref$onPageOrdersChan === void 0 ? function () {} : _ref$onPageOrdersChan,
|
|
49
|
+
_ref$onPageRemove = _ref.onPageRemove,
|
|
50
|
+
onPageRemove = _ref$onPageRemove === void 0 ? function () {} : _ref$onPageRemove,
|
|
51
|
+
_ref$pages = _ref.pages,
|
|
52
|
+
pages = _ref$pages === void 0 ? [] : _ref$pages;
|
|
45
53
|
|
|
46
54
|
var _useBuilderContext = useBuilderContext(),
|
|
47
55
|
isAllSlidesPanelOpen = _useBuilderContext.isAllSlidesPanelOpen,
|
|
@@ -128,9 +136,7 @@ var AllSlidesPanel = function AllSlidesPanel(_ref) {
|
|
|
128
136
|
acceptedItems: acceptedItems,
|
|
129
137
|
additionalPageItems: additionalPageItems,
|
|
130
138
|
axis: "xy",
|
|
131
|
-
distance: 50,
|
|
132
139
|
hashCode: hashCode,
|
|
133
|
-
helperClass: "pageThumbnailHelper forAllSlides",
|
|
134
140
|
itemAccessor: itemAccessor,
|
|
135
141
|
layoutSettings: layoutSettings,
|
|
136
142
|
onAnEventTrigger: onAnEventTrigger,
|
|
@@ -162,16 +168,6 @@ AllSlidesPanel.propTypes = {
|
|
|
162
168
|
onPageRemove: PropTypes.func,
|
|
163
169
|
pages: PropTypes.arrayOf(PropTypes.shape({}))
|
|
164
170
|
};
|
|
165
|
-
AllSlidesPanel.defaultProps = {
|
|
166
|
-
additionalPageItems: [],
|
|
167
|
-
hashCode: '',
|
|
168
|
-
itemAccessor: function itemAccessor() {},
|
|
169
|
-
onPageAdd: function onPageAdd() {},
|
|
170
|
-
onPageDuplicate: function onPageDuplicate() {},
|
|
171
|
-
onPageOrdersChange: function onPageOrdersChange() {},
|
|
172
|
-
onPageRemove: function onPageRemove() {},
|
|
173
|
-
pages: []
|
|
174
|
-
};
|
|
175
171
|
var AllSlidesPanel$1 = /*#__PURE__*/memo(AllSlidesPanel);
|
|
176
172
|
|
|
177
173
|
export default AllSlidesPanel$1;
|
|
@@ -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
|
|
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 hashCode={hashCode}\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\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","memo"],"mappings":"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"}
|
|
@@ -3,7 +3,8 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import SvgArrowLeft from '../../../assets/svg/arrow_left.svg.js';
|
|
4
4
|
|
|
5
5
|
var AllSlidesPanelToggler = function AllSlidesPanelToggler(_ref) {
|
|
6
|
-
var onClosePanel = _ref.onClosePanel
|
|
6
|
+
var _ref$onClosePanel = _ref.onClosePanel,
|
|
7
|
+
onClosePanel = _ref$onClosePanel === void 0 ? function () {} : _ref$onClosePanel;
|
|
7
8
|
return /*#__PURE__*/jsx("button", {
|
|
8
9
|
className: "paneClose p-absolute",
|
|
9
10
|
onClick: onClosePanel,
|
|
@@ -17,9 +18,6 @@ var AllSlidesPanelToggler = function AllSlidesPanelToggler(_ref) {
|
|
|
17
18
|
AllSlidesPanelToggler.propTypes = {
|
|
18
19
|
onClosePanel: PropTypes.func
|
|
19
20
|
};
|
|
20
|
-
AllSlidesPanelToggler.defaultProps = {
|
|
21
|
-
onClosePanel: function onClosePanel() {}
|
|
22
|
-
};
|
|
23
21
|
|
|
24
22
|
export default AllSlidesPanelToggler;
|
|
25
23
|
//# sourceMappingURL=AllSlidesPanelToggler.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AllSlidesPanelToggler.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst AllSlidesPanelToggler = ({ onClosePanel }) => (\n <button\n className=\"paneClose p-absolute\"\n onClick={onClosePanel}\n type=\"button\"\n >\n <icons.arrowLeft className=\"jfReportSVG\" />\n </button>\n);\n\nAllSlidesPanelToggler.propTypes = {\n onClosePanel: PropTypes.func,\n};\n\
|
|
1
|
+
{"version":3,"file":"AllSlidesPanelToggler.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/AllSlidesPanelToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst AllSlidesPanelToggler = ({ onClosePanel = () => {} }) => (\n <button\n className=\"paneClose p-absolute\"\n onClick={onClosePanel}\n type=\"button\"\n >\n <icons.arrowLeft className=\"jfReportSVG\" />\n </button>\n);\n\nAllSlidesPanelToggler.propTypes = {\n onClosePanel: PropTypes.func,\n};\n\nexport default AllSlidesPanelToggler;\n"],"names":["AllSlidesPanelToggler","onClosePanel","_jsx","icons.arrowLeft","propTypes","PropTypes","func"],"mappings":";;;;IAGMA,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,+BAAGC,YAAH;AAAA,MAAGA,YAAH,kCAAkB,YAAM,EAAxB;AAAA,sBAC5BC;AACE,IAAA,SAAS,EAAC,sBADZ;AAEE,IAAA,OAAO,EAAED,YAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,2BAKEC,IAACC,YAAD;AAAiB,MAAA,SAAS,EAAC;AAA3B;AALF,IAD4B;AAAA;;AAU9BH,qBAAqB,CAACI,SAAtB,GAAkC;AAChCH,EAAAA,YAAY,EAAEI,SAAS,CAACC;AADQ,CAAlC;;;;"}
|
|
@@ -6,10 +6,14 @@ import SvgDuplicate from '../../../assets/svg/duplicate.svg.js';
|
|
|
6
6
|
import SvgTrash from '../../../assets/svg/trash.svg.js';
|
|
7
7
|
|
|
8
8
|
var PageActionsBar = function PageActionsBar(_ref) {
|
|
9
|
-
var onPageDeselect = _ref.onPageDeselect,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
var _ref$onPageDeselect = _ref.onPageDeselect,
|
|
10
|
+
onPageDeselect = _ref$onPageDeselect === void 0 ? function () {} : _ref$onPageDeselect,
|
|
11
|
+
_ref$onPageSelectAll = _ref.onPageSelectAll,
|
|
12
|
+
onPageSelectAll = _ref$onPageSelectAll === void 0 ? function () {} : _ref$onPageSelectAll,
|
|
13
|
+
_ref$pageCount = _ref.pageCount,
|
|
14
|
+
pageCount = _ref$pageCount === void 0 ? 0 : _ref$pageCount,
|
|
15
|
+
_ref$selectedPagesCou = _ref.selectedPagesCount,
|
|
16
|
+
selectedPagesCount = _ref$selectedPagesCou === void 0 ? 0 : _ref$selectedPagesCou;
|
|
13
17
|
// const onPageDuplicateClick = () => {
|
|
14
18
|
// onPageDuplicate(page);
|
|
15
19
|
// onAnEventTrigger('duplicatePage', order + 1);
|
|
@@ -91,17 +95,6 @@ PageActionsBar.propTypes = {
|
|
|
91
95
|
pageCount: PropTypes.number,
|
|
92
96
|
selectedPagesCount: PropTypes.number
|
|
93
97
|
};
|
|
94
|
-
PageActionsBar.defaultProps = {
|
|
95
|
-
// onAnEventTrigger: () => {},
|
|
96
|
-
// onPageDuplicate: () => {},
|
|
97
|
-
// onPageRemove: () => {},
|
|
98
|
-
// order: '',
|
|
99
|
-
onPageDeselect: function onPageDeselect() {},
|
|
100
|
-
onPageSelectAll: function onPageSelectAll() {},
|
|
101
|
-
page: {},
|
|
102
|
-
pageCount: 0,
|
|
103
|
-
selectedPagesCount: 0
|
|
104
|
-
};
|
|
105
98
|
var PageActionsBar$1 = /*#__PURE__*/memo(PageActionsBar);
|
|
106
99
|
|
|
107
100
|
export default PageActionsBar$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageActionsBar.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageActionsBar.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageActionsBar = ({\n onPageDeselect,\n onPageSelectAll,\n pageCount,\n selectedPagesCount,\n}) => {\n // const onPageDuplicateClick = () => {\n // onPageDuplicate(page);\n // onAnEventTrigger('duplicatePage', order + 1);\n // };\n\n // const onPageRemoveClick = () => {\n // onPageRemove(page.id);\n // onAnEventTrigger('removePageFromSlides', page.id);\n // };\n\n return (\n <div\n className=\"pageActionsBar p-absolute d-flex j-between a-center\"\n >\n <div className=\"pageActionsBar-section\">\n <span>\n {`Total ${pageCount} Slides`}\n </span>\n <button\n key=\"Select All\"\n className=\"jfReportButton forPageActionsBar withRadius\"\n onClick={onPageSelectAll}\n title=\"Select All\"\n type=\"button\"\n >\n Select All\n </button>\n </div>\n {selectedPagesCount > 0 && (\n <>\n <div className=\"pageActionsBar-section\">\n <span className=\"pageSummary\">{`${selectedPagesCount} Slides`}</span>\n <span> selected</span>\n <button\n key=\"Deselect\"\n className=\"jfReportButton forPageActionsBar withRadius forDeselect\"\n onClick={onPageDeselect}\n title=\"Deselect\"\n type=\"button\"\n >\n <span>\n Deselect\n </span>\n <icons.close className=\"jfReportSVG icon-duplicateLine\" />\n </button>\n </div>\n <div className=\"pageActionsBar-section\">\n <button\n key=\"Duplicate Page\"\n className=\"jfReportButton forPageActionsBar forDuplicate\"\n // onClick={onPageDuplicateClick}\n title=\"Duplicate Page\"\n type=\"button\"\n >\n <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n <span>Duplicate</span>\n </button>\n <button\n key=\"Remove Slide\"\n className=\"jfReportButton isDanger\"\n // onClick={onPageRemoveClick}\n title=\"Remove Slide\"\n type=\"button\"\n >\n <icons.trash className=\"jfReportSVG icon-trashLine\" />\n <span>Delete</span>\n </button>\n </div>\n </>\n )}\n </div>\n );\n};\n\nPageActionsBar.propTypes = {\n // onAnEventTrigger: PropTypes.func,\n // onPageDuplicate: PropTypes.func,\n // onPageRemove: PropTypes.func,\n // order: PropTypes.string,\n onPageDeselect: PropTypes.func,\n onPageSelectAll: PropTypes.func,\n page: PropTypes.shape({ id: PropTypes.string }),\n pageCount: PropTypes.number,\n selectedPagesCount: PropTypes.number,\n};\n\
|
|
1
|
+
{"version":3,"file":"PageActionsBar.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageActionsBar.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../../utils/icons';\n\nconst PageActionsBar = ({\n onPageDeselect = () => {},\n onPageSelectAll = () => {},\n pageCount = 0,\n selectedPagesCount = 0,\n}) => {\n // const onPageDuplicateClick = () => {\n // onPageDuplicate(page);\n // onAnEventTrigger('duplicatePage', order + 1);\n // };\n\n // const onPageRemoveClick = () => {\n // onPageRemove(page.id);\n // onAnEventTrigger('removePageFromSlides', page.id);\n // };\n\n return (\n <div\n className=\"pageActionsBar p-absolute d-flex j-between a-center\"\n >\n <div className=\"pageActionsBar-section\">\n <span>\n {`Total ${pageCount} Slides`}\n </span>\n <button\n key=\"Select All\"\n className=\"jfReportButton forPageActionsBar withRadius\"\n onClick={onPageSelectAll}\n title=\"Select All\"\n type=\"button\"\n >\n Select All\n </button>\n </div>\n {selectedPagesCount > 0 && (\n <>\n <div className=\"pageActionsBar-section\">\n <span className=\"pageSummary\">{`${selectedPagesCount} Slides`}</span>\n <span> selected</span>\n <button\n key=\"Deselect\"\n className=\"jfReportButton forPageActionsBar withRadius forDeselect\"\n onClick={onPageDeselect}\n title=\"Deselect\"\n type=\"button\"\n >\n <span>\n Deselect\n </span>\n <icons.close className=\"jfReportSVG icon-duplicateLine\" />\n </button>\n </div>\n <div className=\"pageActionsBar-section\">\n <button\n key=\"Duplicate Page\"\n className=\"jfReportButton forPageActionsBar forDuplicate\"\n // onClick={onPageDuplicateClick}\n title=\"Duplicate Page\"\n type=\"button\"\n >\n <icons.duplicate className=\"jfReportSVG icon-duplicateLine\" />\n <span>Duplicate</span>\n </button>\n <button\n key=\"Remove Slide\"\n className=\"jfReportButton isDanger\"\n // onClick={onPageRemoveClick}\n title=\"Remove Slide\"\n type=\"button\"\n >\n <icons.trash className=\"jfReportSVG icon-trashLine\" />\n <span>Delete</span>\n </button>\n </div>\n </>\n )}\n </div>\n );\n};\n\nPageActionsBar.propTypes = {\n // onAnEventTrigger: PropTypes.func,\n // onPageDuplicate: PropTypes.func,\n // onPageRemove: PropTypes.func,\n // order: PropTypes.string,\n onPageDeselect: PropTypes.func,\n onPageSelectAll: PropTypes.func,\n page: PropTypes.shape({ id: PropTypes.string }),\n pageCount: PropTypes.number,\n selectedPagesCount: PropTypes.number,\n};\n\nexport default memo(PageActionsBar);\n"],"names":["PageActionsBar","onPageDeselect","onPageSelectAll","pageCount","selectedPagesCount","_jsxs","_jsx","icons.close","icons.duplicate","icons.trash","propTypes","PropTypes","func","page","shape","id","string","number","memo"],"mappings":";;;;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAKjB;AAAA,iCAJJC,cAII;AAAA,MAJJA,cAII,oCAJa,YAAM,EAInB;AAAA,kCAHJC,eAGI;AAAA,MAHJA,eAGI,qCAHc,YAAM,EAGpB;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,CAER;AAAA,mCADJC,kBACI;AAAA,MADJA,kBACI,sCADiB,CACjB;AACJ;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA,sBACEC;AACE,IAAA,SAAS,EAAC,qDADZ;AAAA,4BAGEA;AAAK,MAAA,SAAS,EAAC,wBAAf;AAAA,8BACEC;AAAA,kCACYH,SADZ;AAAA,QADF,eAIEG;AAEE,QAAA,SAAS,EAAC,6CAFZ;AAGE,QAAA,OAAO,EAAEJ,eAHX;AAIE,QAAA,KAAK,EAAC,YAJR;AAKE,QAAA,IAAI,EAAC,QALP;AAAA;AAAA,SACM,YADN,CAJF;AAAA,MAHF,EAiBGE,kBAAkB,GAAG,CAArB,iBACCC;AAAA,8BACEA;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEC;AAAM,UAAA,SAAS,EAAC,aAAhB;AAAA,8BAAkCF,kBAAlC;AAAA,UADF,eAEEE;AAAA;AAAA,UAFF,eAGED;AAEE,UAAA,SAAS,EAAC,yDAFZ;AAGE,UAAA,OAAO,EAAEJ,cAHX;AAIE,UAAA,KAAK,EAAC,UAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEK;AAAA;AAAA,YAPF,eAUEA,IAACC,QAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAVF;AAAA,WACM,UADN,CAHF;AAAA,QADF,eAiBEF;AAAK,QAAA,SAAS,EAAC,wBAAf;AAAA,gCACEA;AAEE,UAAA,SAAS,EAAC,+CAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,gBAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,IAACE,YAAD;AAAiB,YAAA,SAAS,EAAC;AAA3B,YAPF,eAQEF;AAAA;AAAA,YARF;AAAA,WACM,gBADN,CADF,eAWED;AAEE,UAAA,SAAS,EAAC,yBAFZ;AAAA;AAIE,UAAA,KAAK,EAAC,cAJR;AAKE,UAAA,IAAI,EAAC,QALP;AAAA,kCAOEC,IAACG,QAAD;AAAa,YAAA,SAAS,EAAC;AAAvB,YAPF,eAQEH;AAAA;AAAA,YARF;AAAA,WACM,cADN,CAXF;AAAA,QAjBF;AAAA,MAlBJ;AAAA,IADF;AA8DD,CA9ED;;AAgFAN,cAAc,CAACU,SAAf,GAA2B;AACzB;AACA;AACA;AACA;AACAT,EAAAA,cAAc,EAAEU,SAAS,CAACC,IALD;AAMzBV,EAAAA,eAAe,EAAES,SAAS,CAACC,IANF;AAOzBC,EAAAA,IAAI,EAAEF,SAAS,CAACG,KAAV,CAAgB;AAAEC,IAAAA,EAAE,EAAEJ,SAAS,CAACK;AAAhB,GAAhB,CAPmB;AAQzBb,EAAAA,SAAS,EAAEQ,SAAS,CAACM,MARI;AASzBb,EAAAA,kBAAkB,EAAEO,SAAS,CAACM;AATL,CAA3B;AAYA,oCAAeC,IAAI,CAAClB,cAAD,CAAnB;;;;"}
|
|
@@ -1,14 +1,25 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import 'core-js/modules/es.object.to-string.js';
|
|
2
|
+
import 'core-js/modules/es.regexp.to-string.js';
|
|
3
|
+
import { memo, useMemo } from 'react';
|
|
4
|
+
import { useSortable } from '@dnd-kit/sortable';
|
|
5
|
+
import { CSS } from '@dnd-kit/utilities';
|
|
3
6
|
import classNames from 'classnames';
|
|
7
|
+
import PropTypes from 'prop-types';
|
|
4
8
|
import StaticPage from '../../Preview/StaticPage.js';
|
|
5
9
|
import PageThumbnailActions from './PageThumbnailActions.js';
|
|
6
10
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
11
|
|
|
8
|
-
var
|
|
12
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
13
|
+
|
|
14
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
15
|
+
|
|
16
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
+
|
|
18
|
+
var PageItem = function PageItem(_ref) {
|
|
9
19
|
var acceptedItems = _ref.acceptedItems,
|
|
10
20
|
additionalPageItems = _ref.additionalPageItems,
|
|
11
21
|
hashCode = _ref.hashCode,
|
|
22
|
+
id = _ref.id,
|
|
12
23
|
isSelected = _ref.isSelected,
|
|
13
24
|
itemAccessor = _ref.itemAccessor,
|
|
14
25
|
onAnEventTrigger = _ref.onAnEventTrigger,
|
|
@@ -20,11 +31,32 @@ var PageItem = SortableElement(function (_ref) {
|
|
|
20
31
|
page = _ref.page,
|
|
21
32
|
style = _ref.style;
|
|
22
33
|
|
|
34
|
+
var _useSortable = useSortable({
|
|
35
|
+
id: id
|
|
36
|
+
}),
|
|
37
|
+
attributes = _useSortable.attributes,
|
|
38
|
+
isDragging = _useSortable.isDragging,
|
|
39
|
+
listeners = _useSortable.listeners,
|
|
40
|
+
setNodeRef = _useSortable.setNodeRef,
|
|
41
|
+
transform = _useSortable.transform,
|
|
42
|
+
transition = _useSortable.transition;
|
|
43
|
+
|
|
44
|
+
var dragStyle = useMemo(function () {
|
|
45
|
+
var opacity = isDragging ? 0.5 : 1;
|
|
46
|
+
var transitionValue = isDragging ? 'none' : transition;
|
|
47
|
+
return {
|
|
48
|
+
opacity: opacity,
|
|
49
|
+
transform: CSS.Transform.toString(transform),
|
|
50
|
+
transition: transitionValue
|
|
51
|
+
};
|
|
52
|
+
}, [transform, transition, isDragging, style]);
|
|
53
|
+
|
|
23
54
|
var onKeyDown = function onKeyDown(f) {
|
|
24
55
|
return f;
|
|
25
56
|
};
|
|
26
57
|
|
|
27
|
-
return /*#__PURE__*/jsxs("div", {
|
|
58
|
+
return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
|
|
59
|
+
ref: setNodeRef,
|
|
28
60
|
className: classNames('thumbnailWrapper d-flex dir-col a-center j-center p-relative', {
|
|
29
61
|
isSelected: isSelected
|
|
30
62
|
}),
|
|
@@ -32,6 +64,8 @@ var PageItem = SortableElement(function (_ref) {
|
|
|
32
64
|
"data-order": order,
|
|
33
65
|
onClick: onPageClick,
|
|
34
66
|
onKeyDown: onKeyDown,
|
|
67
|
+
style: dragStyle
|
|
68
|
+
}, attributes), listeners), {}, {
|
|
35
69
|
children: [/*#__PURE__*/jsx("div", {
|
|
36
70
|
className: "thumbnailOrder",
|
|
37
71
|
children: order
|
|
@@ -53,8 +87,32 @@ var PageItem = SortableElement(function (_ref) {
|
|
|
53
87
|
order: order,
|
|
54
88
|
page: page
|
|
55
89
|
})]
|
|
56
|
-
});
|
|
57
|
-
}
|
|
90
|
+
}));
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
PageItem.propTypes = {
|
|
94
|
+
acceptedItems: PropTypes.shape({}),
|
|
95
|
+
additionalPageItems: PropTypes.arrayOf(PropTypes.node),
|
|
96
|
+
hashCode: PropTypes.string,
|
|
97
|
+
id: PropTypes.string.isRequired,
|
|
98
|
+
isSelected: PropTypes.bool,
|
|
99
|
+
itemAccessor: PropTypes.func,
|
|
100
|
+
onAnEventTrigger: PropTypes.func,
|
|
101
|
+
onPageAdd: PropTypes.func,
|
|
102
|
+
onPageClick: PropTypes.func,
|
|
103
|
+
onPageDuplicate: PropTypes.func,
|
|
104
|
+
onPageRemove: PropTypes.func,
|
|
105
|
+
order: PropTypes.number,
|
|
106
|
+
page: PropTypes.shape({
|
|
107
|
+
id: PropTypes.string.isRequired,
|
|
108
|
+
items: PropTypes.arrayOf(PropTypes.shape({}))
|
|
109
|
+
}),
|
|
110
|
+
style: PropTypes.shape({
|
|
111
|
+
opacity: PropTypes.number,
|
|
112
|
+
transform: PropTypes.string,
|
|
113
|
+
transition: PropTypes.string
|
|
114
|
+
})
|
|
115
|
+
};
|
|
58
116
|
var PageItem$1 = /*#__PURE__*/memo(PageItem);
|
|
59
117
|
|
|
60
118
|
export default PageItem$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageItem.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageItem.js"],"sourcesContent":["import { memo } from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"PageItem.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageItem.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport StaticPage from '../../Preview/StaticPage';\nimport PageThumbnailActions from './PageThumbnailActions';\n\nconst PageItem = ({\n acceptedItems,\n additionalPageItems,\n hashCode,\n id,\n isSelected,\n itemAccessor,\n onAnEventTrigger,\n onPageAdd,\n onPageClick,\n onPageDuplicate,\n onPageRemove,\n order,\n page,\n style,\n}) => {\n const {\n attributes,\n isDragging,\n listeners,\n setNodeRef,\n transform,\n transition,\n } = useSortable({ id });\n\n const dragStyle = useMemo(() => {\n const opacity = isDragging ? 0.5 : 1;\n const transitionValue = isDragging ? 'none' : transition;\n return {\n opacity,\n transform: CSS.Transform.toString(transform),\n transition: transitionValue,\n };\n }, [transform, transition, isDragging, style]);\n\n const onKeyDown = f => f;\n return (\n <div\n ref={setNodeRef}\n className={(\n classNames('thumbnailWrapper d-flex dir-col a-center j-center p-relative', { isSelected })\n )}\n data-id={page.id}\n data-order={order}\n onClick={onPageClick}\n onKeyDown={onKeyDown}\n style={dragStyle}\n {...attributes}\n {...listeners}\n >\n <div className=\"thumbnailOrder\">{order}</div>\n <div className=\"thumbnailFrame o-hidden\">\n <StaticPage\n acceptedItems={acceptedItems}\n additionalPageItems={additionalPageItems}\n hashCode={hashCode}\n itemAccessor={itemAccessor}\n items={page.items}\n style={style}\n />\n </div>\n <PageThumbnailActions\n onAnEventTrigger={onAnEventTrigger}\n onPageAdd={onPageAdd}\n onPageDuplicate={onPageDuplicate}\n onPageRemove={onPageRemove}\n order={order}\n page={page}\n />\n </div>\n );\n};\n\nPageItem.propTypes = {\n acceptedItems: PropTypes.shape({}),\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n hashCode: PropTypes.string,\n id: PropTypes.string.isRequired,\n isSelected: PropTypes.bool,\n itemAccessor: PropTypes.func,\n onAnEventTrigger: PropTypes.func,\n onPageAdd: PropTypes.func,\n onPageClick: PropTypes.func,\n onPageDuplicate: PropTypes.func,\n onPageRemove: PropTypes.func,\n order: PropTypes.number,\n page: PropTypes.shape({\n id: PropTypes.string.isRequired,\n items: PropTypes.arrayOf(PropTypes.shape({})),\n }),\n style: PropTypes.shape({\n opacity: PropTypes.number,\n transform: PropTypes.string,\n transition: PropTypes.string,\n }),\n};\n\nexport default memo(PageItem);\n"],"names":["PageItem","acceptedItems","additionalPageItems","hashCode","id","isSelected","itemAccessor","onAnEventTrigger","onPageAdd","onPageClick","onPageDuplicate","onPageRemove","order","page","style","useSortable","attributes","isDragging","listeners","setNodeRef","transform","transition","dragStyle","useMemo","opacity","transitionValue","CSS","Transform","toString","onKeyDown","f","_jsxs","classNames","_jsx","items","propTypes","PropTypes","shape","arrayOf","node","string","isRequired","bool","func","number","memo"],"mappings":"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"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { DragOverlay } from '@dnd-kit/core';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import StaticPage from '../../Preview/StaticPage.js';
|
|
4
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
var PageItemDragOverlay = function PageItemDragOverlay(_ref) {
|
|
7
|
+
var acceptedItems = _ref.acceptedItems,
|
|
8
|
+
activePageData = _ref.activePageData,
|
|
9
|
+
additionalPageItems = _ref.additionalPageItems,
|
|
10
|
+
hashCode = _ref.hashCode,
|
|
11
|
+
itemAccessor = _ref.itemAccessor;
|
|
12
|
+
return /*#__PURE__*/jsx(DragOverlay, {
|
|
13
|
+
adjustScale: false,
|
|
14
|
+
dropAnimation: null,
|
|
15
|
+
style: {
|
|
16
|
+
cursor: 'grabbing'
|
|
17
|
+
},
|
|
18
|
+
children: activePageData ? /*#__PURE__*/jsxs("div", {
|
|
19
|
+
// eslint-disable-next-line max-len
|
|
20
|
+
className: "thumbnailWrapper d-flex dir-col a-center j-center p-relative pageThumbnailHelper forAllSlides",
|
|
21
|
+
style: {
|
|
22
|
+
opacity: 0.5
|
|
23
|
+
},
|
|
24
|
+
children: [/*#__PURE__*/jsx("div", {
|
|
25
|
+
className: "thumbnailOrder",
|
|
26
|
+
children: activePageData.page.order
|
|
27
|
+
}), /*#__PURE__*/jsx("div", {
|
|
28
|
+
className: "thumbnailFrame o-hidden",
|
|
29
|
+
children: /*#__PURE__*/jsx(StaticPage, {
|
|
30
|
+
acceptedItems: acceptedItems,
|
|
31
|
+
additionalPageItems: additionalPageItems,
|
|
32
|
+
hashCode: hashCode,
|
|
33
|
+
isThumbnail: true,
|
|
34
|
+
itemAccessor: itemAccessor,
|
|
35
|
+
items: activePageData.page.items,
|
|
36
|
+
style: activePageData.pageContainerLastStyle
|
|
37
|
+
})
|
|
38
|
+
}), /*#__PURE__*/jsx("div", {
|
|
39
|
+
className: "thumbnailActions d-flex dir-col f-height j-center"
|
|
40
|
+
})]
|
|
41
|
+
}) : null
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
PageItemDragOverlay.propTypes = {
|
|
46
|
+
acceptedItems: PropTypes.shape({}),
|
|
47
|
+
activePageData: PropTypes.shape({
|
|
48
|
+
page: PropTypes.shape({
|
|
49
|
+
items: PropTypes.arrayOf(PropTypes.shape({})),
|
|
50
|
+
order: PropTypes.number
|
|
51
|
+
}),
|
|
52
|
+
pageContainerLastStyle: PropTypes.shape({})
|
|
53
|
+
}),
|
|
54
|
+
additionalPageItems: PropTypes.arrayOf(PropTypes.node),
|
|
55
|
+
hashCode: PropTypes.string,
|
|
56
|
+
itemAccessor: PropTypes.func
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
export default PageItemDragOverlay;
|
|
60
|
+
//# sourceMappingURL=PageItemDragOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageItemDragOverlay.js","sources":["../../../../../src/components/Panels/AllSlidesPanel/PageItemDragOverlay.js"],"sourcesContent":["import { DragOverlay } from '@dnd-kit/core';\nimport PropTypes from 'prop-types';\nimport StaticPage from '../../Preview/StaticPage';\n\nconst PageItemDragOverlay = ({\n acceptedItems,\n activePageData,\n additionalPageItems,\n hashCode,\n itemAccessor,\n}) => {\n return (\n <DragOverlay\n adjustScale={false}\n dropAnimation={null}\n style={{ cursor: 'grabbing' }}\n >\n {activePageData ? (\n <div\n // eslint-disable-next-line max-len\n className=\"thumbnailWrapper d-flex dir-col a-center j-center p-relative pageThumbnailHelper forAllSlides\"\n style={{ opacity: 0.5 }}\n >\n <div className=\"thumbnailOrder\">{activePageData.page.order}</div>\n <div className=\"thumbnailFrame o-hidden\">\n <StaticPage\n acceptedItems={acceptedItems}\n additionalPageItems={additionalPageItems}\n hashCode={hashCode}\n isThumbnail\n itemAccessor={itemAccessor}\n items={activePageData.page.items}\n style={activePageData.pageContainerLastStyle}\n />\n </div>\n <div className=\"thumbnailActions d-flex dir-col f-height j-center\" />\n </div>\n ) : null}\n </DragOverlay>\n );\n};\n\nPageItemDragOverlay.propTypes = {\n acceptedItems: PropTypes.shape({}),\n activePageData: PropTypes.shape({\n page: PropTypes.shape({\n items: PropTypes.arrayOf(PropTypes.shape({})),\n order: PropTypes.number,\n }),\n pageContainerLastStyle: PropTypes.shape({}),\n }),\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n hashCode: PropTypes.string,\n itemAccessor: PropTypes.func,\n};\n\nexport default PageItemDragOverlay;\n"],"names":["PageItemDragOverlay","acceptedItems","activePageData","additionalPageItems","hashCode","itemAccessor","_jsx","cursor","_jsxs","opacity","page","order","items","pageContainerLastStyle","propTypes","PropTypes","shape","arrayOf","number","node","string","func"],"mappings":";;;;;IAIMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAMtB;AAAA,MALJC,aAKI,QALJA,aAKI;AAAA,MAJJC,cAII,QAJJA,cAII;AAAA,MAHJC,mBAGI,QAHJA,mBAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,YACI,QADJA,YACI;AACJ,sBACEC,IAAC,WAAD;AACE,IAAA,WAAW,EAAE,KADf;AAEE,IAAA,aAAa,EAAE,IAFjB;AAGE,IAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAE;AAAV,KAHT;AAAA,cAKGL,cAAc,gBACbM;AACE;AACA,MAAA,SAAS,EAAC,+FAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAHT;AAAA,8BAKEH;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAA,kBAAiCJ,cAAc,CAACQ,IAAf,CAAoBC;AAArD,QALF,eAMEL;AAAK,QAAA,SAAS,EAAC,yBAAf;AAAA,+BACEA,IAAC,UAAD;AACE,UAAA,aAAa,EAAEL,aADjB;AAEE,UAAA,mBAAmB,EAAEE,mBAFvB;AAGE,UAAA,QAAQ,EAAEC,QAHZ;AAIE,UAAA,WAAW,MAJb;AAKE,UAAA,YAAY,EAAEC,YALhB;AAME,UAAA,KAAK,EAAEH,cAAc,CAACQ,IAAf,CAAoBE,KAN7B;AAOE,UAAA,KAAK,EAAEV,cAAc,CAACW;AAPxB;AADF,QANF,eAiBEP;AAAK,QAAA,SAAS,EAAC;AAAf,QAjBF;AAAA,MADa,GAoBX;AAzBN,IADF;AA6BD;;AAEDN,mBAAmB,CAACc,SAApB,GAAgC;AAC9Bb,EAAAA,aAAa,EAAEc,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADe;AAE9Bd,EAAAA,cAAc,EAAEa,SAAS,CAACC,KAAV,CAAgB;AAC9BN,IAAAA,IAAI,EAAEK,SAAS,CAACC,KAAV,CAAgB;AACpBJ,MAAAA,KAAK,EAAEG,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,CADa;AAEpBL,MAAAA,KAAK,EAAEI,SAAS,CAACG;AAFG,KAAhB,CADwB;AAK9BL,IAAAA,sBAAsB,EAAEE,SAAS,CAACC,KAAV,CAAgB,EAAhB;AALM,GAAhB,CAFc;AAS9Bb,EAAAA,mBAAmB,EAAEY,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACI,IAA5B,CATS;AAU9Bf,EAAAA,QAAQ,EAAEW,SAAS,CAACK,MAVU;AAW9Bf,EAAAA,YAAY,EAAEU,SAAS,CAACM;AAXM,CAAhC;;;;"}
|