@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
|
@@ -24,15 +24,24 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
24
24
|
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; }
|
|
25
25
|
|
|
26
26
|
var StaticScene = function StaticScene(_ref) {
|
|
27
|
-
var
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
27
|
+
var _ref$additionalPageIt = _ref.additionalPageItems,
|
|
28
|
+
additionalPageItems = _ref$additionalPageIt === void 0 ? [] : _ref$additionalPageIt,
|
|
29
|
+
_ref$gesture = _ref.gesture,
|
|
30
|
+
gesture = _ref$gesture === void 0 ? function () {} : _ref$gesture,
|
|
31
|
+
_ref$hashCode = _ref.hashCode,
|
|
32
|
+
hashCode = _ref$hashCode === void 0 ? '' : _ref$hashCode,
|
|
33
|
+
_ref$hideZoom = _ref.hideZoom,
|
|
34
|
+
hideZoom = _ref$hideZoom === void 0 ? false : _ref$hideZoom,
|
|
35
|
+
_ref$itemAccessor = _ref.itemAccessor,
|
|
36
|
+
itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
|
|
37
|
+
_ref$lastScrollPositi = _ref.lastScrollPosition,
|
|
38
|
+
lastScrollPosition = _ref$lastScrollPositi === void 0 ? 0 : _ref$lastScrollPositi,
|
|
39
|
+
_ref$mode = _ref.mode,
|
|
40
|
+
mode = _ref$mode === void 0 ? '' : _ref$mode,
|
|
41
|
+
_ref$pages = _ref.pages,
|
|
42
|
+
pages = _ref$pages === void 0 ? [] : _ref$pages,
|
|
43
|
+
_ref$presentationPage = _ref.presentationPage,
|
|
44
|
+
presentationPage = _ref$presentationPage === void 0 ? 0 : _ref$presentationPage;
|
|
36
45
|
|
|
37
46
|
var _usePresentationConte = usePresentationContext(),
|
|
38
47
|
isFullscreen = _usePresentationConte.isFullscreen,
|
|
@@ -145,16 +154,6 @@ StaticScene.propTypes = {
|
|
|
145
154
|
pages: PropTypes.arrayOf(PropTypes.shape({})),
|
|
146
155
|
presentationPage: PropTypes.number
|
|
147
156
|
};
|
|
148
|
-
StaticScene.defaultProps = {
|
|
149
|
-
additionalPageItems: [],
|
|
150
|
-
gesture: function gesture() {},
|
|
151
|
-
hashCode: '',
|
|
152
|
-
hideZoom: false,
|
|
153
|
-
itemAccessor: function itemAccessor() {},
|
|
154
|
-
lastScrollPosition: 0,
|
|
155
|
-
pages: [],
|
|
156
|
-
presentationPage: 0
|
|
157
|
-
};
|
|
158
157
|
|
|
159
158
|
export default StaticScene;
|
|
160
159
|
//# 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","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","items","element","propTypes","PropTypes","arrayOf","node","func","string","bool","number","isRequired","shape"],"mappings":"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"}
|
|
@@ -58,13 +58,6 @@ Print.propTypes = {
|
|
|
58
58
|
/** General report settings such as layout size and background color */
|
|
59
59
|
settings: PropTypes.shape({})
|
|
60
60
|
};
|
|
61
|
-
Print.defaultProps = {
|
|
62
|
-
acceptedItems: {},
|
|
63
|
-
additionalPageItems: [],
|
|
64
|
-
itemAccessor: function itemAccessor() {},
|
|
65
|
-
pages: [],
|
|
66
|
-
settings: {}
|
|
67
|
-
};
|
|
68
61
|
|
|
69
62
|
export default Print;
|
|
70
63
|
//# sourceMappingURL=Print.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Print.js","sources":["../../../../src/components/Print/Print.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Modal from 'react-modal';\nimport PrintModeWithoutContext from './PrintModeWithoutContext';\n\nconst Print = props => {\n return (\n <Modal\n appElement={document.getElementById('root')}\n closeTimeoutMS={300}\n contentLabel=\"modalA\"\n id=\"printModal\"\n isOpen={true}\n portalClassName=\"ReportPrintPortal\"\n shouldCloseOnEsc={false}\n style={{\n content: {\n backgroundColor: '#fff',\n border: 'none',\n borderRadius: 'none',\n bottom: 0,\n left: 0,\n overflow: 'visible',\n padding: 0,\n position: 'absolute',\n right: 0,\n top: 0,\n },\n overlay: {\n border: 'none',\n height: 'auto',\n position: 'absolute',\n zIndex: '99999',\n },\n }}\n >\n <PrintModeWithoutContext\n {...props}\n />\n </Modal>\n );\n};\n\nPrint.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 /** 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};\n\
|
|
1
|
+
{"version":3,"file":"Print.js","sources":["../../../../src/components/Print/Print.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Modal from 'react-modal';\nimport PrintModeWithoutContext from './PrintModeWithoutContext';\n\nconst Print = props => {\n return (\n <Modal\n appElement={document.getElementById('root')}\n closeTimeoutMS={300}\n contentLabel=\"modalA\"\n id=\"printModal\"\n isOpen={true}\n portalClassName=\"ReportPrintPortal\"\n shouldCloseOnEsc={false}\n style={{\n content: {\n backgroundColor: '#fff',\n border: 'none',\n borderRadius: 'none',\n bottom: 0,\n left: 0,\n overflow: 'visible',\n padding: 0,\n position: 'absolute',\n right: 0,\n top: 0,\n },\n overlay: {\n border: 'none',\n height: 'auto',\n position: 'absolute',\n zIndex: '99999',\n },\n }}\n >\n <PrintModeWithoutContext\n {...props}\n />\n </Modal>\n );\n};\n\nPrint.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 /** 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};\n\nexport default Print;\n"],"names":["Print","props","_jsx","document","getElementById","content","backgroundColor","border","borderRadius","bottom","left","overflow","padding","position","right","top","overlay","height","zIndex","propTypes","acceptedItems","PropTypes","shape","additionalPageItems","arrayOf","node","itemAccessor","func","pages","settings"],"mappings":";;;;;;;;;;;IAIMA,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK,EAAI;AACrB,sBACEC,IAAC,KAAD;AACE,IAAA,UAAU,EAAEC,QAAQ,CAACC,cAAT,CAAwB,MAAxB,CADd;AAEE,IAAA,cAAc,EAAE,GAFlB;AAGE,IAAA,YAAY,EAAC,QAHf;AAIE,IAAA,EAAE,EAAC,YAJL;AAKE,IAAA,MAAM,EAAE,IALV;AAME,IAAA,eAAe,EAAC,mBANlB;AAOE,IAAA,gBAAgB,EAAE,KAPpB;AAQE,IAAA,KAAK,EAAE;AACLC,MAAAA,OAAO,EAAE;AACPC,QAAAA,eAAe,EAAE,MADV;AAEPC,QAAAA,MAAM,EAAE,MAFD;AAGPC,QAAAA,YAAY,EAAE,MAHP;AAIPC,QAAAA,MAAM,EAAE,CAJD;AAKPC,QAAAA,IAAI,EAAE,CALC;AAMPC,QAAAA,QAAQ,EAAE,SANH;AAOPC,QAAAA,OAAO,EAAE,CAPF;AAQPC,QAAAA,QAAQ,EAAE,UARH;AASPC,QAAAA,KAAK,EAAE,CATA;AAUPC,QAAAA,GAAG,EAAE;AAVE,OADJ;AAaLC,MAAAA,OAAO,EAAE;AACPT,QAAAA,MAAM,EAAE,MADD;AAEPU,QAAAA,MAAM,EAAE,MAFD;AAGPJ,QAAAA,QAAQ,EAAE,UAHH;AAIPK,QAAAA,MAAM,EAAE;AAJD;AAbJ,KART;AAAA,2BA6BEhB,IAAC,uBAAD,oBACMD,KADN;AA7BF,IADF;AAmCD;;AAEDD,KAAK,CAACmB,SAAN,GAAkB;AAChB;AACAC,EAAAA,aAAa,EAAEC,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAFC;;AAGhB;AACAC,EAAAA,mBAAmB,EAAEF,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,IAA5B,CAJL;;AAKhB;AACAC,EAAAA,YAAY,EAAEL,SAAS,CAACM,IANR;;AAOhB;AACAC,EAAAA,KAAK,EAAEP,SAAS,CAACG,OAAV,CACLH,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADK,CARS;;AAWhB;AACAO,EAAAA,QAAQ,EAAER,SAAS,CAACC,KAAV,CAAgB,EAAhB;AAZM,CAAlB;;;;"}
|
|
@@ -12,11 +12,16 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
12
12
|
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; }
|
|
13
13
|
|
|
14
14
|
var PrintMode = function PrintMode(_ref) {
|
|
15
|
-
var acceptedItems = _ref.acceptedItems,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
var _ref$acceptedItems = _ref.acceptedItems,
|
|
16
|
+
acceptedItems = _ref$acceptedItems === void 0 ? {} : _ref$acceptedItems,
|
|
17
|
+
_ref$additionalPageIt = _ref.additionalPageItems,
|
|
18
|
+
additionalPageItems = _ref$additionalPageIt === void 0 ? [] : _ref$additionalPageIt,
|
|
19
|
+
_ref$itemAccessor = _ref.itemAccessor,
|
|
20
|
+
itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
|
|
21
|
+
_ref$pages = _ref.pages,
|
|
22
|
+
pages = _ref$pages === void 0 ? [] : _ref$pages,
|
|
23
|
+
_ref$settings = _ref.settings,
|
|
24
|
+
settings = _ref$settings === void 0 ? {} : _ref$settings,
|
|
20
25
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
21
26
|
|
|
22
27
|
var hashCode = objectHash(otherProps);
|
|
@@ -40,13 +45,6 @@ PrintMode.propTypes = {
|
|
|
40
45
|
pages: PropTypes.arrayOf(PropTypes.shape({})),
|
|
41
46
|
settings: PropTypes.shape({})
|
|
42
47
|
};
|
|
43
|
-
PrintMode.defaultProps = {
|
|
44
|
-
acceptedItems: {},
|
|
45
|
-
additionalPageItems: [],
|
|
46
|
-
itemAccessor: function itemAccessor() {},
|
|
47
|
-
pages: [],
|
|
48
|
-
settings: {}
|
|
49
|
-
};
|
|
50
48
|
|
|
51
49
|
export default PrintMode;
|
|
52
50
|
//# sourceMappingURL=PrintMode.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrintMode.js","sources":["../../../../src/components/Print/PrintMode.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport { PropProvider } from '../../utils/propContext';\nimport PrintModeWithoutContext from './PrintModeWithoutContext';\n\nimport '../../styles/jfReportsBundle.scss';\n\nconst PrintMode = ({\n acceptedItems,\n additionalPageItems,\n itemAccessor,\n pages,\n settings,\n ...otherProps\n}) => {\n const hashCode = objectHash(otherProps);\n\n return (\n <PropProvider\n acceptedItems={acceptedItems}\n settings={settings}\n >\n <PrintModeWithoutContext\n additionalPageItems={additionalPageItems}\n hashCode={hashCode}\n itemAccessor={itemAccessor}\n pages={pages}\n settings={settings}\n />\n </PropProvider>\n );\n};\n\nPrintMode.propTypes = {\n acceptedItems: PropTypes.shape({}),\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n itemAccessor: PropTypes.func,\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n settings: PropTypes.shape({}),\n};\n\
|
|
1
|
+
{"version":3,"file":"PrintMode.js","sources":["../../../../src/components/Print/PrintMode.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport objectHash from 'object-hash';\nimport { PropProvider } from '../../utils/propContext';\nimport PrintModeWithoutContext from './PrintModeWithoutContext';\n\nimport '../../styles/jfReportsBundle.scss';\n\nconst PrintMode = ({\n acceptedItems = {},\n additionalPageItems = [],\n itemAccessor = () => {},\n pages = [],\n settings = {},\n ...otherProps\n}) => {\n const hashCode = objectHash(otherProps);\n\n return (\n <PropProvider\n acceptedItems={acceptedItems}\n settings={settings}\n >\n <PrintModeWithoutContext\n additionalPageItems={additionalPageItems}\n hashCode={hashCode}\n itemAccessor={itemAccessor}\n pages={pages}\n settings={settings}\n />\n </PropProvider>\n );\n};\n\nPrintMode.propTypes = {\n acceptedItems: PropTypes.shape({}),\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n itemAccessor: PropTypes.func,\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n settings: PropTypes.shape({}),\n};\n\nexport default PrintMode;\n"],"names":["PrintMode","acceptedItems","additionalPageItems","itemAccessor","pages","settings","otherProps","hashCode","objectHash","_jsx","propTypes","PropTypes","shape","arrayOf","node","func"],"mappings":";;;;;;;;;;;;;IAOMA,SAAS,GAAG,SAAZA,SAAY,OAOZ;AAAA,gCANJC,aAMI;AAAA,MANJA,aAMI,mCANY,EAMZ;AAAA,mCALJC,mBAKI;AAAA,MALJA,mBAKI,sCALkB,EAKlB;AAAA,+BAJJC,YAII;AAAA,MAJJA,YAII,kCAJW,YAAM,EAIjB;AAAA,wBAHJC,KAGI;AAAA,MAHJA,KAGI,2BAHI,EAGJ;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,EAEP;AAAA,MADDC,UACC;;AACJ,MAAMC,QAAQ,GAAGC,UAAU,CAACF,UAAD,CAA3B;AAEA,sBACEG,IAAC,YAAD;AACE,IAAA,aAAa,EAAER,aADjB;AAEE,IAAA,QAAQ,EAAEI,QAFZ;AAAA,2BAIEI,IAAC,uBAAD;AACE,MAAA,mBAAmB,EAAEP,mBADvB;AAEE,MAAA,QAAQ,EAAEK,QAFZ;AAGE,MAAA,YAAY,EAAEJ,YAHhB;AAIE,MAAA,KAAK,EAAEC,KAJT;AAKE,MAAA,QAAQ,EAAEC;AALZ;AAJF,IADF;AAcD;;AAEDL,SAAS,CAACU,SAAV,GAAsB;AACpBT,EAAAA,aAAa,EAAEU,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADK;AAEpBV,EAAAA,mBAAmB,EAAES,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACG,IAA5B,CAFD;AAGpBX,EAAAA,YAAY,EAAEQ,SAAS,CAACI,IAHJ;AAIpBX,EAAAA,KAAK,EAAEO,SAAS,CAACE,OAAV,CACLF,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADK,CAJa;AAOpBP,EAAAA,QAAQ,EAAEM,SAAS,CAACC,KAAV,CAAgB,EAAhB;AAPU,CAAtB;;;;"}
|
|
@@ -21,12 +21,18 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
21
21
|
var availableFormats = ['A4', 'A5', 'Custom', 'Web'];
|
|
22
22
|
|
|
23
23
|
var PrintModeWithoutContext = function PrintModeWithoutContext(_ref) {
|
|
24
|
-
var
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
24
|
+
var _ref$additionalPageIt = _ref.additionalPageItems,
|
|
25
|
+
additionalPageItems = _ref$additionalPageIt === void 0 ? [] : _ref$additionalPageIt,
|
|
26
|
+
_ref$hashCode = _ref.hashCode,
|
|
27
|
+
hashCode = _ref$hashCode === void 0 ? '' : _ref$hashCode,
|
|
28
|
+
_ref$itemAccessor = _ref.itemAccessor,
|
|
29
|
+
itemAccessor = _ref$itemAccessor === void 0 ? function () {} : _ref$itemAccessor,
|
|
30
|
+
_ref$pages = _ref.pages,
|
|
31
|
+
pages = _ref$pages === void 0 ? [] : _ref$pages,
|
|
32
|
+
_ref$settings = _ref.settings,
|
|
33
|
+
settings = _ref$settings === void 0 ? {} : _ref$settings,
|
|
34
|
+
_ref$theme = _ref.theme,
|
|
35
|
+
theme = _ref$theme === void 0 ? 'lightMode' : _ref$theme;
|
|
30
36
|
|
|
31
37
|
var _useState = useState(false),
|
|
32
38
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -71,14 +77,6 @@ PrintModeWithoutContext.propTypes = {
|
|
|
71
77
|
}),
|
|
72
78
|
theme: PropTypes.oneOf(['lightMode', 'darkMode'])
|
|
73
79
|
};
|
|
74
|
-
PrintModeWithoutContext.defaultProps = {
|
|
75
|
-
additionalPageItems: [],
|
|
76
|
-
hashCode: '',
|
|
77
|
-
itemAccessor: function itemAccessor() {},
|
|
78
|
-
pages: [],
|
|
79
|
-
settings: {},
|
|
80
|
-
theme: 'lightMode'
|
|
81
|
-
};
|
|
82
80
|
|
|
83
81
|
export default PrintModeWithoutContext;
|
|
84
82
|
//# sourceMappingURL=PrintModeWithoutContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrintModeWithoutContext.js","sources":["../../../../src/components/Print/PrintModeWithoutContext.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ReportWrapper from '../ReportWrapper';\nimport StaticScene from '../Preview/StaticScene';\nimport { pageSize } from '../../utils/print';\n\nconst availableFormats = ['A4', 'A5', 'Custom', 'Web'];\n\nconst PrintModeWithoutContext = ({\n additionalPageItems,\n hashCode,\n itemAccessor,\n pages,\n settings,\n theme,\n}) => {\n const [manipulatePageSize, setManipulatePageSize] = useState(false);\n const reportLayout = settings.reportLayout ? settings.reportLayout : 'A4 Landscape';\n if (availableFormats.indexOf(reportLayout.split(' ')[0]) > -1 && !manipulatePageSize) {\n setManipulatePageSize(true);\n }\n\n return (\n <>\n {manipulatePageSize && (\n <style\n dangerouslySetInnerHTML={{\n __html: `\n @page {\n size: ${pageSize(settings)}; margin:0;\n }`,\n }}\n />\n )}\n <ReportWrapper\n mode=\"print\"\n theme={theme}\n >\n <StaticScene\n additionalPageItems={additionalPageItems}\n hashCode={hashCode}\n hideZoom={true}\n itemAccessor={itemAccessor}\n mode=\"print\"\n pages={pages}\n />\n </ReportWrapper>\n </>\n );\n};\n\nPrintModeWithoutContext.propTypes = {\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n hashCode: PropTypes.string,\n itemAccessor: PropTypes.func,\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n settings: PropTypes.shape({\n reportLayout: PropTypes.string,\n reportLayoutHeight: PropTypes.string,\n reportLayoutWidth: PropTypes.string,\n }),\n theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\
|
|
1
|
+
{"version":3,"file":"PrintModeWithoutContext.js","sources":["../../../../src/components/Print/PrintModeWithoutContext.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ReportWrapper from '../ReportWrapper';\nimport StaticScene from '../Preview/StaticScene';\nimport { pageSize } from '../../utils/print';\n\nconst availableFormats = ['A4', 'A5', 'Custom', 'Web'];\n\nconst PrintModeWithoutContext = ({\n additionalPageItems = [],\n hashCode = '',\n itemAccessor = () => {},\n pages = [],\n settings = {},\n theme = 'lightMode',\n}) => {\n const [manipulatePageSize, setManipulatePageSize] = useState(false);\n const reportLayout = settings.reportLayout ? settings.reportLayout : 'A4 Landscape';\n if (availableFormats.indexOf(reportLayout.split(' ')[0]) > -1 && !manipulatePageSize) {\n setManipulatePageSize(true);\n }\n\n return (\n <>\n {manipulatePageSize && (\n <style\n dangerouslySetInnerHTML={{\n __html: `\n @page {\n size: ${pageSize(settings)}; margin:0;\n }`,\n }}\n />\n )}\n <ReportWrapper\n mode=\"print\"\n theme={theme}\n >\n <StaticScene\n additionalPageItems={additionalPageItems}\n hashCode={hashCode}\n hideZoom={true}\n itemAccessor={itemAccessor}\n mode=\"print\"\n pages={pages}\n />\n </ReportWrapper>\n </>\n );\n};\n\nPrintModeWithoutContext.propTypes = {\n additionalPageItems: PropTypes.arrayOf(PropTypes.node),\n hashCode: PropTypes.string,\n itemAccessor: PropTypes.func,\n pages: PropTypes.arrayOf(\n PropTypes.shape({}),\n ),\n settings: PropTypes.shape({\n reportLayout: PropTypes.string,\n reportLayoutHeight: PropTypes.string,\n reportLayoutWidth: PropTypes.string,\n }),\n theme: PropTypes.oneOf(['lightMode', 'darkMode']),\n};\n\nexport default PrintModeWithoutContext;\n"],"names":["availableFormats","PrintModeWithoutContext","additionalPageItems","hashCode","itemAccessor","pages","settings","theme","useState","manipulatePageSize","setManipulatePageSize","reportLayout","indexOf","split","_jsxs","_jsx","__html","pageSize","propTypes","PropTypes","arrayOf","node","string","func","shape","reportLayoutHeight","reportLayoutWidth","oneOf"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,gBAAgB,GAAG,CAAC,IAAD,EAAO,IAAP,EAAa,QAAb,EAAuB,KAAvB,CAAzB;;IAEMC,uBAAuB,GAAG,SAA1BA,uBAA0B,OAO1B;AAAA,mCANJC,mBAMI;AAAA,MANJA,mBAMI,sCANkB,EAMlB;AAAA,2BALJC,QAKI;AAAA,MALJA,QAKI,8BALO,EAKP;AAAA,+BAJJC,YAII;AAAA,MAJJA,YAII,kCAJW,YAAM,EAIjB;AAAA,wBAHJC,KAGI;AAAA,MAHJA,KAGI,2BAHI,EAGJ;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,EAEP;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,WACJ;;AACJ,kBAAoDC,QAAQ,CAAC,KAAD,CAA5D;AAAA;AAAA,MAAOC,kBAAP;AAAA,MAA2BC,qBAA3B;;AACA,MAAMC,YAAY,GAAGL,QAAQ,CAACK,YAAT,GAAwBL,QAAQ,CAACK,YAAjC,GAAgD,cAArE;;AACA,MAAIX,gBAAgB,CAACY,OAAjB,CAAyBD,YAAY,CAACE,KAAb,CAAmB,GAAnB,EAAwB,CAAxB,CAAzB,IAAuD,CAAC,CAAxD,IAA6D,CAACJ,kBAAlE,EAAsF;AACpFC,IAAAA,qBAAqB,CAAC,IAAD,CAArB;AACD;;AAED,sBACEI;AAAA,eACGL,kBAAkB,iBACjBM;AACE,MAAA,uBAAuB,EAAE;AACvBC,QAAAA,MAAM,uDAEIC,QAAQ,CAACX,QAAD,CAFZ;AADiB;AAD3B,MAFJ,eAWES,IAAC,aAAD;AACE,MAAA,IAAI,EAAC,OADP;AAEE,MAAA,KAAK,EAAER,KAFT;AAAA,6BAIEQ,IAAC,WAAD;AACE,QAAA,mBAAmB,EAAEb,mBADvB;AAEE,QAAA,QAAQ,EAAEC,QAFZ;AAGE,QAAA,QAAQ,EAAE,IAHZ;AAIE,QAAA,YAAY,EAAEC,YAJhB;AAKE,QAAA,IAAI,EAAC,OALP;AAME,QAAA,KAAK,EAAEC;AANT;AAJF,MAXF;AAAA,IADF;AA2BD;;AAEDJ,uBAAuB,CAACiB,SAAxB,GAAoC;AAClChB,EAAAA,mBAAmB,EAAEiB,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,IAA5B,CADa;AAElClB,EAAAA,QAAQ,EAAEgB,SAAS,CAACG,MAFc;AAGlClB,EAAAA,YAAY,EAAEe,SAAS,CAACI,IAHU;AAIlClB,EAAAA,KAAK,EAAEc,SAAS,CAACC,OAAV,CACLD,SAAS,CAACK,KAAV,CAAgB,EAAhB,CADK,CAJ2B;AAOlClB,EAAAA,QAAQ,EAAEa,SAAS,CAACK,KAAV,CAAgB;AACxBb,IAAAA,YAAY,EAAEQ,SAAS,CAACG,MADA;AAExBG,IAAAA,kBAAkB,EAAEN,SAAS,CAACG,MAFN;AAGxBI,IAAAA,iBAAiB,EAAEP,SAAS,CAACG;AAHL,GAAhB,CAPwB;AAYlCf,EAAAA,KAAK,EAAEY,SAAS,CAACQ,KAAV,CAAgB,CAAC,WAAD,EAAc,UAAd,CAAhB;AAZ2B,CAApC;;;;"}
|
|
@@ -5,10 +5,14 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
5
5
|
import SvgSettings from '../../assets/svg/settings.svg.js';
|
|
6
6
|
|
|
7
7
|
var Button = function Button(_ref) {
|
|
8
|
-
var classNames = _ref.classNames,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
var _ref$classNames = _ref.classNames,
|
|
9
|
+
classNames = _ref$classNames === void 0 ? '' : _ref$classNames,
|
|
10
|
+
_ref$icon = _ref.icon,
|
|
11
|
+
icon = _ref$icon === void 0 ? '' : _ref$icon,
|
|
12
|
+
_ref$onClick = _ref.onClick,
|
|
13
|
+
onClick = _ref$onClick === void 0 ? '' : _ref$onClick,
|
|
14
|
+
_ref$title = _ref.title,
|
|
15
|
+
title = _ref$title === void 0 ? '' : _ref$title;
|
|
12
16
|
var Icon = icons[icon] || SvgSettings;
|
|
13
17
|
return /*#__PURE__*/jsxs("button", {
|
|
14
18
|
className: classNames,
|
|
@@ -28,12 +32,6 @@ Button.propTypes = {
|
|
|
28
32
|
onClick: PropTypes.any,
|
|
29
33
|
title: PropTypes.any
|
|
30
34
|
};
|
|
31
|
-
Button.defaultProps = {
|
|
32
|
-
classNames: '',
|
|
33
|
-
icon: '',
|
|
34
|
-
onClick: '',
|
|
35
|
-
title: ''
|
|
36
|
-
};
|
|
37
35
|
var Button$1 = /*#__PURE__*/memo(Button);
|
|
38
36
|
|
|
39
37
|
export default Button$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../src/components/Settings/Button.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\n\nconst Button = ({\n classNames,\n icon,\n onClick,\n title,\n}) => {\n const Icon = icons[icon] || icons.settings;\n\n return (\n <button\n className={classNames}\n onClick={onClick}\n type=\"button\"\n >\n {icon && <Icon className={`jfReportSVG icon-${icon}`} />}\n <span>{title}</span>\n </button>\n );\n};\n\nButton.propTypes = {\n classNames: PropTypes.string,\n icon: PropTypes.string,\n onClick: PropTypes.any,\n title: PropTypes.any,\n};\n\
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../src/components/Settings/Button.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/icons';\n\nconst Button = ({\n classNames = '',\n icon = '',\n onClick = '',\n title = '',\n}) => {\n const Icon = icons[icon] || icons.settings;\n\n return (\n <button\n className={classNames}\n onClick={onClick}\n type=\"button\"\n >\n {icon && <Icon className={`jfReportSVG icon-${icon}`} />}\n <span>{title}</span>\n </button>\n );\n};\n\nButton.propTypes = {\n classNames: PropTypes.string,\n icon: PropTypes.string,\n onClick: PropTypes.any,\n title: PropTypes.any,\n};\n\nexport default memo(Button);\n"],"names":["Button","classNames","icon","onClick","title","Icon","icons","_jsxs","_jsx","propTypes","PropTypes","string","any","memo"],"mappings":";;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKT;AAAA,6BAJJC,UAII;AAAA,MAJJA,UAII,gCAJS,EAIT;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,EAGH;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,EAEN;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,MAAMC,IAAI,GAAGC,KAAK,CAACJ,IAAD,CAAL,IAAeI,WAA5B;AAEA,sBACEC;AACE,IAAA,SAAS,EAAEN,UADb;AAEE,IAAA,OAAO,EAAEE,OAFX;AAGE,IAAA,IAAI,EAAC,QAHP;AAAA,eAKGD,IAAI,iBAAIM,IAAC,IAAD;AAAM,MAAA,SAAS,6BAAsBN,IAAtB;AAAf,MALX,eAMEM;AAAA,gBAAOJ;AAAP,MANF;AAAA,IADF;AAUD,CAlBD;;AAoBAJ,MAAM,CAACS,SAAP,GAAmB;AACjBR,EAAAA,UAAU,EAAES,SAAS,CAACC,MADL;AAEjBT,EAAAA,IAAI,EAAEQ,SAAS,CAACC,MAFC;AAGjBR,EAAAA,OAAO,EAAEO,SAAS,CAACE,GAHF;AAIjBR,EAAAA,KAAK,EAAEM,SAAS,CAACE;AAJA,CAAnB;AAOA,4BAAeC,IAAI,CAACb,MAAD,CAAnB;;;;"}
|
|
@@ -19,10 +19,14 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
|
|
|
19
19
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
20
20
|
|
|
21
21
|
var CheckboxGroup = function CheckboxGroup(_ref) {
|
|
22
|
-
var config = _ref.config,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
var _ref$config = _ref.config,
|
|
23
|
+
config = _ref$config === void 0 ? {} : _ref$config,
|
|
24
|
+
_ref$item = _ref.item,
|
|
25
|
+
item = _ref$item === void 0 ? {} : _ref$item,
|
|
26
|
+
_ref$onItemChange = _ref.onItemChange,
|
|
27
|
+
onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange,
|
|
28
|
+
_ref$value = _ref.value,
|
|
29
|
+
value = _ref$value === void 0 ? [] : _ref$value;
|
|
26
30
|
var opts = config.options;
|
|
27
31
|
var parsedValue = safeJSONParse(value, []);
|
|
28
32
|
var val = parsedValue;
|
|
@@ -93,12 +97,6 @@ CheckboxGroup.propTypes = {
|
|
|
93
97
|
onItemChange: PropTypes.func,
|
|
94
98
|
value: PropTypes.string
|
|
95
99
|
};
|
|
96
|
-
CheckboxGroup.defaultProps = {
|
|
97
|
-
config: {},
|
|
98
|
-
item: {},
|
|
99
|
-
onItemChange: function onItemChange() {},
|
|
100
|
-
value: []
|
|
101
|
-
};
|
|
102
100
|
|
|
103
101
|
export default CheckboxGroup;
|
|
104
102
|
//# sourceMappingURL=CheckboxGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.js","sources":["../../../../src/components/Settings/CheckboxGroup.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { safeJSONParse } from '../../utils/functions';\n\nconst CheckboxGroup = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const opts = config.options;\n const parsedValue = safeJSONParse(value, []);\n const val = parsedValue;\n\n const onChange = optionKey => e => {\n let newVal = [...val];\n if (e.target.checked) { // filter val\n newVal.push(optionKey);\n } else { // add val\n newVal = newVal.filter(o => o !== optionKey);\n }\n\n onItemChange({ id: item.id }, { [config.key]: JSON.stringify(newVal) });\n };\n\n return (\n <div\n className=\"jfReportSelectOption-list\"\n >\n {opts.map(option => {\n return (\n <div\n key={option}\n className={`jfReportSelectOption${val.indexOf(option) !== -1 ? ' isSelected' : ''}`}\n >\n <div className=\"jfReportSelectOption-visibility\">\n <label\n className=\"jfReportChoice isLight hasNotText\"\n htmlFor={option}\n >\n <input\n checked={val.indexOf(option) !== -1}\n className=\"jfReportChoice-input\"\n id={option}\n onChange={onChange(option)}\n type=\"checkbox\"\n />\n <div className=\"jfReportChoice-labelIcon\">\n <div className=\"jfReportChoice-label checkbox\" />\n </div>\n </label>\n </div>\n <div className=\"jfReportSelectOption-name\">\n <div className=\"jfReportSelectOption-text\">\n {option}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n );\n};\n\nCheckboxGroup.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.string),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.js","sources":["../../../../src/components/Settings/CheckboxGroup.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { safeJSONParse } from '../../utils/functions';\n\nconst CheckboxGroup = ({\n config = {},\n item = {},\n onItemChange = () => {},\n value = [],\n}) => {\n const opts = config.options;\n const parsedValue = safeJSONParse(value, []);\n const val = parsedValue;\n\n const onChange = optionKey => e => {\n let newVal = [...val];\n if (e.target.checked) { // filter val\n newVal.push(optionKey);\n } else { // add val\n newVal = newVal.filter(o => o !== optionKey);\n }\n\n onItemChange({ id: item.id }, { [config.key]: JSON.stringify(newVal) });\n };\n\n return (\n <div\n className=\"jfReportSelectOption-list\"\n >\n {opts.map(option => {\n return (\n <div\n key={option}\n className={`jfReportSelectOption${val.indexOf(option) !== -1 ? ' isSelected' : ''}`}\n >\n <div className=\"jfReportSelectOption-visibility\">\n <label\n className=\"jfReportChoice isLight hasNotText\"\n htmlFor={option}\n >\n <input\n checked={val.indexOf(option) !== -1}\n className=\"jfReportChoice-input\"\n id={option}\n onChange={onChange(option)}\n type=\"checkbox\"\n />\n <div className=\"jfReportChoice-labelIcon\">\n <div className=\"jfReportChoice-label checkbox\" />\n </div>\n </label>\n </div>\n <div className=\"jfReportSelectOption-name\">\n <div className=\"jfReportSelectOption-text\">\n {option}\n </div>\n </div>\n </div>\n );\n })}\n </div>\n );\n};\n\nCheckboxGroup.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.string),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup","config","item","onItemChange","value","opts","options","parsedValue","safeJSONParse","val","onChange","optionKey","e","newVal","target","checked","push","filter","o","id","key","JSON","stringify","_jsx","map","option","_jsxs","indexOf","propTypes","PropTypes","shape","string","arrayOf","func"],"mappings":";;;;;;;;;;;;;;;;;;;;IAGMA,aAAa,GAAG,SAAhBA,aAAgB,OAKhB;AAAA,yBAJJC,MAII;AAAA,MAJJA,MAII,4BAJK,EAIL;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,EAGH;AAAA,+BAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,YAAM,EAEjB;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,MAAMC,IAAI,GAAGJ,MAAM,CAACK,OAApB;AACA,MAAMC,WAAW,GAAGC,aAAa,CAACJ,KAAD,EAAQ,EAAR,CAAjC;AACA,MAAMK,GAAG,GAAGF,WAAZ;;AAEA,MAAMG,QAAQ,GAAG,SAAXA,QAAW,CAAAC,SAAS;AAAA,WAAI,UAAAC,CAAC,EAAI;AACjC,UAAIC,MAAM,sBAAOJ,GAAP,CAAV;;AACA,UAAIG,CAAC,CAACE,MAAF,CAASC,OAAb,EAAsB;AAAE;AACtBF,QAAAA,MAAM,CAACG,IAAP,CAAYL,SAAZ;AACD,OAFD,MAEO;AAAE;AACPE,QAAAA,MAAM,GAAGA,MAAM,CAACI,MAAP,CAAc,UAAAC,CAAC;AAAA,iBAAIA,CAAC,KAAKP,SAAV;AAAA,SAAf,CAAT;AACD;;AAEDR,MAAAA,YAAY,CAAC;AAAEgB,QAAAA,EAAE,EAAEjB,IAAI,CAACiB;AAAX,OAAD,sBAAqBlB,MAAM,CAACmB,GAA5B,EAAkCC,IAAI,CAACC,SAAL,CAAeT,MAAf,CAAlC,EAAZ;AACD,KATyB;AAAA,GAA1B;;AAWA,sBACEU;AACE,IAAA,SAAS,EAAC,2BADZ;AAAA,cAGGlB,IAAI,CAACmB,GAAL,CAAS,UAAAC,MAAM,EAAI;AAClB,0BACEC;AAEE,QAAA,SAAS,gCAAyBjB,GAAG,CAACkB,OAAJ,CAAYF,MAAZ,MAAwB,CAAC,CAAzB,GAA6B,aAA7B,GAA6C,EAAtE,CAFX;AAAA,gCAIEF;AAAK,UAAA,SAAS,EAAC,iCAAf;AAAA,iCACEG;AACE,YAAA,SAAS,EAAC,mCADZ;AAEE,YAAA,OAAO,EAAED,MAFX;AAAA,oCAIEF;AACE,cAAA,OAAO,EAAEd,GAAG,CAACkB,OAAJ,CAAYF,MAAZ,MAAwB,CAAC,CADpC;AAEE,cAAA,SAAS,EAAC,sBAFZ;AAGE,cAAA,EAAE,EAAEA,MAHN;AAIE,cAAA,QAAQ,EAAEf,QAAQ,CAACe,MAAD,CAJpB;AAKE,cAAA,IAAI,EAAC;AALP,cAJF,eAWEF;AAAK,cAAA,SAAS,EAAC,0BAAf;AAAA,qCACEA;AAAK,gBAAA,SAAS,EAAC;AAAf;AADF,cAXF;AAAA;AADF,UAJF,eAqBEA;AAAK,UAAA,SAAS,EAAC,2BAAf;AAAA,iCACEA;AAAK,YAAA,SAAS,EAAC,2BAAf;AAAA,sBACGE;AADH;AADF,UArBF;AAAA,SACOA,MADP,CADF;AA6BD,KA9BA;AAHH,IADF;AAqCD;;AAEDzB,aAAa,CAAC4B,SAAd,GAA0B;AACxB3B,EAAAA,MAAM,EAAE4B,SAAS,CAACC,KAAV,CAAgB;AACtBV,IAAAA,GAAG,EAAES,SAAS,CAACE,MADO;AAEtBzB,IAAAA,OAAO,EAAEuB,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACE,MAA5B;AAFa,GAAhB,CADgB;AAKxB7B,EAAAA,IAAI,EAAE2B,SAAS,CAACC,KAAV,CAAgB;AACpBX,IAAAA,EAAE,EAAEU,SAAS,CAACE;AADM,GAAhB,CALkB;AAQxB5B,EAAAA,YAAY,EAAE0B,SAAS,CAACI,IARA;AASxB7B,EAAAA,KAAK,EAAEyB,SAAS,CAACE;AATO,CAA1B;;;;"}
|
|
@@ -25,10 +25,14 @@ var COLOR_PRESETS = ['#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#41
|
|
|
25
25
|
var ColorPickerWithClickOutside = withClickOutside(SketchPicker);
|
|
26
26
|
|
|
27
27
|
var ColorPicker = function ColorPicker(_ref) {
|
|
28
|
-
var config = _ref.config,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
var _ref$config = _ref.config,
|
|
29
|
+
config = _ref$config === void 0 ? [] : _ref$config,
|
|
30
|
+
_ref$item = _ref.item,
|
|
31
|
+
item = _ref$item === void 0 ? {} : _ref$item,
|
|
32
|
+
_ref$onItemChange = _ref.onItemChange,
|
|
33
|
+
onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange,
|
|
34
|
+
_ref$value = _ref.value,
|
|
35
|
+
value = _ref$value === void 0 ? '' : _ref$value;
|
|
32
36
|
var _config$defaultValue = config.defaultValue,
|
|
33
37
|
defaultValue = _config$defaultValue === void 0 ? '#FFFFFF' : _config$defaultValue;
|
|
34
38
|
|
|
@@ -146,12 +150,6 @@ ColorPicker.propTypes = {
|
|
|
146
150
|
onItemChange: PropTypes.func,
|
|
147
151
|
value: PropTypes.string
|
|
148
152
|
};
|
|
149
|
-
ColorPicker.defaultProps = {
|
|
150
|
-
config: [],
|
|
151
|
-
item: {},
|
|
152
|
-
onItemChange: function onItemChange() {},
|
|
153
|
-
value: ''
|
|
154
|
-
};
|
|
155
153
|
var ColorPicker$1 = /*#__PURE__*/memo(ColorPicker);
|
|
156
154
|
|
|
157
155
|
export default ColorPicker$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/Settings/ColorPicker.js"],"sourcesContent":["import { useState, memo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SketchPicker } from 'react-color';\nimport withClickOutside from '../withClickOutside';\nimport { useEventListener } from '../../utils/hooks';\nimport Textbox from './Textbox';\nimport { isValidHexColor, normalizeHexColor } from '../../utils/functions';\n\nexport const COLOR_PRESETS = [\n '#D0021B',\n '#F5A623',\n '#F8E71C',\n '#8B572A',\n '#7ED321',\n '#417505',\n '#BD10E0',\n '#9013FE',\n '#4A90E2',\n '#50E3C2',\n '#B8E986',\n '#000000',\n '#4A4A4A',\n '#9B9B9B',\n '#FFF',\n '#FFFFFF',\n];\n\nexport const ColorPickerWithClickOutside = withClickOutside(SketchPicker);\n\nconst ColorPicker = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const { defaultValue = '#FFFFFF' } = config;\n const [isPickerVisible, setIsPickerVisible] = useState(false);\n const [colorValue, setColorValue] = useState(value || defaultValue);\n const pickerRef = useRef(null);\n\n const handleInputChange = (_item, _config) => {\n const newValue = _config[Object.keys(_config)[0]];\n const normalizedValue = normalizeHexColor(newValue);\n if (isValidHexColor(normalizedValue)) {\n setColorValue(normalizedValue);\n onItemChange(_item, { [config.key]: normalizedValue });\n } else {\n setColorValue(newValue);\n }\n };\n\n const checkPickerVisibility = () => isPickerVisible && setIsPickerVisible(false);\n useEventListener('resize', checkPickerVisibility);\n\n const handleOnChange = ({ hex }) => {\n if (hex !== colorValue) {\n setColorValue(hex);\n }\n };\n\n const handleColorPick = ({ hex }) => {\n if (hex !== value && isValidHexColor(hex)) {\n onItemChange(\n { id: item.id },\n { [config.key]: hex },\n );\n }\n };\n\n const setPickerVisibility = visibility => event => {\n if (visibility && window.innerHeight - event.clientY < 327) {\n setTimeout(() => {\n if (\n pickerRef.current\n && pickerRef.current.firstChild\n && pickerRef.current.firstChild.firstChild\n ) {\n pickerRef.current.firstChild.firstChild.scrollIntoView({\n behavior: 'smooth',\n block: 'end',\n });\n }\n }, 0);\n }\n setIsPickerVisible(visibility);\n };\n\n return (\n <>\n <div\n className={`colorPicker-wrapper p-relative d-flex a-center${\n isPickerVisible ? ' pickerVisible' : ''\n }`}\n data-key={config.key}\n onClick={setPickerVisibility(!isPickerVisible)}\n onKeyPress={() => {}}\n >\n <Textbox\n config={config}\n item={item}\n onItemChange={handleInputChange}\n value={colorValue}\n />\n <div\n className=\"colorPicker-preview\"\n style={{ backgroundColor: colorValue }}\n />\n </div>\n {isPickerVisible\n && (\n <div\n ref={pickerRef}\n onKeyDown={e => e.stopPropagation()}\n >\n <ColorPickerWithClickOutside\n color={colorValue}\n disableAlpha={true}\n exceptionalClasses={[`colorPicker-wrapper[data-key='${config.key}']`]}\n onChange={handleOnChange}\n onChangeComplete={handleColorPick}\n onClickOutside={setPickerVisibility(false)}\n presetColors={COLOR_PRESETS}\n withClickOutsideWrapperClass=\"colorPicker-holder\"\n />\n </div>\n )}\n </>\n );\n};\n\nColorPicker.propTypes = {\n config: PropTypes.shape({\n defaultValue: PropTypes.string,\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\
|
|
1
|
+
{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/Settings/ColorPicker.js"],"sourcesContent":["import { useState, memo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { SketchPicker } from 'react-color';\nimport withClickOutside from '../withClickOutside';\nimport { useEventListener } from '../../utils/hooks';\nimport Textbox from './Textbox';\nimport { isValidHexColor, normalizeHexColor } from '../../utils/functions';\n\nexport const COLOR_PRESETS = [\n '#D0021B',\n '#F5A623',\n '#F8E71C',\n '#8B572A',\n '#7ED321',\n '#417505',\n '#BD10E0',\n '#9013FE',\n '#4A90E2',\n '#50E3C2',\n '#B8E986',\n '#000000',\n '#4A4A4A',\n '#9B9B9B',\n '#FFF',\n '#FFFFFF',\n];\n\nexport const ColorPickerWithClickOutside = withClickOutside(SketchPicker);\n\nconst ColorPicker = ({\n config = [],\n item = {},\n onItemChange = () => {},\n value = '',\n}) => {\n const { defaultValue = '#FFFFFF' } = config;\n const [isPickerVisible, setIsPickerVisible] = useState(false);\n const [colorValue, setColorValue] = useState(value || defaultValue);\n const pickerRef = useRef(null);\n\n const handleInputChange = (_item, _config) => {\n const newValue = _config[Object.keys(_config)[0]];\n const normalizedValue = normalizeHexColor(newValue);\n if (isValidHexColor(normalizedValue)) {\n setColorValue(normalizedValue);\n onItemChange(_item, { [config.key]: normalizedValue });\n } else {\n setColorValue(newValue);\n }\n };\n\n const checkPickerVisibility = () => isPickerVisible && setIsPickerVisible(false);\n useEventListener('resize', checkPickerVisibility);\n\n const handleOnChange = ({ hex }) => {\n if (hex !== colorValue) {\n setColorValue(hex);\n }\n };\n\n const handleColorPick = ({ hex }) => {\n if (hex !== value && isValidHexColor(hex)) {\n onItemChange(\n { id: item.id },\n { [config.key]: hex },\n );\n }\n };\n\n const setPickerVisibility = visibility => event => {\n if (visibility && window.innerHeight - event.clientY < 327) {\n setTimeout(() => {\n if (\n pickerRef.current\n && pickerRef.current.firstChild\n && pickerRef.current.firstChild.firstChild\n ) {\n pickerRef.current.firstChild.firstChild.scrollIntoView({\n behavior: 'smooth',\n block: 'end',\n });\n }\n }, 0);\n }\n setIsPickerVisible(visibility);\n };\n\n return (\n <>\n <div\n className={`colorPicker-wrapper p-relative d-flex a-center${\n isPickerVisible ? ' pickerVisible' : ''\n }`}\n data-key={config.key}\n onClick={setPickerVisibility(!isPickerVisible)}\n onKeyPress={() => {}}\n >\n <Textbox\n config={config}\n item={item}\n onItemChange={handleInputChange}\n value={colorValue}\n />\n <div\n className=\"colorPicker-preview\"\n style={{ backgroundColor: colorValue }}\n />\n </div>\n {isPickerVisible\n && (\n <div\n ref={pickerRef}\n onKeyDown={e => e.stopPropagation()}\n >\n <ColorPickerWithClickOutside\n color={colorValue}\n disableAlpha={true}\n exceptionalClasses={[`colorPicker-wrapper[data-key='${config.key}']`]}\n onChange={handleOnChange}\n onChangeComplete={handleColorPick}\n onClickOutside={setPickerVisibility(false)}\n presetColors={COLOR_PRESETS}\n withClickOutsideWrapperClass=\"colorPicker-holder\"\n />\n </div>\n )}\n </>\n );\n};\n\nColorPicker.propTypes = {\n config: PropTypes.shape({\n defaultValue: PropTypes.string,\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nexport default memo(ColorPicker);\n"],"names":["COLOR_PRESETS","ColorPickerWithClickOutside","withClickOutside","SketchPicker","ColorPicker","config","item","onItemChange","value","defaultValue","useState","isPickerVisible","setIsPickerVisible","colorValue","setColorValue","pickerRef","useRef","handleInputChange","_item","_config","newValue","Object","keys","normalizedValue","normalizeHexColor","isValidHexColor","key","checkPickerVisibility","useEventListener","handleOnChange","hex","handleColorPick","id","setPickerVisibility","visibility","event","window","innerHeight","clientY","setTimeout","current","firstChild","scrollIntoView","behavior","block","_jsxs","_jsx","backgroundColor","e","stopPropagation","propTypes","PropTypes","shape","string","options","arrayOf","any","func","memo"],"mappings":"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"}
|
|
@@ -10,10 +10,16 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
10
10
|
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; }
|
|
11
11
|
|
|
12
12
|
var Dropdown = function Dropdown(_ref) {
|
|
13
|
-
var config = _ref.config,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
var _ref$config = _ref.config,
|
|
14
|
+
config = _ref$config === void 0 ? {
|
|
15
|
+
cast: 'string'
|
|
16
|
+
} : _ref$config,
|
|
17
|
+
_ref$item = _ref.item,
|
|
18
|
+
item = _ref$item === void 0 ? {} : _ref$item,
|
|
19
|
+
_ref$onItemChange = _ref.onItemChange,
|
|
20
|
+
onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange,
|
|
21
|
+
_ref$value = _ref.value,
|
|
22
|
+
value = _ref$value === void 0 ? '' : _ref$value;
|
|
17
23
|
var options = config.options,
|
|
18
24
|
unit = config.unit;
|
|
19
25
|
var selectProps = {};
|
|
@@ -63,14 +69,6 @@ Dropdown.propTypes = {
|
|
|
63
69
|
onItemChange: PropTypes.func,
|
|
64
70
|
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
|
|
65
71
|
};
|
|
66
|
-
Dropdown.defaultProps = {
|
|
67
|
-
config: {
|
|
68
|
-
cast: 'string'
|
|
69
|
-
},
|
|
70
|
-
item: {},
|
|
71
|
-
onItemChange: function onItemChange() {},
|
|
72
|
-
value: ''
|
|
73
|
-
};
|
|
74
72
|
var Dropdown$1 = /*#__PURE__*/memo(Dropdown);
|
|
75
73
|
|
|
76
74
|
export default Dropdown$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Settings/Dropdown.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Dropdown = ({\n config,\n item,\n onItemChange,\n value,\n}) => {\n const { options, unit } = config;\n\n const selectProps = {};\n if (value) {\n selectProps.value = value;\n }\n\n const onChange = e => {\n const newValue = config.cast && config.cast === 'integer'\n ? parseInt(e.target.value, 10)\n : e.target.value;\n if (newValue !== value) {\n onItemChange(\n { id: item.id },\n { [config.key]: newValue },\n );\n }\n };\n return (\n <div className=\"toolSection-dropdownWrapper\">\n <select\n className=\"toolSection-dropdown\"\n {...selectProps}\n onChange={onChange}\n >\n {options.map(option => {\n const optionValue = option.value ? option.value : option;\n const optionLabel = option.label ? option.label : option;\n return (\n <option\n key={optionValue}\n value={optionValue}\n >\n {optionLabel}\n {unit ? unit : ''}\n </option>\n );\n })}\n </select>\n </div>\n );\n};\n\nDropdown.propTypes = {\n config: PropTypes.shape({\n cast: PropTypes.string,\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n unit: PropTypes.string,\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n};\n\
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Settings/Dropdown.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Dropdown = ({\n config = { cast: 'string' },\n item = {},\n onItemChange = () => {},\n value = '',\n}) => {\n const { options, unit } = config;\n\n const selectProps = {};\n if (value) {\n selectProps.value = value;\n }\n\n const onChange = e => {\n const newValue = config.cast && config.cast === 'integer'\n ? parseInt(e.target.value, 10)\n : e.target.value;\n if (newValue !== value) {\n onItemChange(\n { id: item.id },\n { [config.key]: newValue },\n );\n }\n };\n return (\n <div className=\"toolSection-dropdownWrapper\">\n <select\n className=\"toolSection-dropdown\"\n {...selectProps}\n onChange={onChange}\n >\n {options.map(option => {\n const optionValue = option.value ? option.value : option;\n const optionLabel = option.label ? option.label : option;\n return (\n <option\n key={optionValue}\n value={optionValue}\n >\n {optionLabel}\n {unit ? unit : ''}\n </option>\n );\n })}\n </select>\n </div>\n );\n};\n\nDropdown.propTypes = {\n config: PropTypes.shape({\n cast: PropTypes.string,\n key: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.any),\n unit: PropTypes.string,\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n};\n\nexport default memo(Dropdown);\n"],"names":["Dropdown","config","cast","item","onItemChange","value","options","unit","selectProps","onChange","e","newValue","parseInt","target","id","key","_jsx","map","option","optionValue","optionLabel","label","_jsxs","propTypes","PropTypes","shape","string","arrayOf","any","func","oneOfType","number","memo"],"mappings":";;;;;;;;;;;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKX;AAAA,yBAJJC,MAII;AAAA,MAJJA,MAII,4BAJK;AAAEC,IAAAA,IAAI,EAAE;AAAR,GAIL;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,EAGH;AAAA,+BAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,YAAM,EAEjB;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;AACJ,MAAQC,OAAR,GAA0BL,MAA1B,CAAQK,OAAR;AAAA,MAAiBC,IAAjB,GAA0BN,MAA1B,CAAiBM,IAAjB;AAEA,MAAMC,WAAW,GAAG,EAApB;;AACA,MAAIH,KAAJ,EAAW;AACTG,IAAAA,WAAW,CAACH,KAAZ,GAAoBA,KAApB;AACD;;AAED,MAAMI,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AACpB,QAAMC,QAAQ,GAAGV,MAAM,CAACC,IAAP,IAAeD,MAAM,CAACC,IAAP,KAAgB,SAA/B,GACbU,QAAQ,CAACF,CAAC,CAACG,MAAF,CAASR,KAAV,EAAiB,EAAjB,CADK,GAEbK,CAAC,CAACG,MAAF,CAASR,KAFb;;AAGA,QAAIM,QAAQ,KAAKN,KAAjB,EAAwB;AACtBD,MAAAA,YAAY,CACV;AAAEU,QAAAA,EAAE,EAAEX,IAAI,CAACW;AAAX,OADU,sBAEPb,MAAM,CAACc,GAFA,EAEMJ,QAFN,EAAZ;AAID;AACF,GAVD;;AAWA,sBACEK;AAAK,IAAA,SAAS,EAAC,6BAAf;AAAA,2BACEA;AACE,MAAA,SAAS,EAAC;AADZ,OAEMR,WAFN;AAGE,MAAA,QAAQ,EAAEC,QAHZ;AAAA,gBAKGH,OAAO,CAACW,GAAR,CAAY,UAAAC,MAAM,EAAI;AACrB,YAAMC,WAAW,GAAGD,MAAM,CAACb,KAAP,GAAea,MAAM,CAACb,KAAtB,GAA8Ba,MAAlD;AACA,YAAME,WAAW,GAAGF,MAAM,CAACG,KAAP,GAAeH,MAAM,CAACG,KAAtB,GAA8BH,MAAlD;AACA,4BACEI;AAEE,UAAA,KAAK,EAAEH,WAFT;AAAA,qBAIGC,WAJH,EAKGb,IAAI,GAAGA,IAAH,GAAU,EALjB;AAAA,WACOY,WADP,CADF;AASD,OAZA;AALH;AADF,IADF;AAuBD,CA/CD;;AAiDAnB,QAAQ,CAACuB,SAAT,GAAqB;AACnBtB,EAAAA,MAAM,EAAEuB,SAAS,CAACC,KAAV,CAAgB;AACtBvB,IAAAA,IAAI,EAAEsB,SAAS,CAACE,MADM;AAEtBX,IAAAA,GAAG,EAAES,SAAS,CAACE,MAFO;AAGtBpB,IAAAA,OAAO,EAAEkB,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,GAA5B,CAHa;AAItBrB,IAAAA,IAAI,EAAEiB,SAAS,CAACE;AAJM,GAAhB,CADW;AAOnBvB,EAAAA,IAAI,EAAEqB,SAAS,CAACC,KAAV,CAAgB;AACpBX,IAAAA,EAAE,EAAEU,SAAS,CAACE;AADM,GAAhB,CAPa;AAUnBtB,EAAAA,YAAY,EAAEoB,SAAS,CAACK,IAVL;AAWnBxB,EAAAA,KAAK,EAAEmB,SAAS,CAACM,SAAV,CAAoB,CACzBN,SAAS,CAACE,MADe,EAEzBF,SAAS,CAACO,MAFe,CAApB;AAXY,CAArB;AAiBA,8BAAeC,IAAI,CAAChC,QAAD,CAAnB;;;;"}
|
|
@@ -3,7 +3,9 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
|
|
5
5
|
var FieldSet = function FieldSet(_ref) {
|
|
6
|
-
var
|
|
6
|
+
var _ref$config = _ref.config;
|
|
7
|
+
_ref$config = _ref$config === void 0 ? {} : _ref$config;
|
|
8
|
+
var label = _ref$config.label;
|
|
7
9
|
return /*#__PURE__*/jsx("div", {
|
|
8
10
|
className: "toolSection toolSection-title t-medium fieldset",
|
|
9
11
|
children: label
|
|
@@ -15,9 +17,6 @@ FieldSet.propTypes = {
|
|
|
15
17
|
label: PropTypes.string
|
|
16
18
|
})
|
|
17
19
|
};
|
|
18
|
-
FieldSet.defaultProps = {
|
|
19
|
-
config: {}
|
|
20
|
-
};
|
|
21
20
|
var FieldSet$1 = /*#__PURE__*/memo(FieldSet);
|
|
22
21
|
|
|
23
22
|
export default FieldSet$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldSet.js","sources":["../../../../src/components/Settings/FieldSet.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst FieldSet = ({ config: { label } }) => {\n return (\n <div className=\"toolSection toolSection-title t-medium fieldset\">\n {label}\n </div>\n );\n};\n\nFieldSet.propTypes = {\n config: PropTypes.shape({\n label: PropTypes.string,\n }),\n};\n\
|
|
1
|
+
{"version":3,"file":"FieldSet.js","sources":["../../../../src/components/Settings/FieldSet.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\n\nconst FieldSet = ({ config: { label } = {} }) => {\n return (\n <div className=\"toolSection toolSection-title t-medium fieldset\">\n {label}\n </div>\n );\n};\n\nFieldSet.propTypes = {\n config: PropTypes.shape({\n label: PropTypes.string,\n }),\n};\n\nexport default memo(FieldSet);\n"],"names":["FieldSet","config","label","_jsx","propTypes","PropTypes","shape","string","memo"],"mappings":";;;;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAgC;AAAA,yBAA7BC,MAA6B;AAAA,yCAAT,EAAS;AAAA,MAAnBC,KAAmB,eAAnBA,KAAmB;AAC/C,sBACEC;AAAK,IAAA,SAAS,EAAC,iDAAf;AAAA,cACGD;AADH,IADF;AAKD,CAND;;AAQAF,QAAQ,CAACI,SAAT,GAAqB;AACnBH,EAAAA,MAAM,EAAEI,SAAS,CAACC,KAAV,CAAgB;AACtBJ,IAAAA,KAAK,EAAEG,SAAS,CAACE;AADK,GAAhB;AADW,CAArB;AAMA,8BAAeC,IAAI,CAACR,QAAD,CAAnB;;;;"}
|
|
@@ -7,10 +7,14 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
7
7
|
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; }
|
|
8
8
|
|
|
9
9
|
var IconSelectBox = function IconSelectBox(_ref) {
|
|
10
|
-
var config = _ref.config,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
var _ref$config = _ref.config,
|
|
11
|
+
config = _ref$config === void 0 ? {} : _ref$config,
|
|
12
|
+
_ref$item = _ref.item,
|
|
13
|
+
item = _ref$item === void 0 ? {} : _ref$item,
|
|
14
|
+
_ref$onItemChange = _ref.onItemChange,
|
|
15
|
+
onItemChange = _ref$onItemChange === void 0 ? function () {} : _ref$onItemChange,
|
|
16
|
+
_ref$value = _ref.value,
|
|
17
|
+
value = _ref$value === void 0 ? '' : _ref$value;
|
|
14
18
|
|
|
15
19
|
var handleIconSelect = function handleIconSelect(e) {
|
|
16
20
|
var newValue = e.target.value;
|
|
@@ -64,12 +68,6 @@ IconSelectBox.propTypes = {
|
|
|
64
68
|
onItemChange: PropTypes.func,
|
|
65
69
|
value: PropTypes.string
|
|
66
70
|
};
|
|
67
|
-
IconSelectBox.defaultProps = {
|
|
68
|
-
config: {},
|
|
69
|
-
item: {},
|
|
70
|
-
onItemChange: function onItemChange() {},
|
|
71
|
-
value: ''
|
|
72
|
-
};
|
|
73
71
|
|
|
74
72
|
export default IconSelectBox;
|
|
75
73
|
//# sourceMappingURL=IconSelectBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconSelectBox.js","sources":["../../../../src/components/Settings/IconSelectBox.js"],"sourcesContent":["/* eslint-disable */\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/iconSelector';\n\nconst IconSelectBox = ({\n config
|
|
1
|
+
{"version":3,"file":"IconSelectBox.js","sources":["../../../../src/components/Settings/IconSelectBox.js"],"sourcesContent":["/* eslint-disable */\nimport PropTypes from 'prop-types';\nimport * as icons from '../../utils/iconSelector';\n\nconst IconSelectBox = ({\n config = {},\n item = {},\n onItemChange = () => {},\n value = '',\n}) => {\n const handleIconSelect = e => {\n const newValue = e.target.value;\n if (value !== newValue) {\n onItemChange(\n { id: item.id },\n { [config.key]: newValue },\n );\n }\n };\n\n return (\n <div className=\"toolSection-list forIcons d-flex f-wrap\">\n <div className=\"tabContent\">\n <div className=\"iconSelector\">\n {Object.keys(icons).map(iconType => {\n const Icon = icons[iconType];\n return (\n <div\n key={iconType}\n className=\"iconSelector-item\"\n >\n <input\n checked={iconType === value ? true : false}\n className=\"iconSelector-input\"\n id={iconType}\n name=\"iconSelector\"\n onChange={handleIconSelect}\n type=\"radio\"\n value={iconType}\n />\n <label\n className=\"iconSelector-label\"\n htmlFor={iconType}\n >\n <Icon\n key={iconType}\n className=\"jfReportSVG iconSelector-icon\"\n />\n </label>\n </div>\n );\n })}\n </div>\n </div>\n </div>\n );\n};\n\nIconSelectBox.propTypes = {\n config: PropTypes.shape({\n key: PropTypes.string,\n }),\n item: PropTypes.shape({\n id: PropTypes.string,\n }),\n onItemChange: PropTypes.func,\n value: PropTypes.string,\n};\n\nexport default IconSelectBox;\n"],"names":["IconSelectBox","config","item","onItemChange","value","handleIconSelect","e","newValue","target","id","key","_jsx","Object","keys","icons","map","iconType","Icon","_jsxs","propTypes","PropTypes","shape","string","func"],"mappings":";;;;;;;;IAIMA,aAAa,GAAG,SAAhBA,aAAgB,OAKhB;AAAA,yBAJJC,MAII;AAAA,MAJJA,MAII,4BAJM,EAIN;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHG,EAGH;AAAA,+BAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,YAAM,EAEjB;AAAA,wBADJC,KACI;AAAA,MADJA,KACI,2BADI,EACJ;;AACJ,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,CAAC,EAAI;AAC5B,QAAMC,QAAQ,GAAGD,CAAC,CAACE,MAAF,CAASJ,KAA1B;;AACA,QAAIA,KAAK,KAAKG,QAAd,EAAwB;AACtBJ,MAAAA,YAAY,CACV;AAAEM,QAAAA,EAAE,EAAEP,IAAI,CAACO;AAAX,OADU,sBAEPR,MAAM,CAACS,GAFA,EAEMH,QAFN,EAAZ;AAID;AACF,GARD;;AAUA,sBACEI;AAAK,IAAA,SAAS,EAAC,yCAAf;AAAA,2BACEA;AAAK,MAAA,SAAS,EAAC,YAAf;AAAA,6BACEA;AAAK,QAAA,SAAS,EAAC,cAAf;AAAA,kBACGC,MAAM,CAACC,IAAP,CAAYC,YAAZ,EAAmBC,GAAnB,CAAuB,UAAAC,QAAQ,EAAI;AAClC,cAAMC,IAAI,GAAGH,YAAK,CAACE,QAAD,CAAlB;AACA,8BACEE;AAEE,YAAA,SAAS,EAAC,mBAFZ;AAAA,oCAIEP;AACE,cAAA,OAAO,EAAEK,QAAQ,KAAKZ,KAAb,GAAqB,IAArB,GAA4B,KADvC;AAEE,cAAA,SAAS,EAAC,oBAFZ;AAGE,cAAA,EAAE,EAAEY,QAHN;AAIE,cAAA,IAAI,EAAC,cAJP;AAKE,cAAA,QAAQ,EAAEX,gBALZ;AAME,cAAA,IAAI,EAAC,OANP;AAOE,cAAA,KAAK,EAAEW;AAPT,cAJF,eAaEL;AACE,cAAA,SAAS,EAAC,oBADZ;AAEE,cAAA,OAAO,EAAEK,QAFX;AAAA,qCAIEL,IAAC,IAAD;AAEE,gBAAA,SAAS,EAAC;AAFZ,iBACOK,QADP;AAJF,cAbF;AAAA,aACOA,QADP,CADF;AAyBD,SA3BA;AADH;AADF;AADF,IADF;AAoCD;;AAEDhB,aAAa,CAACmB,SAAd,GAA0B;AACxBlB,EAAAA,MAAM,EAAEmB,SAAS,CAACC,KAAV,CAAgB;AACtBX,IAAAA,GAAG,EAAEU,SAAS,CAACE;AADO,GAAhB,CADgB;AAIxBpB,EAAAA,IAAI,EAAEkB,SAAS,CAACC,KAAV,CAAgB;AACpBZ,IAAAA,EAAE,EAAEW,SAAS,CAACE;AADM,GAAhB,CAJkB;AAOxBnB,EAAAA,YAAY,EAAEiB,SAAS,CAACG,IAPA;AAQxBnB,EAAAA,KAAK,EAAEgB,SAAS,CAACE;AARO,CAA1B;;;;"}
|