@configuratorware/configurator-admingui 1.41.1 → 1.42.1

package/src/Screens/ColorPalettes/Components/DefaultColorSwitch.js

@@ -1,61 +0,0 @@
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import PropTypes from 'prop-types';
-import get from 'lodash/get';
-import Switch from '@material-ui/core/Switch';
-import Actions, { COLORPALETTES_REDUCER_NAME } from '../Reducers/Actions';
-import { withStyles } from '@material-ui/core/styles';
-
-const styles = {
-    switchBase: {
-        height: 28,
-    },
-};
-
-export class DefaultColorSwitch extends Component {
-    static propTypes = {
-        color: PropTypes.object,
-        classes: PropTypes.object,
-        isDefaultColor: PropTypes.bool,
-    };
-
-    onToggle = e => {
-        const colorId = get(this.props.color, 'id', null);
-        if (colorId) {
-            this.props.setDefaultColor(this.props.isDefaultColor ? null : this.props.color);
-        }
-    };
-
-    render() {
-        const { classes } = this.props;
-        const colorId = get(this.props.color, 'id', null);
-        if (colorId) {
-            return (
-                <Switch
-                    classes={{ switchBase: classes.switchBase }}
-                    checked={this.props.isDefaultColor}
-                    onClick={this.onToggle}
-                    name="isDefaultColor"
-                    color="primary"
-                />
-            );
-        }
-        return null;
-    }
-}
-
-const mapStateToProps = (state, ownProps) => {
-    const colorId = get(ownProps.color, 'id', null);
-    const defaultColorId = get(state, `${COLORPALETTES_REDUCER_NAME}.data.defaultColor.value.id`, null);
-
-    return {
-        isDefaultColor: colorId === defaultColorId && colorId !== null && defaultColorId !== null,
-    };
-};
-
-const mapDispatchToProps = dispatch => ({
-    setDefaultColor: color => dispatch(Actions.setFieldData('defaultColor', color)),
-});
-
-export default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(DefaultColorSwitch));
-

package/src/Screens/ColorPalettes/Containers/Edit.js

@@ -1,121 +0,0 @@
-import React from 'react';
-import Actions, { COLORPALETTES_REDUCER_NAME } from '../Reducers/Actions';
-import DefaultColorSwitch from '../Components/DefaultColorSwitch';
-const { setFieldData, postData, detailsAction } = Actions;
-
-function withLoadDetails(Component) {
-    return connect(() => ({}), {
-        reloadPalette: id => detailsAction({ id }),
-    })(Component);
-}
-
-const ConnectedOrderedButton = ({ value, reloadPalette, ...props }) => {
-    return (
-        <OrderList
-            listUrl={`/colorpalettes/${value}`}
-            saveListUrl={`/colorpalettes/${value}/colors/savesequencenumbers`}
-            entity={'colorpalettes.colors'}
-            orderSequenceNumber={'sequence_number'}
-            listField={'colors'}
-            onListSaved={() => {
-                reloadPalette(value);
-            }}
-        />
-    );
-};
-
-const formFields = [
-    {
-        name: 'identifier',
-        label: 'Identifier',
-        type: 'text',
-    },
-    {
-        name: 'texts',
-        label: 'Title',
-        type: 'intl',
-        intl: {
-            name: 'title',
-            type: 'text',
-        },
-    },
-    {
-        name: 'colors',
-        label: 'Colors',
-        type: 'array',
-        buttonsPosition: 'top',
-        showPopup: true,
-        array: {
-            columns: [
-                {
-                    name: 'defaultColorSwitch',
-                    label: 'defaultColor',
-                    renderValue: (value, rowData) => {
-                        return <DefaultColorSwitch color={rowData} />;
-                    },
-                    disableSelection: true,
-                },
-                {
-                    name: 'identifier',
-                    label: 'Identifier',
-                },
-                {
-                    name: 'texts',
-                    label: 'Title',
-                    renderValue: value => {
-                        return <TranslationFinder data={value} property="title" fallback={''} />;
-                    },
-                },
-                {
-                    name: 'hex_value',
-                    label: 'Hex value',
-                    renderValue: value => (
-                        <span style={{ display: 'flex', alignItems: 'center', minWidth: 95 }}>
-                            <div
-                                style={{
-                                    background: '#' + value,
-                                    minWidth: 20,
-                                    height: 20,
-                                    outline: '1px solid black',
-                                    marginRight: 8,
-                                }}
-                            />
-                            {'#' + value}
-                        </span>
-                    ),
-                },
-            ],
-            fields: [
-                {
-                    name: 'identifier',
-                    label: 'Identifier',
-                    type: 'text',
-                },
-                {
-                    name: 'texts',
-                    label: 'Title',
-                    type: 'intl',
-                    intl: {
-                        name: 'title',
-                        type: 'text',
-                    },
-                },
-                {
-                    name: 'hex_value',
-                    label: 'Hex value',
-                    type: 'text',
-                },
-            ],
-        },
-    },
-    {
-        type: withLoadDetails(ConnectedOrderedButton),
-        name: 'id',
-    },
-];
-
-import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
-import TranslationFinder from '../../../Components/TranslationFinder';
-import OrderList from '../../../Components/OrderList';
-import { connect } from 'react-redux';
-export default generateConnectedEdit(formFields, COLORPALETTES_REDUCER_NAME, setFieldData, postData);

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

@@ -1,41 +0,0 @@
-import React from 'react';
-import Actions, { COLORPALETTES_LIST_KEY } from '../Reducers/Actions';
-const { detailsAction, hideDetails, showDetails, createEntity, listAction, deleteEntities } = Actions;
-import TranslationFinder from '../../../Components/TranslationFinder';
-
-const columns = [
-    {
-        name: 'identifier',
-        label: 'Identifier',
-        filterable: true,
-        sortable: true,
-        filterKey: 'colorpalette.identifier',
-        sortKey: 'colorpalette.identifier',
-    },
-    {
-        name: 'texts',
-        label: 'Title',
-        renderValue: value => <TranslationFinder data={value} property="title" fallback={''} />,
-    },
-];
-
-const listParams = {
-    entity: 'colorPalettes',
-    addButtonLabel: 'colorPalette.addButtonLabel',
-    orderby: 'colorpalette.identifier',
-    orderdir: 'asc',
-};
-
-import generateConnectedList from '../../../Components/DefaultConnectedList';
-
-export default generateConnectedList(
-    columns,
-    listParams,
-    COLORPALETTES_LIST_KEY,
-    listAction,
-    detailsAction,
-    hideDetails,
-    showDetails,
-    createEntity,
-    deleteEntities
-);

package/src/Screens/ColorPalettes/Reducers/Actions.js

@@ -1,13 +0,0 @@
-export const COLORPALETTES_LIST_KEY = 'colorpalettes';
-export const COLORPALETTES_LIST_URL = 'colorpalettes';
-export const COLORPALETTES_DATA_KEY = 'colorpalette';
-export const COLORPALETTES_REDUCER_NAME = 'colorPalettesData';
-
-import { generateDefaultActions } from '../../../App/Reducers/Entity/Actions';
-
-export default generateDefaultActions(
-    COLORPALETTES_LIST_KEY,
-    COLORPALETTES_DATA_KEY,
-    COLORPALETTES_REDUCER_NAME,
-    COLORPALETTES_LIST_URL
-);

package/src/Screens/ColorPalettes/Reducers/Reducer.js

@@ -1,35 +0,0 @@
-import { COLORPALETTES_DATA_KEY, COLORPALETTES_REDUCER_NAME } from './Actions';
-import { getDefaultEntityState, defaultEntityReducer } from '../../../App/Reducers/Entity/Reducer';
-import { createFeatureReducer } from '../../../App/FeatureReducers';
-
-const initialState = {
-    ...getDefaultEntityState(
-        {
-            id: null,
-            identifier: { value: '', constraints: { presence: true } },
-            texts: [],
-            colors: {
-                value: [],
-                schema: {
-                    id: { value: null },
-                    identifier: { value: null, constraints: { presence: true } },
-                    hex_value: { value: '' },
-                    texts: { value: [] }, // form helper
-                    //translated_title: { value: "" }, // form helper
-                },
-            },
-            defaultColor: {},
-        },
-        null,
-        COLORPALETTES_DATA_KEY
-    ),
-};
-
-export const colorPalettesData = createFeatureReducer(
-    COLORPALETTES_REDUCER_NAME,
-    (state = initialState, action) => {
-        return defaultEntityReducer(state, action, initialState);
-    }
-);
-
-export default colorPalettesData;

package/src/Screens/ColorPalettes/Screen.js

@@ -1,20 +0,0 @@
-import Actions, { COLORPALETTES_REDUCER_NAME } from './Reducers/Actions';
-const { invalidateList, triggerUnsavedEntity, hideDetails } = Actions;
-
-import List from './Containers/List';
-import Edit from './Containers/Edit';
-
-import './Styles.scss';
-import './Translations';
-
-import { generateConnectedSplitScreen } from '../../Components/DefaultConnectedScreen';
-
-export default generateConnectedSplitScreen(
-    'color_palettes',
-    List,
-    Edit,
-    COLORPALETTES_REDUCER_NAME,
-    invalidateList,
-    triggerUnsavedEntity,
-    hideDetails
-);

package/src/Screens/ColorPalettes/Translations.js

@@ -1,25 +0,0 @@
-require('../../App/i18n').use(
-    {
-        en: {
-            color_palettes: 'Color palettes',
-            name: 'Name',
-            area: 'Area',
-            colorPalette: {
-                addButtonLabel: 'Add Color palette',
-            },
-            defaultColor: 'Default</br>color',
-        },
-        de: {
-            color_palettes: 'Farbpaletten',
-            name: 'Name',
-            area: 'Area',
-            colorPalette: {
-                addButtonLabel: 'Farbpalette hinzufügen',
-            },
-            Colors: 'Farben',
-            defaultColor: 'Standard-</br>farbe',
-            'Hex value': 'Hex Wert',
-        },
-    },
-    true
-);

package/src/Screens/ColorPalettes/index.js

@@ -1,9 +0,0 @@
-import Screen from './Screen';
-import Reducer from './Reducers/Reducer';
-import { addReducers } from '../../App/FeatureReducers';
-
-addReducers(Reducer);
-
-export default {
-    Screen,
-};

package/src/Screens/ConfigurationTypeEditor/Containers/Edit.js

@@ -1,59 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import { hideDetails, dismissMessage } from '../Reducers/Actions';
-import { T } from '../../../App/i18n';
-
-import FlatButton from '../../../UIComponents/FlatButton';
-import Dialog from '../../../UIComponents/Dialog';
-import ConfigurationEditor from '../../../Components/GeneralFragments/ConfigurationEditor';
-import { saveConfigurationSuccess } from '../../Creator/Reducers/ConfigurationActions';
-
-const Edit = ({
-    showDetails,
-    hideDetails,
-    configuratorUrl,
-    showErrorMessage,
-    dismissMessage,
-    type,
-    configurationSaved,
-}) => {
-    const actions = (
-        <>
-            <FlatButton label={T('Ok')} primary={true} onClick={dismissMessage} />
-            <FlatButton label={T('Cancel')} primary={true} onClick={hideDetails} />
-        </>
-    );
-
-    return (
-        <ConfigurationEditor
-            adminMode={type}
-            show={showDetails}
-            configuratorUrl={configuratorUrl}
-            onSaved={configurationSaved}
-            onClose={hideDetails}
-        >
-            {showErrorMessage && (
-                <Dialog
-                    title={T('configurationTypeEditor.errorDialog.title')}
-                    actions={actions}
-                    modal={'true'}
-                    open={true}
-                >
-                    {T('configurationTypeEditor.errorDialog.messages.notFound')}
-                </Dialog>
-            )}
-        </ConfigurationEditor>
-    );
-};
-
-export const createConnectedEdit = reducerName =>
-    connect(
-        state => ({
-            ...state[reducerName],
-        }),
-        dispatch => ({
-            hideDetails: () => dispatch(hideDetails()),
-            dismissMessage: () => dispatch(dismissMessage()),
-            configurationSaved: apiAction => dispatch(saveConfigurationSuccess(apiAction.data)),
-        })
-    )(Edit);

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

@@ -1,55 +0,0 @@
-import React from 'react';
-import { CONFIGURATION_LIST_KEY } from '../Reducers/Actions';
-const columns = [
-    {
-        name: 'code',
-        label: 'Code',
-        filterable: true,
-        sortable: true,
-    },
-    {
-        name: 'item',
-        label: 'Item',
-        filterable: true,
-        sortable: true,
-        filterKey: 'configuration.option.optionText.title',
-        sortKey: 'configuration.option.optionText.title',
-        renderValue: itemObj => itemObj && itemObj.title,
-    },
-    {
-        name: 'date_created',
-        label: 'Date',
-        filterable: true,
-        sortable: true,
-        renderValue: dateObj => dateObj && dateObj.date.replace(/\.0+$/, ''),
-    },
-];
-
-const listParams = {
-    entity: 'configuration',
-};
-
-import { connectDefault } from '../../../Components/DefaultConnectedList';
-
-import DefaultList from '../../../Components/DefaultList';
-
-import List from '../../../Components/List';
-
-const ConfigurationTypeEditorListBinder = props => (
-    <DefaultList List={List} columns={columns} listParams={listParams} {...props} />
-);
-
-export const createConnectedList = (reducerName, Actions) =>
-    connectDefault(
-        ConfigurationTypeEditorListBinder,
-        CONFIGURATION_LIST_KEY,
-        Actions.listAction,
-        Actions.detailsAction,
-        Actions.hideDetails,
-        Actions.showDetails,
-        Actions.createEntity,
-        Actions.deleteEntities,
-        {
-            reducerName,
-        }
-    );

package/src/Screens/ConfigurationTypeEditor/Reducers/Actions.js

@@ -1,78 +0,0 @@
-export const CONFIGURATION_LIST_KEY = 'configurations';
-export const CONFIGURATION_LIST_URL = 'configurations';
-
-export const CONFIGURATION_TYPE_DESIGNTEMPLATE = 'designtemplate';
-
-import { generateListActions, generateDeleteAction } from '../../../App/Reducers/Entity/Actions';
-
-const listActions = generateListActions(CONFIGURATION_LIST_KEY, CONFIGURATION_LIST_URL);
-const deleteEntities = generateDeleteAction(CONFIGURATION_LIST_KEY, CONFIGURATION_LIST_URL);
-
-const screenName = 'ConfigurationTypeEditor';
-
-export const HIDE_DETAILS = `${screenName}//hideDetails`;
-export const SHOW_DETAILS = `${screenName}//showDetails`;
-export const SELECT_ITEM = `${screenName}//selectItem`;
-export const DISMISS_MESSAGE = `${screenName}//dismissMessage`;
-export const CREATE_ENTITY = `${screenName}//createEntity`;
-export const SHOW_ITEM_LIST = `${screenName}//showItemList`;
-export const HIDE_ITEM_LIST = `${screenName}//hideItemList`;
-
-export const hideDetails = () => dispatch => {
-    dispatch({
-        type: HIDE_DETAILS,
-    });
-    dispatch(listActions.invalidateList());
-};
-
-export const showDetails = () => ({
-    type: SHOW_DETAILS,
-});
-
-export const selectItem = (item, locale) => ({
-    type: SELECT_ITEM,
-    item,
-    locale,
-});
-
-export const detailsAction = params => (dispatch, getState) => {
-    const locale = getState().i18n.locale.replace('-', '_');
-    dispatch(selectItem(params, locale));
-    dispatch(showDetails());
-};
-
-import { ITEM_LIST_KEY, ITEM_LIST_URL } from '../../Item/Reducers/Actions';
-import { fetchDataIfNeeded } from '../../../App/Reducers/Api/Actions';
-
-export const showItemList = () => ({
-    type: SHOW_ITEM_LIST,
-});
-
-export const hideItemList = () => ({
-    type: HIDE_ITEM_LIST,
-});
-
-export const createEntity = () => dispatch => {
-    dispatch({
-        type: CREATE_ENTITY,
-    });
-    dispatch(fetchDataIfNeeded(ITEM_LIST_URL, ITEM_LIST_KEY));
-    dispatch(showItemList());
-};
-
-export const dismissMessage = () => ({
-    type: DISMISS_MESSAGE,
-});
-
-export const generateActions = filters => ({
-    ...listActions,
-    listAction: params => listActions.listAction({ ...params, filters: { ...params.filters, ...filters } }),
-    detailsAction,
-    showDetails,
-    hideDetails,
-    dismissMessage,
-    createEntity,
-    showItemList,
-    hideItemList,
-    deleteEntities,
-});

package/src/Screens/ConfigurationTypeEditor/Reducers/Reducer.js

@@ -1,106 +0,0 @@
-import {
-    HIDE_DETAILS,
-    SHOW_DETAILS,
-    SELECT_ITEM,
-    DISMISS_MESSAGE,
-    SHOW_ITEM_LIST,
-    HIDE_ITEM_LIST,
-} from './Actions';
-
-import { CONFIGURATION_SAVE_CONFIGURATION_SUCCESS } from '../../Creator/Reducers/ConfigurationActions';
-
-import networkConfig from '../../../App/Config/network';
-
-const initialState = {
-    showDetails: false,
-    hideDetails: true,
-    item: {},
-    configuratorUrl: false,
-    timestamp: null,
-    showErrorMessage: false,
-    showItemList: false,
-    locale: '',
-};
-
-export const getInitialState = type => ({ ...initialState, type });
-
-export const configurationTypeEditor = (state = initialState, action = {}) => {
-    switch (action.type) {
-        case HIDE_DETAILS: {
-            return {
-                ...state,
-                ...initialState,
-            };
-        }
-        case SHOW_DETAILS: {
-            return {
-                ...state,
-                showDetails: true,
-                hideDetails: false,
-            };
-        }
-        case SELECT_ITEM: {
-            const { item, locale } = action;
-
-            if (item) {
-                return {
-                    ...state,
-                    item,
-                    locale,
-                    configuratorUrl: getConfiguratorUrl(item, locale, state.type),
-                    showItemList: false,
-                };
-            }
-            return state;
-        }
-
-        case DISMISS_MESSAGE: {
-            return {
-                ...state,
-                showErrorMessage: false,
-            };
-        }
-
-        case SHOW_ITEM_LIST: {
-            return {
-                ...state,
-                showItemList: true,
-            };
-        }
-
-        case HIDE_ITEM_LIST: {
-            return {
-                ...state,
-                showItemList: false,
-            };
-        }
-
-        case CONFIGURATION_SAVE_CONFIGURATION_SUCCESS: {
-            if (action.data.configurationType === state.type) {
-                const item = action.data;
-                return {
-                    ...state,
-                    item,
-                    configuratorUrl: getConfiguratorUrl(item, state.locale, state.type),
-                };
-            }
-            return state;
-        }
-
-        default:
-            return state;
-    }
-};
-
-export const getConfiguratorUrl = (item, locale, type) => {
-    const loadByString = item.code ? `code:${item.code}` : `identifier:${item.identifier}`;
-    return (
-        networkConfig.configuratorBasePath +
-        loadByString +
-        '?_adminmode=' +
-        type +
-        '&_hidevariantselection=true&_deliverycountry=de' +
-        '&_language=' +
-        locale
-    );
-};