@configuratorware/configurator-admingui 1.41.1 → 1.42.1

package/src/Screens/Item/Containers/Edit.test.js

@@ -1,310 +0,0 @@
-import { mount } from 'enzyme';
-import Edit from './Edit';
-import { addReducers } from '../../../App/FeatureReducers';
-import itemData from '../Reducers/ItemReducer';
-import variantData from '../Reducers/Variant/Reducer';
-import baseConfigurationData from '../../Creator/Reducers/ConfigurationReducer';
-import groupData from '../../Group/Reducers/Reducer';
-import groupEntryData from '../../GroupEntry/Reducers/Reducer';
-import { provideStore } from '../../../Utils/Test/provideStore';
-import { findWithText } from '../../../Utils/Test/wrapperSelectors';
-
-addReducers([itemData, variantData, baseConfigurationData, groupData, groupEntryData]);
-
-/** waiting for the next message queue function to make sure all microtasks are finished */
-const microtasksFinished = () => new Promise(resolve => setTimeout(resolve, 0));
-
-jest.mock('../ApiCalls');
-import * as ApiCalls from '../ApiCalls';
-
-ApiCalls.loadVisualizationModes.mockImplementation(configurationMode => {
-    switch (configurationMode) {
-        case 'creator':
-        case 'creator+designer': {
-            return [
-                {
-                    id: 3,
-                    identifier: '3dScene',
-                    validForConfigurationModes: ['creator', 'creator+designer'],
-                    label: '3d',
-                },
-                {
-                    id: 1,
-                    identifier: '2dLayer',
-                    validForConfigurationModes: ['creator', 'creator+designer'],
-                    label: '2d',
-                },
-            ];
-        }
-        case 'designer': {
-            return [
-                {
-                    id: 4,
-                    identifier: '3dVariant',
-                    validForConfigurationModes: ['designer'],
-                    label: '3d',
-                },
-                {
-                    id: 2,
-                    identifier: '2dVariant',
-                    validForConfigurationModes: ['designer'],
-                    label: '2d',
-                },
-            ];
-        }
-    }
-});
-
-function initialActions(store) {
-    store.dispatch({ type: 'LOGIN_SET_DATA', data: { credentials: ['items_creator', 'items_designer'] } });
-    store.dispatch({
-        type: 'SET_DATA_SOURCE',
-        key: 'item',
-        name: 'settings',
-        data: {
-            id: 1,
-            maxZoom2d: 200,
-            customCss: null,
-            defaultVisualizationModeLabel: '2d',
-        },
-    });
-    store.dispatch({
-        type: 'SET_DATA_SOURCE',
-        key: 'item',
-        name: 'channels',
-        data: {
-            metadata: { totalcount: '1' },
-            data: [
-                {
-                    id: 1,
-                    identifier: '_default',
-                    currency: { id: 1, iso: 'eur', symbol: '€' },
-                    settings: [],
-                    globalDiscountPercentage: '0.00000',
-                },
-            ],
-        },
-    });
-    store.dispatch({ type: 'MOUNT_ENTITY', key: 'item', isNew: true });
-}
-
-function creatorOnlyActions(store) {
-    store.dispatch({ type: 'LOGIN_SET_DATA', data: { credentials: ['items_creator'] } });
-    store.dispatch({
-        type: 'SET_DATA_SOURCE',
-        key: 'item',
-        name: 'settings',
-        data: {
-            id: 1,
-            maxZoom2d: 200,
-            customCss: null,
-            defaultVisualizationModeLabel: '2d',
-        },
-    });
-    store.dispatch({
-        type: 'SET_DATA_SOURCE',
-        key: 'item',
-        name: 'channels',
-        data: {
-            metadata: { totalcount: '1' },
-            data: [
-                {
-                    id: 1,
-                    identifier: '_default',
-                    currency: { id: 1, iso: 'eur', symbol: '€' },
-                    settings: [],
-                    globalDiscountPercentage: '0.00000',
-                },
-            ],
-        },
-    });
-    store.dispatch({ type: 'MOUNT_ENTITY', key: 'item', isNew: true });
-}
-
-function designerOnlyActions(store) {
-    store.dispatch({ type: 'LOGIN_SET_DATA', data: { credentials: ['items_designer'] } });
-    store.dispatch({
-        type: 'SET_DATA_SOURCE',
-        key: 'item',
-        name: 'settings',
-        data: {
-            id: 1,
-            maxZoom2d: 200,
-            customCss: null,
-            defaultVisualizationModeLabel: '2d',
-        },
-    });
-    store.dispatch({
-        type: 'SET_DATA_SOURCE',
-        key: 'item',
-        name: 'channels',
-        data: {
-            metadata: { totalcount: '1' },
-            data: [
-                {
-                    id: 1,
-                    identifier: '_default',
-                    currency: { id: 1, iso: 'eur', symbol: '€' },
-                    settings: [],
-                    globalDiscountPercentage: '0.00000',
-                },
-            ],
-        },
-    });
-    store.dispatch({ type: 'MOUNT_ENTITY', key: 'item', isNew: true });
-}
-
-function editActions(store) {
-    store.dispatch({ type: 'LOGIN_SET_DATA', data: { credentials: ['items_creator', 'items_designer'] } });
-    store.dispatch({
-        type: 'SET_DATA_SOURCE',
-        key: 'item',
-        name: 'settings',
-        data: {
-            id: 1,
-            maxZoom2d: 200,
-            customCss: null,
-            defaultVisualizationModeLabel: '3d',
-        },
-    });
-    store.dispatch({
-        type: 'SET_DATA_SOURCE',
-        key: 'item',
-        name: 'channels',
-        data: {
-            metadata: { totalcount: '1' },
-            data: [
-                {
-                    id: 1,
-                    identifier: '_default',
-                    currency: { id: 1, iso: 'eur', symbol: '€' },
-                    settings: [],
-                    globalDiscountPercentage: '0.00000',
-                },
-            ],
-        },
-    });
-    store.dispatch({
-        type: 'MOUNT_ENTITY',
-        key: 'item',
-        data: {
-            id: 1,
-            identifier: 'bed_creator_2d',
-            visualizationMode: {
-                id: 2,
-                identifier: '2dVariant',
-                validForConfigurationModes: ['designer'],
-                label: '2d',
-            },
-            configurationMode: 'designer',
-            accumulateAmounts: true,
-            translated_title: 'Bett creator 2D',
-            translated_abstract: '',
-            translated_description: '',
-            texts: [
-                {
-                    id: 1,
-                    language: 'en_GB',
-                    title: 'Bed creator 2D',
-                    abstract: null,
-                    description: null,
-                },
-                { id: 2, language: 'de_DE', title: 'Bett creator 2D', abstract: null, description: null },
-            ],
-            attributes: [],
-            price: null,
-            prices: [{ id: 9, price: '1200.00000', priceNet: null, channel: '1', amountfrom: 0 }],
-            stock: [],
-            itemclassifications: [],
-            children: [],
-            minimumOrderAmount: 0,
-        },
-        isSaved: false,
-    });
-}
-
-describe('Item/Edit', () => {
-    it('renders visualization component correctly, selecting "3d" changes the visualizationComponent value', async () => {
-        const { store, element } = provideStore(Edit);
-        initialActions(store);
-        const wrapper = mount(element);
-
-        const creatorCheckbox = wrapper.find('input[name="configurationModeCreator"]');
-        creatorCheckbox.simulate('change', { target: { checked: true } });
-
-        // note: it needs to do the async calls in the component hooks
-        await microtasksFinished();
-
-        wrapper
-            .find('select[name="visualizationMode"]')
-            .find('div[role="button"]')
-            .simulate('click');
-        wrapper.update();
-        const selectWrapper = wrapper.find('select[name="visualizationMode"]');
-
-        const findButton = text => findWithText('li', text, selectWrapper);
-        const button2D = findButton('visualizationData.2d');
-        const button3D = findButton('visualizationData.3d');
-        expect(button2D).toHaveLength(1);
-        expect(button3D).toHaveLength(1);
-        button3D.simulate('click');
-        expect(store.getState().itemData.data.visualizationMode.value).toMatchObject({
-            id: 3,
-            identifier: '3dScene',
-            label: '3d',
-        });
-    });
-    it('renders configuration mode correctly, toggling "creator" or "designer" checkboxes changes the values', () => {
-        const { store, element } = provideStore(Edit);
-        initialActions(store);
-        const wrapper = mount(element);
-        const creatorCheckbox = wrapper.find('input[name="configurationModeCreator"]');
-        const designerCheckbox = wrapper.find('input[name="configurationModeDesigner"]');
-        expect(creatorCheckbox).toHaveLength(1);
-        expect(designerCheckbox).toHaveLength(1);
-        creatorCheckbox.simulate('change', { target: { checked: true } });
-        expect(store.getState().itemData.data.configurationMode.value).toBe('creator');
-        designerCheckbox.simulate('change', { target: { checked: true } });
-        expect(store.getState().itemData.data.configurationMode.value).toBe('creator+designer');
-        creatorCheckbox.simulate('change', { target: { checked: false } });
-        expect(store.getState().itemData.data.configurationMode.value).toBe('designer');
-        designerCheckbox.simulate('change', { target: { checked: false } });
-        expect(store.getState().itemData.data.configurationMode.value).toBe(null);
-    });
-    it('does not render configuration mode if the license is creator only, sets the values automatically', () => {
-        const { store, element } = provideStore(Edit);
-        creatorOnlyActions(store);
-        const wrapper = mount(element);
-        const creatorCheckbox = wrapper.find('input[name="configurationModeCreator"]');
-        const designerCheckbox = wrapper.find('input[name="configurationModeDesigner"]');
-        expect(creatorCheckbox).toHaveLength(0);
-        expect(designerCheckbox).toHaveLength(0);
-        expect(store.getState().itemData.data.configurationMode.value).toBe('creator');
-    });
-    it('does not render configuration mode if the license is designer only, sets the values automatically', () => {
-        const { store, element } = provideStore(Edit);
-        designerOnlyActions(store);
-        const wrapper = mount(element);
-        const creatorCheckbox = wrapper.find('input[name="configurationModeCreator"]');
-        const designerCheckbox = wrapper.find('input[name="configurationModeDesigner"]');
-        expect(creatorCheckbox).toHaveLength(0);
-        expect(designerCheckbox).toHaveLength(0);
-        expect(store.getState().itemData.data.configurationMode.value).toBe('designer');
-    });
-    it('shows the loaded data correctly', () => {
-        const { store, element } = provideStore(Edit);
-        editActions(store);
-        const wrapper = mount(element);
-        const creatorCheckbox = wrapper.find('input[name="configurationModeCreator"]');
-        const designerCheckbox = wrapper.find('input[name="configurationModeDesigner"]');
-        const visualizationModeSelect = wrapper.find('select[name="visualizationMode"]');
-        expect(creatorCheckbox.props().checked).toBe(false);
-        expect(designerCheckbox.props().checked).toBe(true);
-        expect(visualizationModeSelect.props().value).toEqual({
-            id: 2,
-            identifier: '2dVariant',
-            validForConfigurationModes: ['designer'],
-            label: '2d',
-        });
-    });
-});

package/src/Screens/Item/Containers/List.js

@@ -1,87 +0,0 @@
-import React from 'react';
-import Actions, { ITEM_LIST_KEY, ITEM_REDUCER_NAME } from '../Reducers/Actions';
-import { T } from '../../../App/i18n';
-import generateConnectedList from '../../../Components/DefaultConnectedList';
-import ListItemStatusEditor from '../Components/ListItemStatusEditor';
-import CopyCreatorItemDialog from "../Components/CopyCreatorItemDialog";
-
-const columns = [
-    {
-        name: 'identifier',
-        label: 'Identifier',
-        filterable: true,
-        sortable: true,
-    },
-    {
-        name: 'translated_title',
-        label: 'Title',
-        filterable: true,
-        sortable: true,
-        filterKey: 'item.itemtext.title',
-        sortKey: 'item.itemtext.title',
-    },
-    {
-        name: 'itemStatus',
-        label: 'Status',
-        filterable: false,
-        sortable: false,
-        renderValue: value => {
-            return value ? T(value.identifier) : '';
-        },
-    },
-    {
-        name: 'children',
-        label: 'Variants',
-        filterable: false,
-        sortable: false,
-        width: '50%',
-        show: false,
-        renderValue: value => {
-            const childrenIdentifiers = [];
-
-            for (const child of value) {
-                childrenIdentifiers.push(child.identifier);
-            }
-
-            return childrenIdentifiers.join(', ');
-        },
-    },
-];
-
-const listParams = {
-    entity: 'item',
-    addButtonLabel: 'item.addButtonLabel',
-    orderby: 'item.itemtext.title',
-    orderdir: 'asc',
-};
-
-export const ConnectedItemList = generateConnectedList(
-    columns,
-    listParams,
-    ITEM_LIST_KEY,
-    Actions.listAction,
-    Actions.detailsAction,
-    Actions.hideDetails,
-    Actions.showDetails,
-    Actions.createEntity,
-    Actions.deleteEntities,
-    {
-        reducerName: ITEM_REDUCER_NAME,
-    }
-);
-
-const ItemList = ({ listProps, ...props }) => (
-    <ConnectedItemList
-        {...props}
-        listProps={{
-            renderAction: props =>
-                <>
-                    <ListItemStatusEditor {...props} />
-                    <CopyCreatorItemDialog {...props} />
-                </>,
-            ...listProps,
-        }}
-    />
-);
-
-export default ItemList;

package/src/Screens/Item/Containers/Styles.scss

@@ -1,92 +0,0 @@
-.guideTabs {
-  margin-top: 30px;
-
-  a {
-    color: rgba(0, 0, 0, 0.87);
-    font-size: 1.2em;
-    &:hover {
-      color: rgb(0, 188, 212);
-    }
-  }
-
-  .active {
-    a {
-      color: rgb(0, 188, 212);
-    }
-  }
-
-  .linkText {
-    margin: 20px 0;
-  }
-
-  h3 {
-    margin: 50px 0 25px 0;
-  }
-}
-
-.optionclassificationSelection {
-
-  .twoSideSelect-source {
-    padding-right: 30px;
-  }
-
-  .twoSideSelect-selection {
-    padding-left: 30px;
-  }
-}
-
-.optionclassificationSelection-headline {
-  margin: 15px 0;
-
-  &:after {
-    content: '';
-    display: block;
-    clear: both;
-  }
-
-  > div {
-    width: 50%;
-    display: inline-block;
-    vertical-align: top;
-  }
-
-  .source-text {
-    padding-right: 30px;
-  }
-
-  .selection-text {
-    padding-left: 30px;
-  }
-}
-
-.itemHeaderButtons {
-  overflow: auto;
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 0px;
-}
-
-.itemHeader {
-  overflow: auto;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-left: auto;
-  margin-bottom: 15px;
-}
-
-.configurationData.form .form-inner {
-  max-width: 100%;
-
-  .action-buttons {
-    margin-top: 30px;
-  }
-}
-
-.itemEdit {
-  position: relative;
-  @media (max-width: 960px) {
-    margin-top: 40px;
-  }
-  .configuratorQuickView {}
-}

package/src/Screens/Item/DataStructures/Attributes/Actions.js

@@ -1,30 +0,0 @@
-import { getNextEntityValue } from '../../../../App/Reducers/Common/Form/Actions';
-
-import * as AttributeActions from '../../../Attribute/Reducers/Actions';
-const { ATTRIBUTE_DATA_KEY } = AttributeActions;
-import AttributeValueActions, { ATTRIBUTEVALUE_DATA_KEY } from '../../../AttributeValue/Reducers/Actions';
-
-import GroupActions, { DATA_KEY as GROUP_DATA_KEY } from '../../../Group/Reducers/Actions';
-import GroupEntryActions, { DATA_KEY as GROUPENTRY_DATA_KEY } from '../../../GroupEntry/Reducers/Actions';
-
-export const customDispatchHandler = (type, data) => dispatch => {
-    switch (type) {
-        case 'CREATE_ENTITY':
-            if (data.target === ATTRIBUTE_DATA_KEY) {
-                dispatch(getNextEntityValue(ATTRIBUTE_DATA_KEY));
-                dispatch(AttributeActions.createEntity());
-            }
-            if (data.target === ATTRIBUTEVALUE_DATA_KEY) {
-                dispatch(getNextEntityValue(ATTRIBUTEVALUE_DATA_KEY));
-                dispatch(AttributeValueActions.createEntity());
-            }
-            if (data.target === GROUP_DATA_KEY) {
-                dispatch(getNextEntityValue(GROUP_DATA_KEY));
-                dispatch(GroupActions.createEntity());
-            }
-            if (data.target === GROUPENTRY_DATA_KEY) {
-                dispatch(getNextEntityValue(GROUPENTRY_DATA_KEY));
-                dispatch(GroupEntryActions.createEntity());
-            }
-    }
-};

package/src/Screens/Item/DataStructures/Attributes/Editor.js

@@ -1,99 +0,0 @@
-import React from 'react';
-import TranslationFinder from '../../../../Components/TranslationFinder';
-import Join from '../../../../Components/Join';
-
-import * as AttributeActions from '../../../Attribute/Reducers/Actions';
-const { ATTRIBUTE_DATA_KEY } = AttributeActions;
-import { ATTRIBUTEVALUE_DATA_KEY } from '../../../AttributeValue/Reducers/Actions';
-import { isFeatureAvailable } from '../../../../App/Config/app';
-
-export default [
-    {
-        name: 'attributes',
-        label: 'Attributes',
-        type: 'array',
-        array: {
-            addButtonLabel: 'item.attributes.addButtonLabel',
-            columns: [
-                {
-                    name: 'texts',
-                    label: 'Attribute name',
-                    renderValue: (value, row) => {
-                        const { translated_title } = row;
-                        return (
-                            <TranslationFinder data={value} property="title" fallback={translated_title} />
-                        );
-                    },
-                },
-                {
-                    name: 'values',
-                    label: 'Values',
-                    renderValue: value => (
-                        <Join glue=", ">
-                            {value.map(({ translations, translated_value, value }, idx) => (
-                                <span key={value}>
-                                    <TranslationFinder
-                                        key={idx}
-                                        data={translations}
-                                        property="translation"
-                                        fallback={translated_value}
-                                    />
-                                </span>
-                            ))}
-                        </Join>
-                    ),
-                },
-            ],
-            fields: [
-                {
-                    name: 'attribute_id',
-                    label: 'Attribute name',
-                    type: 'dynSource',
-                    placeholder: 'item.attributes.searchOrAddAttribute',
-                    sourceConfig: {
-                        value: 'id',
-                        text: 'translated_title',
-                    },
-                    dynSource: {
-                        type: 'autocomplete',
-                        listKey: 'attributes',
-                        url: 'attributes',
-                        maxSearchResults: 1000,
-                    },
-                    pick: {
-                        attribute_id: 'id',
-                        texts: 'texts',
-                        translated_title: 'translated_title',
-                        identifier: 'identifier',
-                        attributedatatype: 'attributedatatype',
-                    },
-                    addButton: isFeatureAvailable('attributes') && {
-                        target: ATTRIBUTE_DATA_KEY,
-                    },
-                },
-                {
-                    name: 'values',
-                    label: 'Values',
-                    type: 'dynSource',
-                    sourceConfig: {
-                        value: 'value',
-                        text: 'label',
-                    },
-                    dynSource: {
-                        type: 'attributeValueChip',
-                        listKey: 'attributevalues',
-                        url: 'attributevalues',
-                        autoLoad: false,
-                        maxSearchResults: 25,
-                        mapItems: item => ({ ...item, label: item.value === item.translated_value ? item.translated_value : `${item.translated_value} (${item.value})` }),
-                    },
-                    openOnFocus: true,
-                    addButton: isFeatureAvailable('attribute_values') && {
-                        target: ATTRIBUTEVALUE_DATA_KEY,
-                        multiple: true,
-                    },
-                },
-            ],
-        },
-    },
-];

package/src/Screens/Item/DataStructures/Attributes/Reducer.js

@@ -1,13 +0,0 @@
-export default {
-    attributes: {
-        value: [],
-        schema: {
-            attribute_id: { value: null, constraints: { presence: true } },
-            values: { value: [] },
-            identifier: { value: '' },
-            attributedatatype: { value: '' },
-            texts: { value: [] }, // form helper
-            translated_title: { value: '' }, // form helper
-        },
-    },
-};