@configuratorware/configurator-frontendgui 1.27.3-beta.8 → 1.27.6
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/README.md +26 -5
- package/babel.config.js +46 -0
- package/package.json +102 -20
- package/public/ConfigurationMessagingDemo.html +55 -0
- package/scripts/cpPath.js +135 -0
- package/scripts/cpPublic.js +4 -4
- package/scripts/getDefaultWebpackConfig.js +10 -11
- package/scripts/moveLibToPackageRoot.js +40 -0
- package/scripts/rmDir.js +29 -0
- package/scripts/updateLocalPackages.js +68 -0
- package/scripts/utils/process.js +19 -0
- package/src/App/Error/ProductionErrorPage/Style.scss +1 -1
- package/src/App/Modules/Creator/Components/Option/index.js +0 -1
- package/src/App/Modules/Creator/Components/Option/index.test.js +1 -1
- package/src/App/Modules/Creator/Components/OptionAmount/index.test.js +1 -1
- package/src/App/Modules/Creator/Components/Optiondetail/index.js +7 -3
- package/src/App/Modules/Creator/Components/ProductPart/index.js +0 -1
- package/src/App/Modules/Creator/Components/ProductPart/index.test.js +1 -1
- package/src/App/Modules/Designer/Components/AddGalleryImage/index.story.js +1 -1
- package/src/App/Modules/Designer/Components/ColorPalettes/index.test.jsx +1 -1
- package/src/App/Modules/Designer/Components/DesignAreaControlbox/index.test.jsx +1 -1
- package/src/App/Modules/Designer/Components/TextControlbox/index.test.jsx +1 -1
- package/src/App/Reducers/Configurator/Actions.js +3 -13
- package/src/App/Reducers/DesignArea/Selectors.js +7 -9
- package/src/App/Reducers/DesignView/Actions.js +2 -1
- package/src/App/Reducers/DesignView/Reducer.js +10 -2
- package/src/App/Reducers/DesignView/__mocks__/designerViewData.js +1 -0
- package/src/App/Reducers/DesignView/__tests__/Reducer.test.js +22 -0
- package/src/App/Reducers/ImageGallery/Actions.js +1 -1
- package/src/App/Reducers/UI/Actions.js +0 -8
- package/src/App/Reducers/UI/Reducer.js +1 -3
- package/src/App/Screens/Configurator/Components/CalculationWidget/index.test.jsx +1 -1
- package/src/App/Screens/Configurator/Components/DesignApproval/index.test.jsx +1 -1
- package/src/App/Screens/Configurator/Components/FullScreenView/index.test.jsx +1 -1
- package/src/App/Screens/Configurator/Containers/AmountPrice.js +1 -1
- package/src/App/Screens/Configurator/Containers/Confirm.js +1 -1
- package/src/App/Screens/Configurator/Screen.js +1 -1
- package/src/App/Screens/Configurator/ThemeProvider.js +0 -1
- package/src/App/Services/__tests__/DesignDataService.selectViewForComponent.test.js +53 -0
- package/src/App/Shared/Containers/AlertMessages.js +1 -1
- package/src/App/Shared/Containers/AmountPrice/index.test.js +1 -1
- package/src/App/Shared/Containers/Error.js +1 -1
- package/src/App/Shared/Containers/SaveConfiguration.js +1 -1
- package/src/App/Translations.js +1 -1
- package/src/Framework/Components/Carousel/index.js +8 -29
- package/src/Framework/i18n.js +3 -2
- package/src/Shared/Components/CustomDialog.js +11 -5
- package/tsconfig.json +22 -0
- package/App/Constant.js +0 -73
- package/App/Error/DevelopmentErrorPage/index.js +0 -74
- package/App/Error/ErrorBoundary.js +0 -98
- package/App/Error/ProductionErrorPage/Style.scss +0 -47
- package/App/Error/ProductionErrorPage/index.js +0 -43
- package/App/Error/ProductionErrorPage/index.story.js +0 -13
- package/App/Error/ProductionErrorPage/res/error_gears.png +0 -0
- package/App/Frame.js +0 -95
- package/App/Modules/Creator/Components/ConfigurationvariantItem/Styles.scss +0 -33
- package/App/Modules/Creator/Components/ConfigurationvariantItem/index.js +0 -118
- package/App/Modules/Creator/Components/ConfigurationvariantSelection/Styles.scss +0 -47
- package/App/Modules/Creator/Components/ConfigurationvariantSelection/index.js +0 -130
- package/App/Modules/Creator/Components/CustomTitleEditor/Styles.scss +0 -43
- package/App/Modules/Creator/Components/CustomTitleEditor/index.js +0 -144
- package/App/Modules/Creator/Components/ExternalVisualization/index.js +0 -140
- package/App/Modules/Creator/Components/FastConfiguration/SelectableRow.js +0 -128
- package/App/Modules/Creator/Components/FastConfiguration/Styles.scss +0 -53
- package/App/Modules/Creator/Components/FastConfiguration/index.js +0 -280
- package/App/Modules/Creator/Components/FastConfigurationRow/Styles.scss +0 -45
- package/App/Modules/Creator/Components/FastConfigurationRow/index.js +0 -78
- package/App/Modules/Creator/Components/FastConfigurationSelect/Styles.scss +0 -35
- package/App/Modules/Creator/Components/FastConfigurationSelect/index.js +0 -251
- package/App/Modules/Creator/Components/FormattedNumber/index.js +0 -45
- package/App/Modules/Creator/Components/FormattedPrice/index.js +0 -57
- package/App/Modules/Creator/Components/FullScreenView/FullScreenView.js +0 -104
- package/App/Modules/Creator/Components/Incompatibility/OptionRule/index.js +0 -182
- package/App/Modules/Creator/Components/Incompatibility/RuleComponent.js +0 -88
- package/App/Modules/Creator/Components/Incompatibility/index.js +0 -251
- package/App/Modules/Creator/Components/InvalidConfigurationNotice/index.js +0 -164
- package/App/Modules/Creator/Components/LoginForm/Styles.scss +0 -9
- package/App/Modules/Creator/Components/LoginForm/index.js +0 -129
- package/App/Modules/Creator/Components/Option/index.js +0 -545
- package/App/Modules/Creator/Components/Option/index.story.js +0 -154
- package/App/Modules/Creator/Components/OptionAmount/index.js +0 -236
- package/App/Modules/Creator/Components/OptionGroup/index.js +0 -55
- package/App/Modules/Creator/Components/Optiondetail/ZoomImage/index.js +0 -173
- package/App/Modules/Creator/Components/Optiondetail/index.js +0 -497
- package/App/Modules/Creator/Components/Optiondetail/index.story.js +0 -117
- package/App/Modules/Creator/Components/OptionsList/index.js +0 -193
- package/App/Modules/Creator/Components/Price/Styles.scss +0 -3
- package/App/Modules/Creator/Components/Price/index.js +0 -79
- package/App/Modules/Creator/Components/ProductPart/index.js +0 -185
- package/App/Modules/Creator/Components/ProductPart/index.story.js +0 -88
- package/App/Modules/Creator/Components/ProductPartsList/index.js +0 -150
- package/App/Modules/Creator/Components/ProductPartsList/index.story.js +0 -101
- package/App/Modules/Creator/Components/SavedConfiguration/Styles.scss +0 -19
- package/App/Modules/Creator/Components/SavedConfiguration/index.js +0 -82
- package/App/Modules/Creator/Components/ShareConfiguration/Styles.scss +0 -23
- package/App/Modules/Creator/Components/ShareConfiguration/index.js +0 -224
- package/App/Modules/Creator/Components/StockInformation/index.js +0 -93
- package/App/Modules/Creator/Components/StoreConfigurationForm/Styles.scss +0 -5
- package/App/Modules/Creator/Components/StoreConfigurationForm/index.js +0 -123
- package/App/Modules/Creator/Components/Tools/Styles.scss +0 -44
- package/App/Modules/Creator/Components/Tools/index.js +0 -102
- package/App/Modules/Creator/Components/ValidationResult/Styles.scss +0 -45
- package/App/Modules/Creator/Components/ValidationResult/index.js +0 -165
- package/App/Modules/Creator/Components/index.js +0 -84
- package/App/Modules/Creator/Containers/AmountPrice/index.js +0 -26
- package/App/Modules/Creator/Containers/ConfigurationvariantSelection/index.js +0 -60
- package/App/Modules/Creator/Containers/CustomTitleEditor/index.js +0 -52
- package/App/Modules/Creator/Containers/FastConfiguration/index.js +0 -62
- package/App/Modules/Creator/Containers/FormattedPrice/index.js +0 -31
- package/App/Modules/Creator/Containers/Incompatibility/index.js +0 -40
- package/App/Modules/Creator/Containers/InvalidConfigurationNotice/index.js +0 -89
- package/App/Modules/Creator/Containers/LoadingOverlay/index.js +0 -26
- package/App/Modules/Creator/Containers/Optiondetail/index.js +0 -48
- package/App/Modules/Creator/Containers/OptionsList/index.js +0 -49
- package/App/Modules/Creator/Containers/ProductPart/index.js +0 -26
- package/App/Modules/Creator/Containers/ProductPartsList/index.js +0 -49
- package/App/Modules/Creator/Containers/SavedConfigurationContainer/index.js +0 -25
- package/App/Modules/Creator/Containers/ShareConfiguration/index.js +0 -42
- package/App/Modules/Creator/Containers/StockInformation/index.js +0 -33
- package/App/Modules/Creator/Containers/Tools/index.js +0 -44
- package/App/Modules/Creator/Containers/ValidationResult/index.js +0 -34
- package/App/Modules/Creator/Containers/index.js +0 -175
- package/App/Modules/Creator/CreatorScreen.js +0 -307
- package/App/Modules/Creator/Layouts/DefaultLayout.js +0 -260
- package/App/Modules/Creator/Styles.scss +0 -216
- package/App/Modules/Designer/Components/AddGalleryImage/index.js +0 -234
- package/App/Modules/Designer/Components/AddGalleryImage/index.story.js +0 -94
- package/App/Modules/Designer/Components/AddGalleryImage/index.test.js +0 -151
- package/App/Modules/Designer/Components/AddVisualElement/Styles.scss +0 -0
- package/App/Modules/Designer/Components/AddVisualElement/index.js +0 -278
- package/App/Modules/Designer/Components/AddVisualElement/index.story.js +0 -24
- package/App/Modules/Designer/Components/AddVisualElement/index.test.js +0 -47
- package/App/Modules/Designer/Components/CloseDesignEditor/index.js +0 -130
- package/App/Modules/Designer/Components/CloseGraphicsEditorButton/index.js +0 -54
- package/App/Modules/Designer/Components/ColorPalettes/ColorPalettesSearch.js +0 -175
- package/App/Modules/Designer/Components/ColorPalettes/index.js +0 -814
- package/App/Modules/Designer/Components/ColorPalettes/index.story.js +0 -158
- package/App/Modules/Designer/Components/ColorPalettes/index.test.js +0 -150
- package/App/Modules/Designer/Components/DesignAreaControlbox/Styles.scss +0 -0
- package/App/Modules/Designer/Components/DesignAreaControlbox/index.js +0 -460
- package/App/Modules/Designer/Components/DesignAreaControlbox/index.story.js +0 -272
- package/App/Modules/Designer/Components/DesignAreaControlbox/index.test.js +0 -164
- package/App/Modules/Designer/Components/DesignerSelectionToolbox/CustomFontOverlay.js +0 -162
- package/App/Modules/Designer/Components/DesignerSelectionToolbox/DesignerSelectionToolbox.js +0 -425
- package/App/Modules/Designer/Components/DesignerSelectionToolbox/fontItemUtils.js +0 -48
- package/App/Modules/Designer/Components/Dialog/index.js +0 -125
- package/App/Modules/Designer/Components/EditDesignButton/index.js +0 -128
- package/App/Modules/Designer/Components/FeedbackNotice/index.js +0 -110
- package/App/Modules/Designer/Components/FeedbackNotice/index.test.js +0 -16
- package/App/Modules/Designer/Components/FullScreenView/FullScreenView.js +0 -63
- package/App/Modules/Designer/Components/ImageColorPicker/ImageColorPicker.dev.js +0 -32
- package/App/Modules/Designer/Components/ImageColorPicker/ImageColorPicker.js +0 -430
- package/App/Modules/Designer/Components/ImageColorize/index.js +0 -636
- package/App/Modules/Designer/Components/ImageColorize/index.story.js +0 -73
- package/App/Modules/Designer/Components/ImageControlbox/index.js +0 -302
- package/App/Modules/Designer/Components/ImageEditDialog/ImageThumbnail.js +0 -171
- package/App/Modules/Designer/Components/ImageEditDialog/ImageUpload.js +0 -478
- package/App/Modules/Designer/Components/ImageEditDialog/index.js +0 -716
- package/App/Modules/Designer/Components/ImageEditDialog/res/baseline_colorize_black_24dp.png +0 -0
- package/App/Modules/Designer/Components/ImageEditDialog/res/checkers_tile.png +0 -0
- package/App/Modules/Designer/Components/ImageLibraryFilter/index.js +0 -179
- package/App/Modules/Designer/Components/ImageLibraryThumbnail/Styles.scss +0 -14
- package/App/Modules/Designer/Components/ImageLibraryThumbnail/index.js +0 -165
- package/App/Modules/Designer/Components/ObjectTools/index.js +0 -146
- package/App/Modules/Designer/Components/Select/index.js +0 -171
- package/App/Modules/Designer/Components/TextControlbox/TextFormatIcon.js +0 -48
- package/App/Modules/Designer/Components/TextControlbox/index.js +0 -656
- package/App/Modules/Designer/Components/TextControlbox/index.story.js +0 -109
- package/App/Modules/Designer/Components/TextControlbox/index.test.js +0 -172
- package/App/Modules/Designer/Containers/AddGalleryImage.js +0 -90
- package/App/Modules/Designer/Containers/AddVisualElement.js +0 -166
- package/App/Modules/Designer/Containers/CloseDesignEditor.js +0 -32
- package/App/Modules/Designer/Containers/CloseGraphicsEditorButton.js +0 -32
- package/App/Modules/Designer/Containers/ColorPalettes.js +0 -145
- package/App/Modules/Designer/Containers/DesignAreaControlbox.js +0 -54
- package/App/Modules/Designer/Containers/Designer.js +0 -37
- package/App/Modules/Designer/Containers/DesignerSelectionToolbox.js +0 -116
- package/App/Modules/Designer/Containers/EditDesignButton.js +0 -35
- package/App/Modules/Designer/Containers/ImageEditDialog.js +0 -1130
- package/App/Modules/Designer/Designer.js +0 -231
- package/App/Modules/Designer/DesignerScreen.js +0 -233
- package/App/Modules/Designer/Layouts/DefaultLayout.js +0 -196
- package/App/Modules/Designer/Layouts/Mobile/TwoSideBottomBar.js +0 -50
- package/App/Modules/Designer/Layouts/PopupAreaProvider.js +0 -186
- package/App/Modules/Designer/Utils/FontFaceRepository.js +0 -82
- package/App/Modules/Designer/Utils/ImageEditUtils.js +0 -104
- package/App/Modules/Designer/Utils/Transformers.js +0 -164
- package/App/Modules/Designer/setupDesigner.js +0 -182
- package/App/Modules/Designer/withActiveCanvas.js +0 -136
- package/App/Modules/Visualization/AlignTargetContainer.js +0 -55
- package/App/Modules/Visualization/CreatorAlignTarget.js +0 -41
- package/App/Modules/Visualization/DefaultVisualizationProvider.js +0 -105
- package/App/Modules/Visualization/DesignerAlignTarget.js +0 -45
- package/App/Modules/Visualization/Utils/getFirstDataURLFromScreenshotsObj.js +0 -20
- package/App/Reducers/Actions.js +0 -297
- package/App/Reducers/ConfigurationMode/Actions.js +0 -21
- package/App/Reducers/ConfigurationMode/Reducer.js +0 -80
- package/App/Reducers/ConfigurationMode/Selectors.js +0 -84
- package/App/Reducers/Configurator/Actions.js +0 -1417
- package/App/Reducers/Configurator/AttributeSelectors.js +0 -32
- package/App/Reducers/Configurator/Modifiers.js +0 -35
- package/App/Reducers/Configurator/Reducer.js +0 -639
- package/App/Reducers/Configurator/Selectors.js +0 -242
- package/App/Reducers/Confirm/Actions.js +0 -84
- package/App/Reducers/Confirm/Reducer.js +0 -30
- package/App/Reducers/DesignArea/Actions.js +0 -76
- package/App/Reducers/DesignArea/DesignElementSelectors.js +0 -114
- package/App/Reducers/DesignArea/MaskSelectors.js +0 -101
- package/App/Reducers/DesignArea/Reducer.js +0 -150
- package/App/Reducers/DesignArea/Selectors.js +0 -1314
- package/App/Reducers/DesignArea/Transformers.js +0 -333
- package/App/Reducers/DesignData/Actions.js +0 -232
- package/App/Reducers/DesignData/Modifiers.js +0 -328
- package/App/Reducers/DesignData/Reducer.js +0 -189
- package/App/Reducers/DesignData/Selectors.js +0 -94
- package/App/Reducers/DesignData/Transformers.js +0 -27
- package/App/Reducers/DesignView/Actions.js +0 -19
- package/App/Reducers/DesignView/Reducer.js +0 -165
- package/App/Reducers/DesignView/Selectors.js +0 -130
- package/App/Reducers/DesignView/Transformers.js +0 -32
- package/App/Reducers/Device/Actions.js +0 -16
- package/App/Reducers/Device/Reducer.js +0 -51
- package/App/Reducers/Fonts/Actions.js +0 -137
- package/App/Reducers/Fonts/Reducer.js +0 -39
- package/App/Reducers/Fonts/Selectors.js +0 -98
- package/App/Reducers/GeneralActions.js +0 -16
- package/App/Reducers/ImageGallery/Actions.js +0 -336
- package/App/Reducers/ImageGallery/Modifiers.js +0 -67
- package/App/Reducers/ImageGallery/Reducer.js +0 -320
- package/App/Reducers/ImageGallery/Selectors.js +0 -206
- package/App/Reducers/Reducer.js +0 -107
- package/App/Reducers/UI/Actions.js +0 -191
- package/App/Reducers/UI/Reducer.js +0 -98
- package/App/Reducers/UI/Selectors.js +0 -32
- package/App/Reducers.js +0 -48
- package/App/Routing.js +0 -168
- package/App/Screens/Configurator/CalculationWidgetScreen.js +0 -84
- package/App/Screens/Configurator/Components/AmountSelection/Styles.scss +0 -17
- package/App/Screens/Configurator/Components/AmountSelection/index.js +0 -170
- package/App/Screens/Configurator/Components/AmountSelection/index.story.js +0 -36
- package/App/Screens/Configurator/Components/CalculationWidget/index.js +0 -652
- package/App/Screens/Configurator/Components/CalculationWidget/index.story.js +0 -154
- package/App/Screens/Configurator/Components/CalculationWidget/index.test.js +0 -142
- package/App/Screens/Configurator/Components/ConfigurationModeSwitch/ConfigurationModeSwitch.js +0 -82
- package/App/Screens/Configurator/Components/ConfigurationModeSwitch/index.js +0 -15
- package/App/Screens/Configurator/Components/Confirm/Styles.scss +0 -0
- package/App/Screens/Configurator/Components/Confirm/index.js +0 -105
- package/App/Screens/Configurator/Components/DesignApproval/index.js +0 -76
- package/App/Screens/Configurator/Components/DesignApproval/index.story.js +0 -27
- package/App/Screens/Configurator/Components/DesignApproval/index.test.js +0 -31
- package/App/Screens/Configurator/Components/Error/index.js +0 -106
- package/App/Screens/Configurator/Components/FallbackVisualization/FallbackVisualization.js +0 -96
- package/App/Screens/Configurator/Components/FileUpload/FileUploadBase.js +0 -1
- package/App/Screens/Configurator/Components/FullScreenView/index.js +0 -303
- package/App/Screens/Configurator/Components/FullScreenView/index.test.js +0 -28
- package/App/Screens/Configurator/Components/ImageLoader/ImageLoader.js +0 -96
- package/App/Screens/Configurator/Components/LandscapeInformation/index.js +0 -75
- package/App/Screens/Configurator/Components/NoVisualization/NoVisualization.js +0 -35
- package/App/Screens/Configurator/Components/PreviewPortal/index.js +0 -246
- package/App/Screens/Configurator/Components/Styles.scss +0 -1
- package/App/Screens/Configurator/Components/Thumbnail/index.js +0 -394
- package/App/Screens/Configurator/Components/Thumbnail/index.test.js +0 -50
- package/App/Screens/Configurator/Components/TotalPrice/TotalPrice.js +0 -57
- package/App/Screens/Configurator/Containers/AmountPrice.js +0 -84
- package/App/Screens/Configurator/Containers/CalculationWidget.js +0 -278
- package/App/Screens/Configurator/Containers/ConfigurationModeSwitch.js +0 -81
- package/App/Screens/Configurator/Containers/Confirm.js +0 -37
- package/App/Screens/Configurator/Containers/DesignApproval.js +0 -129
- package/App/Screens/Configurator/Containers/FallbackVisualization.js +0 -32
- package/App/Screens/Configurator/Containers/FullScreenView.js +0 -46
- package/App/Screens/Configurator/Containers/Thumbnail.js +0 -41
- package/App/Screens/Configurator/Containers/Visualization.js +0 -13
- package/App/Screens/Configurator/DesignerUI.js +0 -215
- package/App/Screens/Configurator/DynamicComponents.js +0 -40
- package/App/Screens/Configurator/Screen.js +0 -236
- package/App/Screens/Configurator/ScreenPropTypes.js +0 -45
- package/App/Screens/Configurator/ThemeProvider.js +0 -298
- package/App/Screens/DesignerProductPreview/Constants.js +0 -12
- package/App/Screens/DesignerProductPreview/DesignerProductPreviewManager.js +0 -554
- package/App/Screens/DesignerProductPreview/Screen.js +0 -407
- package/App/Screens.js +0 -42
- package/App/ServiceLocator.js +0 -309
- package/App/Services/AdminareaCommunicationService.js +0 -149
- package/App/Services/AnalyticsService.js +0 -403
- package/App/Services/ConfiguratorService.js +0 -1122
- package/App/Services/DesignDataService.js +0 -3249
- package/App/Services/DesignerService.js +0 -496
- package/App/Services/InteractionService.js +0 -782
- package/App/Services/UIService.js +0 -129
- package/App/Services/VisualizationService.js +0 -842
- package/App/Shared/Components/AcceptDesign/index.js +0 -166
- package/App/Shared/Components/AddToBasket/index.js +0 -194
- package/App/Shared/Components/AddToBasket/index.story.js +0 -47
- package/App/Shared/Components/AlertDialog/index.js +0 -138
- package/App/Shared/Components/AmountInput/Styles.scss +0 -6
- package/App/Shared/Components/AmountInput/index.js +0 -296
- package/App/Shared/Components/AmountInput/index.story.js +0 -29
- package/App/Shared/Components/AmountPrice/index.js +0 -925
- package/App/Shared/Components/AmountPrice/index.story.js +0 -112
- package/App/Shared/Components/AmountPrice/index.test.js +0 -125
- package/App/Shared/Components/Analytics/AnalyticsWrapper.js +0 -49
- package/App/Shared/Components/BulkNames/index.js +0 -319
- package/App/Shared/Components/CallToAction/index.js +0 -220
- package/App/Shared/Components/Header/Header.js +0 -150
- package/App/Shared/Components/Header/index.js +0 -15
- package/App/Shared/Components/Header/index.story.js +0 -143
- package/App/Shared/Components/InformationTag/InformationTag.js +0 -155
- package/App/Shared/Components/LicenseNotice/LicenseNotice.js +0 -148
- package/App/Shared/Components/LicenseNotice/index.js +0 -15
- package/App/Shared/Components/LoadConfiguration/index.js +0 -218
- package/App/Shared/Components/MessageBox/index.js +0 -84
- package/App/Shared/Components/MessageBox/index.story.js +0 -49
- package/App/Shared/Components/Notification/index.js +0 -105
- package/App/Shared/Components/Notification/index.story.js +0 -55
- package/App/Shared/Components/PdfDownload/index.js +0 -150
- package/App/Shared/Components/PlusMinusInput/index.js +0 -118
- package/App/Shared/Components/PriceList/index.js +0 -237
- package/App/Shared/Components/PriceList/index.story.js +0 -114
- package/App/Shared/Components/PriceOverview/index.js +0 -177
- package/App/Shared/Components/PriceOverview/index.story.js +0 -215
- package/App/Shared/Components/ProductVariant/Image.js +0 -75
- package/App/Shared/Components/ProductVariant/Styles.scss +0 -11
- package/App/Shared/Components/ProductVariant/index.js +0 -477
- package/App/Shared/Components/ProductVariant/index.story.js +0 -283
- package/App/Shared/Components/Progress/Progress.js +0 -59
- package/App/Shared/Components/ReceiveOfferForm/index.js +0 -432
- package/App/Shared/Components/ReceiveOfferForm/index.story.js +0 -32
- package/App/Shared/Components/ReceiveOfferForm/index.test.js +0 -36
- package/App/Shared/Components/SaveConfiguration/index.js +0 -286
- package/App/Shared/Components/SendEmail/index.js +0 -103
- package/App/Shared/Components/Stepper/index.js +0 -136
- package/App/Shared/Components/Stepper/index.story.js +0 -38
- package/App/Shared/Components/ToolbarList/index.js +0 -231
- package/App/Shared/Components/ToolbarList/index.story.js +0 -33
- package/App/Shared/Components/VariantChooser/index.js +0 -270
- package/App/Shared/Components/VariantChooser/index.story.js +0 -100
- package/App/Shared/Containers/AlertMessages.js +0 -37
- package/App/Shared/Containers/AmountPrice/AmountPriceAdminareaWrapper.js +0 -40
- package/App/Shared/Containers/AmountPrice/index.js +0 -284
- package/App/Shared/Containers/BulkNames.js +0 -310
- package/App/Shared/Containers/Error.js +0 -37
- package/App/Shared/Containers/GlobalLoader.js +0 -25
- package/App/Shared/Containers/Header/index.js +0 -178
- package/App/Shared/Containers/LicenseNotice/LicenseNotice.js +0 -26
- package/App/Shared/Containers/LicenseNotice/index.js +0 -15
- package/App/Shared/Containers/LoadConfiguration/LoadConfiguration.js +0 -146
- package/App/Shared/Containers/LoadConfiguration/index.js +0 -15
- package/App/Shared/Containers/PdfDownload/index.js +0 -39
- package/App/Shared/Containers/ProductVariant/ProductVariant.js +0 -339
- package/App/Shared/Containers/ProductVariant/index.js +0 -15
- package/App/Shared/Containers/SaveConfiguration.js +0 -49
- package/App/Shared/Containers/SendEmail/SendEmail.js +0 -45
- package/App/Shared/Containers/SendEmail/index.js +0 -15
- package/App/Shared/Providers/DefaultCanvasProvider.js +0 -86
- package/App/Storage.js +0 -17
- package/App/Store.js +0 -87
- package/App/Styles.scss +0 -0
- package/App/Translations.js +0 -88
- package/App/Utils/createMessageInterface.js +0 -52
- package/App/Utils/customClassName.js +0 -12
- package/App/Utils/getContrastText.js +0 -27
- package/App/Utils/getImageUrl.js +0 -32
- package/App/Variables.scss +0 -84
- package/App/configuration.js +0 -421
- package/App/index.js +0 -52
- package/App/initServices.js +0 -67
- package/App/setup.js +0 -22
- package/App/versionInfo.js +0 -8
- package/Framework/Api.js +0 -178
- package/Framework/ComponentContainer.js +0 -165
- package/Framework/Components/Carousel/Styles.scss +0 -85
- package/Framework/Components/Carousel/index.js +0 -322
- package/Framework/Components/Dialog/Style.scss +0 -79
- package/Framework/Components/Dialog/index.js +0 -721
- package/Framework/Components/DialogSelect/Styles.scss +0 -53
- package/Framework/Components/DialogSelect/index.js +0 -331
- package/Framework/Components/Input/index.js +0 -147
- package/Framework/Components/LoadingOverlay/Styles.scss +0 -37
- package/Framework/Components/LoadingOverlay/index.js +0 -33
- package/Framework/Components/Markdown/index.js +0 -62
- package/Framework/Components/Mobile/index.js +0 -33
- package/Framework/CustomError.js +0 -51
- package/Framework/Helpers/TransitionDetect.js +0 -116
- package/Framework/Helpers/isLandscapeMobile.js +0 -14
- package/Framework/Helpers/isMobileDevice.js +0 -17
- package/Framework/Helpers/isMobileSize.js +0 -13
- package/Framework/Mixins.scss +0 -235
- package/Framework/Services/AbstractAdminareaCommunicationService.js +0 -48
- package/Framework/Services/AbstractAsyncService.js +0 -44
- package/Framework/Services/AbstractConfiguratorService.js +0 -47
- package/Framework/Services/AbstractInteractionService.js +0 -50
- package/Framework/Services/AbstractStoreService.js +0 -42
- package/Framework/Services/AbstractUIService.js +0 -53
- package/Framework/Services/AbstractVisualizationService.js +0 -47
- package/Framework/Services/AsyncService.js +0 -93
- package/Framework/Services/StoreService.js +0 -237
- package/Framework/Variables.scss +0 -22
- package/Framework/bindDecorator.js +0 -173
- package/Framework/i18n.js +0 -383
- package/Resources/Icons/MaterialUI/Icons/AddCircle.js +0 -13
- package/Resources/Icons/MaterialUI/Icons/RemoveCircle.js +0 -13
- package/Resources/Icons/MaterialUI/fontFace.scss +0 -37
- package/Resources/Icons/MaterialUI/fonts/MaterialIcons-Regular.eot +0 -0
- package/Resources/Icons/MaterialUI/fonts/MaterialIcons-Regular.svg +0 -2373
- package/Resources/Icons/MaterialUI/fonts/MaterialIcons-Regular.ttf +0 -0
- package/Resources/Icons/MaterialUI/fonts/MaterialIcons-Regular.woff +0 -0
- package/Resources/Icons/MaterialUI/fonts/MaterialIcons-Regular.woff2 +0 -0
- package/Resources/Icons/fonts/ionicons.eot +0 -0
- package/Resources/Icons/fonts/ionicons.svg +0 -2230
- package/Resources/Icons/fonts/ionicons.ttf +0 -0
- package/Resources/Icons/fonts/ionicons.woff +0 -0
- package/Resources/Icons/ionicons.scss +0 -1489
- package/Resources/Icons/ioniconsExtend.scss +0 -1469
- package/Resources/Icons/v4/fontFace.scss +0 -11
- package/Resources/Icons/v4/fonts/ionicons.eot +0 -0
- package/Resources/Icons/v4/fonts/ionicons.svg +0 -2090
- package/Resources/Icons/v4/fonts/ionicons.ttf +0 -0
- package/Resources/Icons/v4/fonts/ionicons.woff +0 -0
- package/Resources/Icons/v4/fonts/ionicons.woff2 +0 -0
- package/Resources/Icons/v4/icons.scss +0 -15
- package/Resources/Icons/v4/iconsExtend.scss +0 -7
- package/Resources/Images/designer_placeholder_logo.svg +0 -1
- package/Resources/Masks/circle.svg +0 -4
- package/Shared/Components/CustomDialog.js +0 -132
- package/Shared/Components/CustomDialogSelect.js +0 -161
- package/Shared/Components/MainButton.js +0 -81
- package/Shared/ErrorTypes/DeferredError.js +0 -51
- package/Shared/HOCs/ResizeDetect/ResizeDetect.dev.js +0 -60
- package/Shared/HOCs/ResizeDetect/ResizeDetect.js +0 -217
- package/Shared/HOCs/getDisplayName.js +0 -10
- package/Shared/HOCs/withFixedChangeHandler.js +0 -46
- package/Shared/PropTypes/ReactComponent.js +0 -13
- package/Shared/Styles/absoluteCenter.js +0 -17
- package/Utils/Array/isIdentical.js +0 -38
- package/Utils/Async/AsyncManager.js +0 -128
- package/Utils/Async/Deferred.js +0 -146
- package/Utils/Async/ObjectLock.js +0 -38
- package/Utils/Decorators/Observable.js +0 -130
- package/Utils/Dev/HOCs/withFilePicker.js +0 -101
- package/Utils/Dev/isDev.js +0 -21
- package/Utils/Events/pointerEvent.js +0 -199
- package/Utils/Events/preventEventDoubling.js +0 -23
- package/Utils/Function/cached.js +0 -64
- package/Utils/Function/createDebounceManager.js +0 -77
- package/Utils/Function/createSelector.js +0 -62
- package/Utils/Function/memoize.js +0 -46
- package/Utils/Function/sendMessage.js +0 -22
- package/Utils/Helper/createSelectionRangeMemo.js +0 -45
- package/Utils/Immutable/set.js +0 -81
- package/Utils/Math/conversions.js +0 -13
- package/Utils/Math/isPositiveNumber.js +0 -12
- package/Utils/Redux/createActionWithGlobalState.js +0 -23
- package/Utils/Styles/combineMediaQueries.js +0 -24
- package/Utils/Styles/createCheckerBoardBackground.js +0 -22
- package/Utils/Test/CallOrderChecker.js +0 -29
- package/Utils/Test/createStoreProvider.js +0 -33
- package/Utils/Test/formDataToJSON.js +0 -20
- package/Utils/Test/mountWithState.js +0 -40
- package/index.js +0 -8
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
|
|
13
|
-
|
|
14
|
-
var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
|
|
15
|
-
|
|
16
|
-
var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
|
|
17
|
-
|
|
18
|
-
var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
|
|
19
|
-
|
|
20
|
-
var _i18n = require("../../../../../Framework/i18n");
|
|
21
|
-
|
|
22
|
-
require("./Styles.scss");
|
|
23
|
-
|
|
24
|
-
var _CustomDialog = _interopRequireDefault(require("../../../../../Shared/Components/CustomDialog"));
|
|
25
|
-
|
|
26
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
27
|
-
|
|
28
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
|
-
|
|
30
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
31
|
-
|
|
32
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
33
|
-
|
|
34
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
35
|
-
|
|
36
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
37
|
-
|
|
38
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
39
|
-
|
|
40
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
41
|
-
|
|
42
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
43
|
-
|
|
44
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
45
|
-
|
|
46
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
47
|
-
|
|
48
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
49
|
-
|
|
50
|
-
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; }
|
|
51
|
-
|
|
52
|
-
var Error = /*#__PURE__*/function (_React$Component) {
|
|
53
|
-
_inherits(Error, _React$Component);
|
|
54
|
-
|
|
55
|
-
var _super = _createSuper(Error);
|
|
56
|
-
|
|
57
|
-
function Error() {
|
|
58
|
-
var _this;
|
|
59
|
-
|
|
60
|
-
_classCallCheck(this, Error);
|
|
61
|
-
|
|
62
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
63
|
-
args[_key] = arguments[_key];
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
67
|
-
|
|
68
|
-
_defineProperty(_assertThisInitialized(_this), "handleClose", function () {
|
|
69
|
-
_this.props.dismissError();
|
|
70
|
-
});
|
|
71
|
-
|
|
72
|
-
return _this;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
_createClass(Error, [{
|
|
76
|
-
key: "render",
|
|
77
|
-
value: function render() {
|
|
78
|
-
var message = this.props.message;
|
|
79
|
-
return message && /*#__PURE__*/_react["default"].createElement(_CustomDialog["default"], {
|
|
80
|
-
open: true,
|
|
81
|
-
onClose: this.handleClose,
|
|
82
|
-
"aria-labelledby": "alert-dialog-title",
|
|
83
|
-
"aria-describedby": "alert-dialog-description",
|
|
84
|
-
dialogTitle: (0, _i18n.t)('errorDialogTitle')
|
|
85
|
-
}, /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
|
|
86
|
-
id: "alert-dialog-description",
|
|
87
|
-
dangerouslySetInnerHTML: {
|
|
88
|
-
__html: message
|
|
89
|
-
}
|
|
90
|
-
})), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
91
|
-
onClick: this.handleClose,
|
|
92
|
-
color: "primary"
|
|
93
|
-
}, (0, _i18n.t)('okButtonLabel'))));
|
|
94
|
-
}
|
|
95
|
-
}]);
|
|
96
|
-
|
|
97
|
-
return Error;
|
|
98
|
-
}(_react["default"].Component);
|
|
99
|
-
|
|
100
|
-
_defineProperty(Error, "propTypes", {
|
|
101
|
-
dismissError: _propTypes["default"].func,
|
|
102
|
-
message: _propTypes["default"].object
|
|
103
|
-
});
|
|
104
|
-
|
|
105
|
-
var _default = Error;
|
|
106
|
-
exports["default"] = _default;
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.FallbackVisualization = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
|
|
13
|
-
|
|
14
|
-
var _i18n = require("../../../../../Framework/i18n");
|
|
15
|
-
|
|
16
|
-
var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
|
|
17
|
-
|
|
18
|
-
var _ImageLoader = require("../ImageLoader/ImageLoader");
|
|
19
|
-
|
|
20
|
-
var _absoluteCenter = require("../../../../../Shared/Styles/absoluteCenter");
|
|
21
|
-
|
|
22
|
-
var _ReactComponent = _interopRequireDefault(require("../../../../../Shared/PropTypes/ReactComponent"));
|
|
23
|
-
|
|
24
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
-
|
|
26
|
-
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; }
|
|
27
|
-
|
|
28
|
-
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; }
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
32
|
-
var styles = function styles() {
|
|
33
|
-
return {
|
|
34
|
-
root: {
|
|
35
|
-
flex: 1,
|
|
36
|
-
display: 'flex',
|
|
37
|
-
flexDirection: 'row',
|
|
38
|
-
'@media (max-aspect-ratio: 10/9)': {
|
|
39
|
-
flexDirection: 'column'
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
imageWrapper: {
|
|
43
|
-
flex: '1',
|
|
44
|
-
flexWrap: 'wrap',
|
|
45
|
-
maxHeight: '100%',
|
|
46
|
-
position: 'relative',
|
|
47
|
-
'& > img': _objectSpread({
|
|
48
|
-
maxWidth: '100%',
|
|
49
|
-
maxHeight: '100%'
|
|
50
|
-
}, (0, _absoluteCenter.absoluteCenter)())
|
|
51
|
-
},
|
|
52
|
-
contentWrapper: {
|
|
53
|
-
flex: 1,
|
|
54
|
-
display: 'flex'
|
|
55
|
-
},
|
|
56
|
-
fallbackText: _objectSpread({}, (0, _absoluteCenter.absoluteCenter)())
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
var FallbackVisualization = (0, _withStyles["default"])(styles, {
|
|
61
|
-
name: 'FallbackVisualization'
|
|
62
|
-
})(function (_ref) {
|
|
63
|
-
var imageSrc = _ref.imageSrc,
|
|
64
|
-
classes = _ref.classes,
|
|
65
|
-
fallbackMode = _ref.fallbackMode,
|
|
66
|
-
children = _ref.children,
|
|
67
|
-
showContent = _ref.showContent,
|
|
68
|
-
ProgressComponent = _ref.ProgressComponent;
|
|
69
|
-
return fallbackMode ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
70
|
-
className: classes.root
|
|
71
|
-
}, imageSrc && /*#__PURE__*/_react["default"].createElement("div", {
|
|
72
|
-
className: classes.imageWrapper
|
|
73
|
-
}, /*#__PURE__*/_react["default"].createElement(_ImageLoader.ImageLoader, {
|
|
74
|
-
src: imageSrc,
|
|
75
|
-
ProgressComponent: ProgressComponent,
|
|
76
|
-
fallbackElement: /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
|
|
77
|
-
variant: "body1",
|
|
78
|
-
className: classes.fallbackText
|
|
79
|
-
}, (0, _i18n.T)('visualization.errors.visualizationNotPossible'))
|
|
80
|
-
})), showContent && /*#__PURE__*/_react["default"].createElement("div", {
|
|
81
|
-
className: classes.contentWrapper
|
|
82
|
-
}, children)) : children;
|
|
83
|
-
});
|
|
84
|
-
exports.FallbackVisualization = FallbackVisualization;
|
|
85
|
-
FallbackVisualization.propTypes = {
|
|
86
|
-
imageSrc: _propTypes["default"].string.isRequired,
|
|
87
|
-
fallbackMode: _propTypes["default"].bool.isRequired,
|
|
88
|
-
showContent: _propTypes["default"].bool,
|
|
89
|
-
ProgressComponent: _ReactComponent["default"]
|
|
90
|
-
};
|
|
91
|
-
FallbackVisualization.defaultProps = {
|
|
92
|
-
showContent: true,
|
|
93
|
-
ProgressComponent: function ProgressComponent() {
|
|
94
|
-
return null;
|
|
95
|
-
}
|
|
96
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
@@ -1,303 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = exports.PreviewButton = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
15
|
-
|
|
16
|
-
var _styles = require("@material-ui/core/styles");
|
|
17
|
-
|
|
18
|
-
var _Button = _interopRequireDefault(require("@material-ui/core/Button/Button"));
|
|
19
|
-
|
|
20
|
-
var _Icon = _interopRequireDefault(require("@material-ui/core/Icon/Icon"));
|
|
21
|
-
|
|
22
|
-
var _Grid = _interopRequireDefault(require("@material-ui/core/Grid/Grid"));
|
|
23
|
-
|
|
24
|
-
var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
|
|
25
|
-
|
|
26
|
-
var _withWidth = _interopRequireWildcard(require("@material-ui/core/withWidth/withWidth"));
|
|
27
|
-
|
|
28
|
-
var _i18n = require("../../../../../Framework/i18n");
|
|
29
|
-
|
|
30
|
-
var _AnalyticsWrapper = _interopRequireDefault(require("../../../../Shared/Components/Analytics/AnalyticsWrapper"));
|
|
31
|
-
|
|
32
|
-
var _customClassName = _interopRequireDefault(require("../../../../Utils/customClassName"));
|
|
33
|
-
|
|
34
|
-
var _Thumbnail = _interopRequireDefault(require("../../Containers/Thumbnail"));
|
|
35
|
-
|
|
36
|
-
var _PreviewPortal = _interopRequireDefault(require("../PreviewPortal"));
|
|
37
|
-
|
|
38
|
-
var _excluded = ["width", "areAllDesignAreasEmpty"];
|
|
39
|
-
|
|
40
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
41
|
-
|
|
42
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
43
|
-
|
|
44
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
45
|
-
|
|
46
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
47
|
-
|
|
48
|
-
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; }
|
|
49
|
-
|
|
50
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
51
|
-
|
|
52
|
-
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; }
|
|
53
|
-
|
|
54
|
-
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; }
|
|
55
|
-
|
|
56
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
57
|
-
|
|
58
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
59
|
-
|
|
60
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
61
|
-
|
|
62
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
63
|
-
|
|
64
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
65
|
-
|
|
66
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
67
|
-
|
|
68
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
69
|
-
|
|
70
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
71
|
-
|
|
72
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
73
|
-
|
|
74
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
75
|
-
|
|
76
|
-
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; }
|
|
77
|
-
|
|
78
|
-
var styles = function styles(theme) {
|
|
79
|
-
var _button, _thumbnailGrid, _buttonView;
|
|
80
|
-
|
|
81
|
-
return {
|
|
82
|
-
viewsContainer: {
|
|
83
|
-
position: 'absolute',
|
|
84
|
-
bottom: 0
|
|
85
|
-
},
|
|
86
|
-
fullScreenWrapper: {
|
|
87
|
-
display: 'flex;',
|
|
88
|
-
justifyContent: 'center'
|
|
89
|
-
},
|
|
90
|
-
button: (_button = {
|
|
91
|
-
textTransform: 'none',
|
|
92
|
-
left: 'calc(50%)',
|
|
93
|
-
zIndex: 2,
|
|
94
|
-
transform: 'translate(-50%, 0)'
|
|
95
|
-
}, _defineProperty(_button, theme.breakpoints.down('sm'), {
|
|
96
|
-
zIndex: 5
|
|
97
|
-
}), _defineProperty(_button, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)', {
|
|
98
|
-
display: 'none'
|
|
99
|
-
}), _button),
|
|
100
|
-
buttonBottom: {},
|
|
101
|
-
buttonTop: {},
|
|
102
|
-
buttonIcon: {
|
|
103
|
-
paddingRight: 8,
|
|
104
|
-
position: 'relative',
|
|
105
|
-
top: -1
|
|
106
|
-
},
|
|
107
|
-
thumbnailGrid: (_thumbnailGrid = {}, _defineProperty(_thumbnailGrid, theme.breakpoints.between('xs', 'md'), {
|
|
108
|
-
width: 'calc(100% - 360px)',
|
|
109
|
-
// subtract with right toolbar width
|
|
110
|
-
maxWidth: 'calc(100% - 360px)'
|
|
111
|
-
}), _defineProperty(_thumbnailGrid, theme.breakpoints.up('md'), {
|
|
112
|
-
position: 'absolute',
|
|
113
|
-
bottom: 0,
|
|
114
|
-
left: 'calc(50% - 175px)',
|
|
115
|
-
// subtract half of the right sidebar width
|
|
116
|
-
width: 453,
|
|
117
|
-
// 2 x 24 (arrow width) + 425 (carousel width)
|
|
118
|
-
transform: 'translateX(-50%)'
|
|
119
|
-
}), _defineProperty(_thumbnailGrid, theme.breakpoints.down('xs'), {
|
|
120
|
-
width: '100%',
|
|
121
|
-
maxWidth: '100%',
|
|
122
|
-
bottom: '-40px'
|
|
123
|
-
}), _thumbnailGrid),
|
|
124
|
-
buttonView: (_buttonView = {
|
|
125
|
-
textTransform: 'none',
|
|
126
|
-
bottom: 35,
|
|
127
|
-
position: 'absolute',
|
|
128
|
-
left: 'calc(50% - 200px)'
|
|
129
|
-
}, _defineProperty(_buttonView, theme.breakpoints.down('xs'), {
|
|
130
|
-
left: 'calc(50% - 75px)',
|
|
131
|
-
bottom: 0,
|
|
132
|
-
height: 56
|
|
133
|
-
}), _defineProperty(_buttonView, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)', {
|
|
134
|
-
display: 'none'
|
|
135
|
-
}), _buttonView)
|
|
136
|
-
};
|
|
137
|
-
};
|
|
138
|
-
|
|
139
|
-
var PreviewButton = function PreviewButton(_ref) {
|
|
140
|
-
var classes = _ref.classes,
|
|
141
|
-
bottom = _ref.bottom,
|
|
142
|
-
top = _ref.top,
|
|
143
|
-
onClick = _ref.onClick;
|
|
144
|
-
return /*#__PURE__*/_react["default"].createElement(_AnalyticsWrapper["default"], {
|
|
145
|
-
targetId: "preview_open"
|
|
146
|
-
}, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
147
|
-
component: "div",
|
|
148
|
-
className: (0, _clsx["default"])(classes.button, bottom && classes.buttonBottom, top && classes.buttonTop, (0, _customClassName["default"])('preview-button')),
|
|
149
|
-
onClick: onClick
|
|
150
|
-
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
|
151
|
-
className: classes.buttonIcon
|
|
152
|
-
}, "remove_red_eye"), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
|
|
153
|
-
className: "text"
|
|
154
|
-
}, (0, _i18n.t)('configurator.previewButton'))));
|
|
155
|
-
};
|
|
156
|
-
|
|
157
|
-
exports.PreviewButton = PreviewButton;
|
|
158
|
-
PreviewButton.propTypes = {
|
|
159
|
-
classes: _propTypes["default"].object.isRequired,
|
|
160
|
-
onClick: _propTypes["default"].func.isRequired,
|
|
161
|
-
bottom: _propTypes["default"].bool,
|
|
162
|
-
top: _propTypes["default"].bool
|
|
163
|
-
};
|
|
164
|
-
|
|
165
|
-
var FullScreenView = /*#__PURE__*/function (_React$Component) {
|
|
166
|
-
_inherits(FullScreenView, _React$Component);
|
|
167
|
-
|
|
168
|
-
var _super = _createSuper(FullScreenView);
|
|
169
|
-
|
|
170
|
-
function FullScreenView() {
|
|
171
|
-
var _this;
|
|
172
|
-
|
|
173
|
-
_classCallCheck(this, FullScreenView);
|
|
174
|
-
|
|
175
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
176
|
-
args[_key] = arguments[_key];
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
180
|
-
|
|
181
|
-
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
182
|
-
previewOpen: false
|
|
183
|
-
});
|
|
184
|
-
|
|
185
|
-
_defineProperty(_assertThisInitialized(_this), "openPreview", function () {
|
|
186
|
-
_this.setState({
|
|
187
|
-
previewOpen: true
|
|
188
|
-
}, function () {
|
|
189
|
-
return _this.props.handleOpenPreview();
|
|
190
|
-
});
|
|
191
|
-
});
|
|
192
|
-
|
|
193
|
-
_defineProperty(_assertThisInitialized(_this), "closePreview", function () {
|
|
194
|
-
_this.setState({
|
|
195
|
-
previewOpen: false
|
|
196
|
-
}, function () {
|
|
197
|
-
return _this.props.handleClosePreview();
|
|
198
|
-
});
|
|
199
|
-
});
|
|
200
|
-
|
|
201
|
-
return _this;
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
_createClass(FullScreenView, [{
|
|
205
|
-
key: "render",
|
|
206
|
-
value: function render() {
|
|
207
|
-
var previewOpen = this.state.previewOpen;
|
|
208
|
-
var _this$props = this.props,
|
|
209
|
-
hasItems = _this$props.hasItems,
|
|
210
|
-
classes = _this$props.classes,
|
|
211
|
-
children = _this$props.children,
|
|
212
|
-
showPreviewButton = _this$props.showPreviewButton,
|
|
213
|
-
showDesignViewList = _this$props.showDesignViewList,
|
|
214
|
-
width = _this$props.width,
|
|
215
|
-
dialogStyle = _this$props.dialogStyle,
|
|
216
|
-
renderTopPreviewButton = _this$props.renderTopPreviewButton,
|
|
217
|
-
ThumbnailComponent = _this$props.ThumbnailComponent,
|
|
218
|
-
thumbnailProps = _this$props.thumbnailProps,
|
|
219
|
-
thumbnailDotMode = _this$props.thumbnailDotMode,
|
|
220
|
-
renderButtonOnTop = _this$props.renderButtonOnTop;
|
|
221
|
-
var topPreviewButton = renderTopPreviewButton(_objectSpread(_objectSpread({}, this.props), {}, {
|
|
222
|
-
onClick: this.openPreview
|
|
223
|
-
}));
|
|
224
|
-
return previewOpen ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
225
|
-
className: classes.fullScreenWrapper
|
|
226
|
-
}, /*#__PURE__*/_react["default"].createElement(_PreviewPortal["default"], {
|
|
227
|
-
closePreviewMode: this.closePreview,
|
|
228
|
-
thumbnailClick: this.handleViewChange,
|
|
229
|
-
previewOpen: previewOpen,
|
|
230
|
-
hasItems: hasItems,
|
|
231
|
-
dialogStyle: dialogStyle
|
|
232
|
-
}, children)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, topPreviewButton, children, showDesignViewList ? /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
|
|
233
|
-
container: true,
|
|
234
|
-
direction: "column",
|
|
235
|
-
justify: "space-between",
|
|
236
|
-
className: (0, _clsx["default"])(classes.viewsContainer, (0, _customClassName["default"])('views'))
|
|
237
|
-
}, showPreviewButton && /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
|
|
238
|
-
item: true,
|
|
239
|
-
xs: 12,
|
|
240
|
-
sm: 12,
|
|
241
|
-
md: 8,
|
|
242
|
-
className: (0, _clsx["default"])(classes.thumbnailGrid, thumbnailDotMode || (0, _withWidth.isWidthDown)('md', width) ? 'dots-container' : 'image-container')
|
|
243
|
-
}, renderButtonOnTop ? /*#__PURE__*/_react["default"].createElement(ThumbnailComponent, thumbnailProps) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(ThumbnailComponent, thumbnailProps), !topPreviewButton && /*#__PURE__*/_react["default"].createElement(PreviewButton, _extends({}, this.props, {
|
|
244
|
-
bottom: true,
|
|
245
|
-
onClick: this.openPreview
|
|
246
|
-
}))))) : !topPreviewButton && showPreviewButton && width !== 'xs' && /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
|
|
247
|
-
container: true,
|
|
248
|
-
direction: "column",
|
|
249
|
-
justify: "space-between",
|
|
250
|
-
alignItems: "center"
|
|
251
|
-
}, /*#__PURE__*/_react["default"].createElement(PreviewButton, _extends({}, this.props, {
|
|
252
|
-
onClick: this.openPreview,
|
|
253
|
-
classes: {
|
|
254
|
-
button: classes.buttonView,
|
|
255
|
-
buttonIcon: classes.buttonIcon
|
|
256
|
-
}
|
|
257
|
-
}))));
|
|
258
|
-
}
|
|
259
|
-
}]);
|
|
260
|
-
|
|
261
|
-
return FullScreenView;
|
|
262
|
-
}(_react["default"].Component);
|
|
263
|
-
|
|
264
|
-
_defineProperty(FullScreenView, "propTypes", {
|
|
265
|
-
handleOpenPreview: _propTypes["default"].func,
|
|
266
|
-
handleClosePreview: _propTypes["default"].func,
|
|
267
|
-
hasItems: _propTypes["default"].bool,
|
|
268
|
-
classes: _propTypes["default"].object,
|
|
269
|
-
children: _propTypes["default"].any,
|
|
270
|
-
showPreviewButton: _propTypes["default"].bool,
|
|
271
|
-
showDesignViewList: _propTypes["default"].bool,
|
|
272
|
-
width: _propTypes["default"].string,
|
|
273
|
-
dialogStyle: _propTypes["default"].string,
|
|
274
|
-
areAllDesignAreasEmpty: _propTypes["default"].bool,
|
|
275
|
-
renderTopPreviewButton: _propTypes["default"].func,
|
|
276
|
-
ThumbnailComponent: _propTypes["default"].elementType,
|
|
277
|
-
thumbnailProps: _propTypes["default"].object,
|
|
278
|
-
thumbnailDotMode: _propTypes["default"].bool,
|
|
279
|
-
renderButtonOnTop: _propTypes["default"].bool
|
|
280
|
-
});
|
|
281
|
-
|
|
282
|
-
_defineProperty(FullScreenView, "defaultProps", {
|
|
283
|
-
showPreviewButton: true,
|
|
284
|
-
renderTopPreviewButton: function renderTopPreviewButton(_ref2) {
|
|
285
|
-
var width = _ref2.width,
|
|
286
|
-
areAllDesignAreasEmpty = _ref2.areAllDesignAreasEmpty,
|
|
287
|
-
props = _objectWithoutProperties(_ref2, _excluded);
|
|
288
|
-
|
|
289
|
-
return (0, _withWidth.isWidthDown)('sm', width) && !areAllDesignAreasEmpty && /*#__PURE__*/_react["default"].createElement(PreviewButton, _extends({}, props, {
|
|
290
|
-
top: true
|
|
291
|
-
}));
|
|
292
|
-
},
|
|
293
|
-
ThumbnailComponent: _Thumbnail["default"],
|
|
294
|
-
renderButtonOnTop: false
|
|
295
|
-
});
|
|
296
|
-
|
|
297
|
-
var _default = (0, _withWidth["default"])({
|
|
298
|
-
initialWidth: 'lg'
|
|
299
|
-
})((0, _styles.withStyles)(styles, {
|
|
300
|
-
name: 'FullScreenView'
|
|
301
|
-
})(FullScreenView));
|
|
302
|
-
|
|
303
|
-
exports["default"] = _default;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
|
-
var _index = _interopRequireDefault(require("./index"));
|
|
8
|
-
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
|
|
11
|
-
/* eslint-env jest */
|
|
12
|
-
describe('Screens/Configurator/Components/FullScreenView', function () {
|
|
13
|
-
it('renders correctly', function () {
|
|
14
|
-
var tree = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
|
|
15
|
-
expect(tree).toMatchSnapshot();
|
|
16
|
-
});
|
|
17
|
-
it('the rendered component contains the custom-css-views and custom-css-preview-button classes', function () {
|
|
18
|
-
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
19
|
-
showDesignViewList: true,
|
|
20
|
-
showPreviewButton: true,
|
|
21
|
-
ThumbnailComponent: function ThumbnailComponent() {
|
|
22
|
-
return null;
|
|
23
|
-
}
|
|
24
|
-
}));
|
|
25
|
-
expect(wrapper.find('div.custom-css-views')).toHaveLength(1);
|
|
26
|
-
expect(wrapper.find('div.custom-css-preview-button')).toHaveLength(1);
|
|
27
|
-
});
|
|
28
|
-
});
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.ImageLoader = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
|
-
var _ReactComponent = _interopRequireDefault(require("../../../../../Shared/PropTypes/ReactComponent"));
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
-
|
|
24
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
25
|
-
|
|
26
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
27
|
-
|
|
28
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
32
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
33
|
-
|
|
34
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
35
|
-
|
|
36
|
-
var states = {
|
|
37
|
-
Loading: 'loading',
|
|
38
|
-
Loaded: 'loaded',
|
|
39
|
-
Error: 'error'
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
var isLoading = function isLoading(state) {
|
|
43
|
-
return state === states.Loading;
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
var isError = function isError(state) {
|
|
47
|
-
return state === states.Error;
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
var initialState = states.Loading;
|
|
51
|
-
|
|
52
|
-
var ImageLoader = function ImageLoader(_ref) {
|
|
53
|
-
var src = _ref.src,
|
|
54
|
-
fallbackElement = _ref.fallbackElement,
|
|
55
|
-
ProgressComponent = _ref.ProgressComponent,
|
|
56
|
-
imgProps = _ref.imgProps;
|
|
57
|
-
|
|
58
|
-
var _useState = (0, _react.useState)(initialState),
|
|
59
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
60
|
-
loadState = _useState2[0],
|
|
61
|
-
setLoadState = _useState2[1];
|
|
62
|
-
|
|
63
|
-
(0, _react.useEffect)(function () {
|
|
64
|
-
setLoadState(initialState);
|
|
65
|
-
}, [src]);
|
|
66
|
-
|
|
67
|
-
if (isError(loadState) && fallbackElement) {
|
|
68
|
-
return fallbackElement;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("img", _extends({
|
|
72
|
-
src: src,
|
|
73
|
-
onError: function onError() {
|
|
74
|
-
return setLoadState(states.Error);
|
|
75
|
-
},
|
|
76
|
-
onLoad: function onLoad() {
|
|
77
|
-
return setLoadState(states.Loaded);
|
|
78
|
-
},
|
|
79
|
-
alt: src
|
|
80
|
-
}, imgProps)), ProgressComponent && /*#__PURE__*/_react["default"].createElement(ProgressComponent, {
|
|
81
|
-
loading: isLoading(loadState)
|
|
82
|
-
}));
|
|
83
|
-
};
|
|
84
|
-
|
|
85
|
-
exports.ImageLoader = ImageLoader;
|
|
86
|
-
ImageLoader.defaultProps = {
|
|
87
|
-
fallbackElement: null,
|
|
88
|
-
ProgressComponent: null,
|
|
89
|
-
imgProps: null
|
|
90
|
-
};
|
|
91
|
-
ImageLoader.propTypes = {
|
|
92
|
-
src: _propTypes["default"].string.isRequired,
|
|
93
|
-
ProgressComponent: _ReactComponent["default"],
|
|
94
|
-
fallbackElement: _propTypes["default"].element,
|
|
95
|
-
imgProps: _propTypes["default"].object
|
|
96
|
-
};
|