@configuratorware/configurator-admingui 1.41.2 → 1.42.2

package/src/Screens/Designer/SubScreens/Visualization/Containers/Edit/Edit.dev.js

@@ -1,460 +0,0 @@
-import React from 'react';
-import { configureStore } from '../../../../../../App/Store';
-import App from '../../../../../../App/index';
-
-import { StyledVisualizationSettingsEdit } from './Edit';
-
-const storeConfiguration = configureStore();
-
-const designAreas = [
-    {
-        id: 2,
-        identifier: 'front_center',
-        title: 'Vorderseite mittig',
-        baseShape: {
-            type: 'Plane',
-            x: 83.40000000000003,
-            y: 85.71999999999991,
-            width: 160,
-            height: 90,
-            rotation: { x: 0, y: 0, z: 0, order: 'XYZ' },
-        },
-        position: {
-            x: 80,
-            y: 45,
-            rotation: 1,
-        },
-        customData: null,
-        /*
-    // test data for circle shape
-    mask: {
-        maskType: 'circle',
-        maskData: {x: 0.8340477464348774, y: 0.504990781473534, rotation: 1, relativeScaling: 0.5312229979055828},
-    },
-    */
-        // test data for freeForm shape
-        mask: {
-            maskType: 'freeForm',
-            maskData: { x: 0.5, y: 0.5, rotation: Math.PI / 2, relativeScaling: 0.9 },
-        },
-    },
-    {
-        id: 4,
-        identifier: 'sleeve',
-        title: 'Ärmel',
-        baseShape: {
-            type: 'Cylinder',
-            x: 100.00000000000001,
-            y: 57.159999999999954,
-            width: 51,
-            height: 102,
-            r: 50.82521279914521,
-            rotation: { x: -0.14315973174754637, y: 1.2326206875880081, z: 0.3509020938335541, order: 'XYZ' },
-        },
-        position: {},
-        customData: null,
-    },
-];
-
-const frontView = {
-    id: 2,
-    item: { id: 2, identifier: 'demo_hoodie', title: 'Demo Kaputzenpullover' },
-    option: null,
-    identifier: 'front_view',
-    sequenceNumber: '1',
-    texts: [
-        { id: 3, language: 'en_GB', title: 'Front view' },
-        {
-            id: 4,
-            language: 'de_DE',
-            title: 'Vorderansicht',
-        },
-    ],
-    designAreas,
-    customData: null,
-};
-
-const item = {
-    id: 2,
-    identifier: 'demo_hoodie',
-    settings: { visualizationCreator: '2d', visualizationDesigner: '2d' },
-    deactivated: null,
-    translated_title: 'Demo Kaputzenpullover',
-    translated_abstract: '',
-    translated_description: '',
-    texts: [
-        {
-            id: 3,
-            language: 'en_GB',
-            title: 'Demo Hoodie',
-            abstract: null,
-            description: '',
-        },
-        { id: 4, language: 'de_DE', title: 'Demo Kaputzenpullover', abstract: null, description: '' },
-    ],
-    attributes: [],
-    price: null,
-    prices: [],
-    stock: [],
-    itemclassifications: [],
-    children: [
-        {
-            id: 3,
-            identifier: 'demo_hoodie_blue_s',
-            title: 'Demo Kaputzenpullover Blau S',
-            groups: [
-                {
-                    id: 1,
-                    identifier: 'color',
-                    translation: 'Farbe',
-                    groupEntry: { id: 1, identifier: 'blue', translation: 'blau', translations: null },
-                },
-                {
-                    id: 2,
-                    identifier: 'size',
-                    translation: 'Gr\u00f6\u00dfe',
-                    groupEntry: {
-                        id: 2,
-                        identifier: 's',
-                        translation: 'Gr\u00f6\u00dfe S',
-                        translations: null,
-                    },
-                },
-            ],
-        },
-        {
-            id: 4,
-            identifier: 'demo_hoodie_blue_m',
-            title: 'Demo Kaputzenpullover Blau M',
-            groups: [
-                {
-                    id: 1,
-                    identifier: 'color',
-                    translation: 'Farbe',
-                    groupEntry: { id: 1, identifier: 'blue', translation: 'blau', translations: null },
-                },
-                {
-                    id: 2,
-                    identifier: 'size',
-                    translation: 'Gr\u00f6\u00dfe',
-                    groupEntry: {
-                        id: 4,
-                        identifier: 'm',
-                        translation: 'Gr\u00f6\u00dfe M',
-                        translations: null,
-                    },
-                },
-            ],
-        },
-        {
-            id: 5,
-            identifier: 'demo_hoodie_blue_l',
-            title: 'Demo Kaputzenpullover Blau L',
-            groups: [
-                {
-                    id: 1,
-                    identifier: 'color',
-                    translation: 'Farbe',
-                    groupEntry: { id: 1, identifier: 'blue', translation: 'blau', translations: null },
-                },
-                {
-                    id: 2,
-                    identifier: 'size',
-                    translation: 'Gr\u00f6\u00dfe',
-                    groupEntry: {
-                        id: 6,
-                        identifier: 'l',
-                        translation: 'Gr\u00f6\u00dfe L',
-                        translations: null,
-                    },
-                },
-            ],
-        },
-        {
-            id: 6,
-            identifier: 'demo_hoodie_blue_xl',
-            title: 'Demo Kaputzenpullover Blau XL',
-            groups: [
-                {
-                    id: 1,
-                    identifier: 'color',
-                    translation: 'Farbe',
-                    groupEntry: { id: 1, identifier: 'blue', translation: 'blau', translations: null },
-                },
-                {
-                    id: 2,
-                    identifier: 'size',
-                    translation: 'Gr\u00f6\u00dfe',
-                    groupEntry: {
-                        id: 8,
-                        identifier: 'xl',
-                        translation: 'Gr\u00f6\u00dfe XL',
-                        translations: null,
-                    },
-                },
-            ],
-        },
-        {
-            id: 7,
-            identifier: 'demo_hoodie_green_s',
-            title: 'Demo Kaputzenpullover Gr\u00fcn S',
-            groups: [
-                {
-                    id: 2,
-                    identifier: 'size',
-                    translation: 'Gr\u00f6\u00dfe',
-                    groupEntry: {
-                        id: 2,
-                        identifier: 's',
-                        translation: 'Gr\u00f6\u00dfe S',
-                        translations: null,
-                    },
-                },
-                {
-                    id: 1,
-                    identifier: 'color',
-                    translation: 'Farbe',
-                    groupEntry: { id: 9, identifier: 'green', translation: 'gr\u00fcn', translations: null },
-                },
-            ],
-        },
-        {
-            id: 8,
-            identifier: 'demo_hoodie_green_m',
-            title: 'Demo Kaputzenpullover Gr\u00fcn M',
-            groups: [
-                {
-                    id: 2,
-                    identifier: 'size',
-                    translation: 'Gr\u00f6\u00dfe',
-                    groupEntry: {
-                        id: 4,
-                        identifier: 'm',
-                        translation: 'Gr\u00f6\u00dfe M',
-                        translations: null,
-                    },
-                },
-                {
-                    id: 1,
-                    identifier: 'color',
-                    translation: 'Farbe',
-                    groupEntry: { id: 9, identifier: 'green', translation: 'gr\u00fcn', translations: null },
-                },
-            ],
-        },
-        {
-            id: 9,
-            identifier: 'demo_hoodie_green_l',
-            title: 'Demo Kaputzenpullover Gr\u00fcn L',
-            groups: [
-                {
-                    id: 2,
-                    identifier: 'size',
-                    translation: 'Gr\u00f6\u00dfe',
-                    groupEntry: {
-                        id: 6,
-                        identifier: 'l',
-                        translation: 'Gr\u00f6\u00dfe L',
-                        translations: null,
-                    },
-                },
-                {
-                    id: 1,
-                    identifier: 'color',
-                    translation: 'Farbe',
-                    groupEntry: { id: 9, identifier: 'green', translation: 'gr\u00fcn', translations: null },
-                },
-            ],
-        },
-        {
-            id: 10,
-            identifier: 'demo_hoodie_green_xl',
-            title: 'Demo Kaputzenpullover Gr\u00fcn XL',
-            groups: [
-                {
-                    id: 2,
-                    identifier: 'size',
-                    translation: 'Gr\u00f6\u00dfe',
-                    groupEntry: {
-                        id: 8,
-                        identifier: 'xl',
-                        translation: 'Gr\u00f6\u00dfe XL',
-                        translations: null,
-                    },
-                },
-                {
-                    id: 1,
-                    identifier: 'color',
-                    translation: 'Farbe',
-                    groupEntry: { id: 9, identifier: 'green', translation: 'gr\u00fcn', translations: null },
-                },
-            ],
-        },
-        {
-            id: 11,
-            identifier: 'demo_hoodie_red_s',
-            title: 'Demo Kaputzenpullover Rot S',
-            groups: [
-                {
-                    id: 2,
-                    identifier: 'size',
-                    translation: 'Gr\u00f6\u00dfe',
-                    groupEntry: {
-                        id: 2,
-                        identifier: 's',
-                        translation: 'Gr\u00f6\u00dfe S',
-                        translations: null,
-                    },
-                },
-                {
-                    id: 1,
-                    identifier: 'color',
-                    translation: 'Farbe',
-                    groupEntry: { id: 17, identifier: 'red', translation: 'rot', translations: null },
-                },
-            ],
-        },
-        {
-            id: 12,
-            identifier: 'demo_hoodie_red_m',
-            title: 'Demo Kaputzenpullover Rot M',
-            groups: [
-                {
-                    id: 2,
-                    identifier: 'size',
-                    translation: 'Gr\u00f6\u00dfe',
-                    groupEntry: {
-                        id: 4,
-                        identifier: 'm',
-                        translation: 'Gr\u00f6\u00dfe M',
-                        translations: null,
-                    },
-                },
-                {
-                    id: 1,
-                    identifier: 'color',
-                    translation: 'Farbe',
-                    groupEntry: { id: 17, identifier: 'red', translation: 'rot', translations: null },
-                },
-            ],
-        },
-        {
-            id: 13,
-            identifier: 'demo_hoodie_red_l',
-            title: 'Demo Kaputzenpullover Red L',
-            groups: [
-                {
-                    id: 2,
-                    identifier: 'size',
-                    translation: 'Gr\u00f6\u00dfe',
-                    groupEntry: {
-                        id: 6,
-                        identifier: 'l',
-                        translation: 'Gr\u00f6\u00dfe L',
-                        translations: null,
-                    },
-                },
-                {
-                    id: 1,
-                    identifier: 'color',
-                    translation: 'Farbe',
-                    groupEntry: { id: 17, identifier: 'red', translation: 'rot', translations: null },
-                },
-            ],
-        },
-        {
-            id: 14,
-            identifier: 'demo_hoodie_red_xl',
-            title: 'Demo Kaputzenpullover Rot XL',
-            groups: [
-                {
-                    id: 2,
-                    identifier: 'size',
-                    translation: 'Gr\u00f6\u00dfe',
-                    groupEntry: {
-                        id: 8,
-                        identifier: 'xl',
-                        translation: 'Gr\u00f6\u00dfe XL',
-                        translations: null,
-                    },
-                },
-                {
-                    id: 1,
-                    identifier: 'color',
-                    translation: 'Farbe',
-                    groupEntry: { id: 17, identifier: 'red', translation: 'rot', translations: null },
-                },
-            ],
-        },
-    ],
-    minimumOrderAmount: 1,
-};
-
-const props = {
-    designArea: {
-        identifier: 'front_center',
-        //identifier: 'sleeve',
-        width: 16,
-        height: 9,
-    },
-    item,
-};
-
-class StateProvider extends React.Component {
-    state = {
-        entityState: {
-            data: {
-                item: {
-                    value: {
-                        //id: 15 // demo_pen
-                        id: 2, // demo_hoodie
-                    },
-                },
-                designAreas: {
-                    value: designAreas,
-                    schema: {
-                        id: { value: null },
-                        identifier: { value: '' },
-                        title: { value: '' },
-                        baseShape: { value: {} },
-                        position: { value: {} },
-                        customData: { value: {} },
-                    },
-                },
-                identifier: {
-                    value: 'front_view',
-                },
-            },
-            source: frontView,
-        },
-    };
-
-    setData = (field, value) => {
-        const oldEntityState = this.state.entityState;
-        const entityState = {
-            ...this.state.entityState,
-            data: {
-                ...oldEntityState.data,
-                [field]: {
-                    ...oldEntityState.data[field],
-                    value,
-                },
-            },
-        };
-        this.setState({
-            entityState,
-        });
-    };
-
-    render() {
-        // eslint-disable-next-line no-unused-vars
-        const { Component, ...otherProps } = this.props;
-        return <StyledVisualizationSettingsEdit {...this.state} {...otherProps} setData={this.setData} />;
-    }
-}
-
-export default () => (
-    <App {...storeConfiguration}>
-        <StateProvider {...props} />
-    </App>
-);