@configuratorware/configurator-admingui 1.41.2 → 1.42.2

package/src/Screens/Creator/Components/VisualizationAndMediaData/dev.js

@@ -1,341 +0,0 @@
-// http://localhost:3000/dev?Screens/Creator/Components/VisualizationAndMediaData
-
-/* eslint-disable no-console */
-
-import React, { useState } from 'react';
-import { Provider } from 'react-redux';
-import { VisualizationAndMediaData } from './VisualizationAndMediaData';
-import ThemeProvider from '../../../../App/ThemeProvider';
-
-import view_1 from './devImages/view_1.png';
-import component_1 from './devImages/component_1.png';
-import option_1 from './devImages/option_1.png';
-import view_1_option_1 from './devImages/view_1_option_1.png';
-import view_2_option_1 from './devImages/view_2_option_1.png';
-import option_3 from './devImages/option_3.png';
-import option_3_fullsize from './devImages/option_3_fullsize.jpg';
-import view_1_option_3 from './devImages/view_1_option_3.png';
-import view_2_option_3 from './devImages/view_2_option_3.png';
-import { configureStore } from '../../../../App/Store';
-import withStyles from '@material-ui/core/styles/withStyles';
-
-const mediaEditData = {
-    viewMediaInfo: [
-        {
-            identifier: 'view_1',
-            thumbnail: {
-                fileName: 'view_1.png',
-                src: view_1,
-                id: 'view1',
-            },
-        },
-        {
-            identifier: 'view_2',
-            thumbnail: {
-                fileName: 'view_2.png',
-                src: null,
-                expectedSrc: '/images/item/view_thumb/item_1/item_1/view_2.png',
-                id: 'view2',
-            },
-        },
-    ],
-    componentMediaInfo: [
-        {
-            identifier: 'component_1',
-            translated_title: 'Component 1',
-            images: {
-                componentThumbnail: {
-                    fileName: 'component_1.png',
-                    src: component_1,
-                },
-            },
-            options: [
-                {
-                    identifier: 'option_1',
-                    translated_title: 'Option 1',
-                    images: {
-                        visualizationImages: {
-                            view_1: {
-                                fileName: 'option_1.png',
-                                src: view_1_option_1,
-                            },
-                            view_2: {
-                                fileName: 'option_1.png',
-                                src: view_2_option_1,
-                            },
-                        },
-                        optionThumbnail: {
-                            fileName: 'option_1_thumbnail.png',
-                            src: option_1,
-                        },
-                        optionDetailImage: {
-                            fileName: 'option_1_fullsize.jpg',
-                            src: null,
-                        },
-                    },
-                },
-                {
-                    identifier: 'option_2',
-                    translated_title: 'Option 2',
-                    images: {
-                        visualizationImages: {
-                            view_1: {
-                                fileName: 'option_2.png',
-                                src: '/images/configuratorimages/item_1/view_1/component_1/option_2.png',
-                            },
-                            view_2: {
-                                fileName: 'option_2.png',
-                                src: '/images/configuratorimages/item_1/view_2/component_1/option_2.png',
-                            },
-                        },
-                        optionThumbnail: {
-                            fileName: 'option_2_thumbnail.png',
-                            src: null,
-                        },
-                        optionDetailImage: {
-                            fileName: 'option_2_fullsize.jpg',
-                            src: null,
-                        },
-                    },
-                },
-                {
-                    identifier: 'option_3',
-                    translated_title: 'Option 3',
-                    images: {
-                        visualizationImages: {
-                            view_1: {
-                                fileName: 'option_3.png',
-                                src: view_1_option_3,
-                            },
-                            view_2: {
-                                fileName: 'option_3.png',
-                                src: view_2_option_3,
-                            },
-                        },
-                        optionThumbnail: {
-                            fileName: 'option_3_thumbnail.png',
-                            src: option_3,
-                        },
-                        optionDetailImage: {
-                            fileName: 'option_3_fullsize.jpg',
-                            src: option_3_fullsize,
-                        },
-                    },
-                },
-            ],
-        },
-        {
-            identifier: 'component_2',
-            translated_title: 'Component 2',
-            images: {
-                componentThumbnail: {
-                    fileName: 'component_2.png',
-                    src: null,
-                },
-            },
-            options: [
-                {
-                    identifier: 'option_4',
-                    translated_title: 'Option 4',
-                    images: {
-                        visualizationImages: {
-                            view_1: {
-                                fileName: 'option_4.png',
-                                src: null,
-                            },
-                            view_2: {
-                                fileName: 'option_4.png',
-                                src: null,
-                            },
-                        },
-                        optionThumbnail: {
-                            fileName: 'option_4_thumbnail.png',
-                            src: '/images/options/option_4_thumbnail.png',
-                        },
-                        optionDetailImage: {
-                            fileName: 'option_4_fullsize.jpg',
-                            src: null,
-                        },
-                    },
-                },
-            ],
-        },
-        {
-            identifier: 'component_3',
-            translated_title: 'Component 3',
-            images: {
-                componentThumbnail: {
-                    fileName: 'component_3.png',
-                    src: null,
-                },
-            },
-            options: [],
-        },
-        {
-            identifier: 'component_4',
-            translated_title: 'Component 4',
-            images: {
-                componentThumbnail: {
-                    fileName: 'component_4.png',
-                    src: null,
-                },
-            },
-            options: [
-                {
-                    identifier: 'option_5',
-                    translated_title: 'Option 5',
-                    images: {
-                        visualizationImages: {
-                            view_1: {
-                                fileName: 'option_5.png',
-                                src: null,
-                            },
-                            view_2: {
-                                fileName: 'option_5.png',
-                                src: null,
-                            },
-                        },
-                        optionThumbnail: {
-                            fileName: 'option_5_thumbnail.png',
-                            src: null,
-                        },
-                        optionDetailImage: {
-                            fileName: 'option_5_fullsize.jpg',
-                            src: null,
-                        },
-                    },
-                },
-            ],
-        },
-    ],
-    possibleNamingIssues: ['thumbnails/components/view_3.png', 'component_3/optoin_3.png'],
-};
-
-const mediaEditDataComplete = {
-    viewMediaInfo: [
-        {
-            identifier: 'view_1',
-            thumbnail: {
-                fileName: 'view_1.png',
-                src: '/images/item/view_thumb/item_1/item_1/view_1.png',
-                id: 'view1',
-            },
-        },
-    ],
-    componentMediaInfo: [
-        {
-            identifier: 'component_1',
-            translated_title: 'Component 1',
-            images: {
-                componentThumbnail: {
-                    fileName: 'component_1.png',
-                    src: '/images/optionclassifications/component_1.png',
-                },
-            },
-            options: [
-                {
-                    identifier: 'option_3',
-                    translated_title: 'Option 3',
-                    images: {
-                        visualizationImages: {
-                            view_1: {
-                                fileName: 'option_3.png',
-                                src: '/images/configuratorimages/item_1/view_1/component_1/option_3.png',
-                            },
-                            view_2: {
-                                fileName: 'option_3.png',
-                                src: '/images/configuratorimages/item_1/view_2/component_1/option_3.png',
-                            },
-                        },
-                        optionThumbnail: {
-                            fileName: 'option_3_thumbnail.png',
-                            src: '/images/options/option_3_thumbnail.png',
-                        },
-                        optionDetailImage: {
-                            fileName: 'option_3_fullsize.jpg',
-                            src: '/images/options/option_3_fullsize.png',
-                        },
-                    },
-                },
-            ],
-        },
-    ],
-    possibleNamingIssues: [],
-};
-
-function createProps(options = {}) {
-    const { loadingTimeSimulation = false, useCompleteData = false, noViews = false } = options;
-    const data = { ...(useCompleteData ? mediaEditDataComplete : mediaEditData) };
-    if (noViews) {
-        delete data.designViews;
-    }
-    return {
-        enabled: true,
-        item: {
-            identifier: 'bed_creator_2d',
-            translated_title: 'Bed Creator 2D',
-            settings: {
-                visualizationCreator: '2d',
-                visualizationDesigner: '2d',
-            },
-        },
-        loadData: () =>
-            new Promise(resolve => setTimeout(() => resolve(data), loadingTimeSimulation ? 2000 : 0)),
-        saveView: data => console.log('saveView api call', data),
-        updateView: data => console.log('updateView api call', data),
-        removeView: id => console.log('removeView api call', id),
-    };
-}
-
-const { store } = configureStore();
-
-export default withStyles({
-    '@global': {
-        '*': {
-            boxSizing: 'border-box',
-        },
-    },
-})(() => {
-    const [loadingTimeSimulation, setLoadingTimeSimulation] = useState(false);
-    const [useCompleteData, setUseCompleteData] = useState(false);
-    const [noViews, setNoViews] = useState(false);
-    return (
-        <Provider store={store}>
-            <ThemeProvider>
-                <div style={{ marginBottom: 20 }}>
-                    <div>Dev tools:</div>
-                    <div>
-                        <label>
-                            <input
-                                type="checkbox"
-                                onChange={({ target: { checked } }) => setLoadingTimeSimulation(checked)}
-                            />
-                            Simulate loading time
-                        </label>
-                    </div>
-                    <div>
-                        <label>
-                            <input
-                                type="checkbox"
-                                onChange={({ target: { checked } }) => setUseCompleteData(checked)}
-                            />
-                            Use complete data (no missing images)
-                        </label>
-                    </div>
-                    <div>
-                        <label>
-                            <input
-                                type="checkbox"
-                                onChange={({ target: { checked } }) => setNoViews(checked)}
-                            />
-                            Remove views
-                        </label>
-                    </div>
-                </div>
-                <VisualizationAndMediaData
-                    {...createProps({ loadingTimeSimulation, useCompleteData, noViews })}
-                />
-            </ThemeProvider>
-        </Provider>
-    );
-});

package/src/Screens/Creator/Components/VisualizationAndMediaData/index.js

@@ -1 +0,0 @@
-export { default } from './VisualizationAndMediaData';