@configuratorware/configurator-admingui 1.41.1 → 1.42.1

package/src/Screens/ConfigurationTypeEditor/Screen.js

@@ -1,71 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-
-import { createConnectedList } from './Containers/List';
-import { createConnectedEdit } from './Containers/Edit';
-
-import './Translations';
-
-import './Styles.scss';
-
-import { generateCustomScreen, OverlayScreen } from '../../Components/DefaultScreen';
-
-import Dialog from '../../UIComponents/Dialog';
-import { T } from '../../App/i18n';
-import BaseItemList from '../Item/Containers/List';
-
-const ItemList = ({ show, onClose, ...props }) => {
-    return (
-        <Dialog
-            title={T('configurationTypeEditor.baseConfigurationListTitle')}
-            modal={'false'}
-            open={show}
-            scroll={'body'}
-            onClose={onClose}
-        >
-            <BaseItemList
-                {...props}
-                listProps={{ onAddItem: false, onDeleteItems: false, renderAction: false }}
-            />
-        </Dialog>
-    );
-};
-
-class ScreenContainer extends React.Component {
-    render() {
-        const { showItemList, detailsAction, hideItemList } = this.props;
-        return (
-            <OverlayScreen {...this.props} className="configurationWorkflowStatus">
-                <ItemList loadDetails={detailsAction} onClose={hideItemList} show={showItemList} />
-            </OverlayScreen>
-        );
-    }
-}
-
-export const createConnectedScreen = (name, reducerName, actions, List = false, Edit = false) => {
-    List = List || createConnectedList(reducerName, actions);
-    Edit = Edit || createConnectedEdit(reducerName);
-
-    const screen = generateCustomScreen(name, List, Edit, ScreenContainer);
-
-    return connect(
-        ({ i18n, ...reducers }) => {
-            const CTEReducer = reducers[reducerName];
-            return {
-                showDetails: CTEReducer.showDetails,
-                locale: i18n.locale,
-                item: CTEReducer.item,
-                showItemList: CTEReducer.showItemList,
-            };
-        },
-        dispatch => {
-            return {
-                invalidateListAction: () => dispatch(actions.invalidateList()),
-                hideDetailsAction: () => dispatch(actions.hideDetails()),
-                showDetailsAction: () => dispatch(actions.showDetails()),
-                detailsAction: params => dispatch(actions.detailsAction(params)),
-                hideItemList: () => dispatch(actions.hideItemList()),
-            };
-        }
-    )(screen);
-};

package/src/Screens/ConfigurationTypeEditor/Translations.js

@@ -1,15 +0,0 @@
-require('../../App/i18n').use(
-    {
-        en: {
-            configurationTypeEditor: {
-                baseConfigurationListTitle: 'Standardkonfiguration',
-            },
-        },
-        de: {
-            configurationTypeEditor: {
-                baseConfigurationListTitle: 'Standardkonfiguration',
-            },
-        },
-    },
-    true
-);

package/src/Screens/ConfigurationTypeEditor/index.js

@@ -1 +0,0 @@
-throw Error('This is an abstract screen, do not use it directly!');

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

@@ -1,99 +0,0 @@
-import React from 'react';
-import { get } from 'lodash';
-import { connect } from 'react-redux';
-import IconInfo from '../../../UIComponents/icons/InfoOutlineIcon';
-
-import Actions, { FIND_ITEMS_LIST_KEY, FIND_ITEMS_URL, REDUCER_NAME } from '../Reducers/Actions';
-import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
-import TranslationFinder from '../../../Components/TranslationFinder';
-import { T } from '../../../App/i18n';
-import './Styles.scss';
-
-const GroupInfoField = ({ value, groupIdentifier }) => {
-    const itemGroupIdentifier = get(value, 'configuration_variant_info.item_group_identifier');
-    if (itemGroupIdentifier) {
-        let translationKey =
-            itemGroupIdentifier === groupIdentifier ? 'alreadyInTheGroup' : 'memberOfOtherGroup';
-        return (
-            <div className="configurationVariants-info">
-                <IconInfo />
-                {T(`configurationVariants.infoTexts.${translationKey}`, { itemGroupIdentifier })}
-            </div>
-        );
-    }
-    return null;
-};
-
-const ConnectedGroupInfoField = connect(state => ({
-    groupIdentifier: get(state[REDUCER_NAME], 'data.identifier.value'),
-}))(GroupInfoField);
-
-const formFields = [
-    {
-        name: 'identifier',
-        label: 'Identifier',
-        type: 'text',
-    },
-    {
-        name: 'items',
-        label: 'Items',
-        type: 'array',
-        array: {
-            addButtonLabel: 'configurationVariants.items.addButtonLabel',
-            columns: [
-                {
-                    name: 'identifier',
-                    label: 'Identifier',
-                },
-                {
-                    name: 'texts',
-                    label: 'Title',
-                    renderValue: (value, row) => {
-                        const { translated_title } = row;
-                        return (
-                            <TranslationFinder data={value} property="title" fallback={translated_title} />
-                        );
-                    },
-                },
-            ],
-            fields: [
-                {
-                    name: 'id',
-                    label: 'Item',
-                    type: 'dynSource',
-                    sourceConfig: {
-                        value: 'id',
-                        text: 'label',
-                    },
-                    dynSource: {
-                        type: 'autocomplete',
-                        listKey: FIND_ITEMS_LIST_KEY,
-                        url: FIND_ITEMS_URL,
-                        autoLoad: false,
-                        mapItems: item => ({
-                            ...item,
-                            label: `${item.translated_title} (${item.identifier})`,
-                        }),
-                    },
-                    pick: {
-                        id: 'id',
-                        identifier: 'identifier',
-                        translated_title: 'translated_title',
-                        additional_data: 'additional_data',
-                    },
-                    /*getSearchText: (value, schema) => {
-                        return `${get(schema, 'translated_title.value')} (${get(schema, 'identifier.value')})`;
-                    },*/
-                },
-                {
-                    type: ConnectedGroupInfoField,
-                    name: 'additional_data',
-                },
-            ],
-            updateOnPropertyMatch: 'id',
-            disableEdit: true,
-        },
-    },
-];
-
-export default generateConnectedEdit(formFields, REDUCER_NAME, Actions.setFieldData, Actions.postData);

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

@@ -1,29 +0,0 @@
-import Actions, { LIST_KEY } from '../Reducers/Actions';
-
-const columns = [
-    {
-        name: 'identifier',
-        label: 'Identifier',
-        filterable: false,
-        sortable: false,
-    },
-];
-
-const listParams = {
-    entity: 'configurationvariants',
-    addButtonLabel: 'configurationVariants.addButtonLabel',
-};
-
-import generateConnectedList from '../../../Components/DefaultConnectedList';
-
-export default generateConnectedList(
-    columns,
-    listParams,
-    LIST_KEY,
-    Actions.listAction,
-    Actions.detailsAction,
-    Actions.hideDetails,
-    Actions.showDetails,
-    Actions.createEntity,
-    Actions.deleteEntities
-);

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

@@ -1,13 +0,0 @@
-.configurationVariants-info {
-  position: relative;
-  * {
-    vertical-align: middle;
-  }
-  > svg {
-    position: absolute;
-  }
-  > span {
-    margin-left: 30px;
-    display: inline-block;
-  }
-}

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

@@ -1,10 +0,0 @@
-export const LIST_KEY = 'configurationvariants';
-export const LIST_URL = 'configurationvariants';
-export const DATA_KEY = 'configurationvariant';
-export const REDUCER_NAME = 'configurationVariantData';
-export const FIND_ITEMS_LIST_KEY = 'configurationvariants/finditems';
-export const FIND_ITEMS_URL = 'configurationvariants/finditems';
-
-import { generateDefaultActions } from '../../../App/Reducers/Entity/Actions';
-
-export default generateDefaultActions(LIST_KEY, DATA_KEY, REDUCER_NAME, LIST_URL);

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

@@ -1,33 +0,0 @@
-import { DATA_KEY, 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: { identifier: true } },
-            items: {
-                value: [],
-                schema: {
-                    id: { value: null, constraints: { presence: true } },
-                    identifier: { value: '', constraints: { presence: true } },
-                    translated_title: { value: '' }, // form helper
-                    additional_data: { value: {} }, // form helper
-                },
-            },
-        },
-        null,
-        DATA_KEY
-    ),
-};
-
-export const configurationVariantData = createFeatureReducer(REDUCER_NAME, (state = initialState, action) => {
-    if (action.key === DATA_KEY) {
-        // so something if needed...
-    }
-
-    return defaultEntityReducer(state, action, initialState);
-});
-
-export default configurationVariantData;

package/src/Screens/ConfigurationVariants/Screen.js

@@ -1,18 +0,0 @@
-import Actions, { REDUCER_NAME } from './Reducers/Actions';
-
-import List from './Containers/List';
-import Edit from './Containers/Edit';
-
-import './Translations';
-
-import { generateConnectedSplitScreen } from '../../Components/DefaultConnectedScreen';
-
-export default generateConnectedSplitScreen(
-    'configuration_variants',
-    List,
-    Edit,
-    REDUCER_NAME,
-    Actions.invalidateList,
-    Actions.triggerUnsavedEntity,
-    Actions.hideDetails
-);

package/src/Screens/ConfigurationVariants/Translations.js

@@ -1,36 +0,0 @@
-require('../../App/i18n').use(
-    {
-        en: {
-            configuration_variants: 'Connected items',
-            configurationVariants: {
-                addButtonLabel: 'Add Connected Product',
-                items: {
-                    addButtonLabel: 'Add Item',
-                },
-                infoTexts: {
-                    alreadyInTheGroup: 'The selected item is already in this group.',
-                    memberOfOtherGroup:
-                        'This item is already a member of the group: %{itemGroupIdentifier}. ' +
-                        'If you add it to this group it will be removed from the other one.',
-                },
-            },
-        },
-        de: {
-            configuration_variants: 'Verknüpfte Produkte',
-            configurationVariants: {
-                addButtonLabel: 'Verknüpfte Produkt hinzufügen',
-                items: {
-                    addButtonLabel: 'Artikel hinzufügen',
-                },
-                infoTexts: {
-                    alreadyInTheGroup: 'Das ausgewählte Element ist bereits ein Teil dieser Gruppe.',
-                    memberOfOtherGroup:
-                        'Das ausgewählte Element ist bereits Mitglied der folgenden Gruppe: %{itemGroupIdentifier}. ' +
-                        'Wenn Du es dieser Gruppe hinzufügst, wird es aus der anderen Gruppe entfernt.',
-                },
-            },
-            Items: 'Artikel',
-        },
-    },
-    true
-);

package/src/Screens/ConfigurationVariants/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/ConfigurationWorkflowStatus/Containers/Edit.js

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

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

@@ -1,170 +0,0 @@
-import React from 'react';
-import Actions, { CONFIGURATION_WORKFLOW_STATUS_LIST_KEY } from '../Reducers/Actions';
-
-import IconButton from '../../../UIComponents/IconButton';
-import InfoIcon from '../../../UIComponents/icons/InfoIcon';
-import MiniPopup from '../../../Components/GeneralFragments/MiniPopup';
-
-const columns = [
-    {
-        name: 'code',
-        label: 'Code',
-        filterable: true,
-        sortable: true,
-        filterKey: 'configurationworkflowstatus.configuration.code',
-        sortKey: 'configurationworkflowstatus.configuration.code',
-    },
-    {
-        name: 'design_is_approved',
-        label: 'Status',
-        filterable: false,
-        sortable: false,
-        renderValue: statusValue => {
-            for (let o of statusOptions) if (o.mapValue === statusValue) return T(o.label);
-        },
-    },
-    {
-        name: 'denial_reason',
-        label: 'Denial reason',
-        filterable: false,
-        sortable: false,
-        renderValue: (reasonValue, rowData) => {
-            const { denial_details } = rowData;
-            return (
-                reasonValue && (
-                    <span>
-                        {T(`configurationWorkflowStatus.denialReason.${reasonValue}`)}
-                        {denial_details && (
-                            <MiniPopup
-                                label={
-                                    <IconButton>
-                                        <InfoIcon />
-                                    </IconButton>
-                                }
-                                title={T('configurationWorkflowStatus.denialReasonTitle')}
-                            >
-                                {denial_details}
-                            </MiniPopup>
-                        )}
-                    </span>
-                )
-            );
-        },
-    },
-    {
-        name: 'user_updated',
-        label: 'User',
-        filterable: false,
-        sortable: false,
-        renderValue: userName => (typeof userName === 'string' ? userName : ''),
-    },
-    {
-        name: 'date_created',
-        label: 'Date',
-        filterable: true,
-        sortable: true,
-        renderValue: dateObj => dateObj && dateObj.date.replace(/\.0+$/, ''),
-    },
-];
-
-const statusOptions = [
-    { value: '{{null}}', label: 'open', mapValue: null },
-    { value: '1', label: 'approved', mapValue: true },
-    { value: '0', label: 'declined', mapValue: false },
-];
-
-const listParams = {
-    entity: 'configurationworkflowstatus',
-};
-
-import { connectDefault } from '../../../Components/DefaultConnectedList';
-
-import DefaultList from '../../../Components/DefaultList';
-
-import List from '../../../Components/List';
-import SelectField from '../../../UIComponents/SelectField';
-import MenuItem from '../../../UIComponents/MenuItem';
-import { T } from '../../../App/i18n';
-
-class StatusFilter extends React.Component {
-    constructor(props) {
-        super(props);
-        this.options = statusOptions;
-        this.defaultValue = '';
-        this.state = {
-            value: this.defaultValue,
-        };
-    }
-
-    onChange(value) {
-        if (typeof value === 'undefined') {
-            value = this.defaultValue;
-        }
-        this.setState({
-            value,
-        });
-        this.props.onChange && this.props.onChange(value);
-    }
-
-    render() {
-        return (
-            <SelectField
-                ref="input"
-                onChange={evt => this.onChange(evt.target.value)}
-                style={{ width: 150, float: 'right' }}
-                placeholder={T('Status')}
-                value={this.state.value}
-                placeholderValue={this.defaultValue}
-                disableUnderline
-            >
-                {this.state.value !== this.defaultValue && <MenuItem>{T('all')}</MenuItem>}
-                {this.options.map((option, key) => {
-                    return (
-                        <MenuItem value={option.value} key={key}>
-                            {T(option.label)}
-                        </MenuItem>
-                    );
-                })}
-            </SelectField>
-        );
-    }
-}
-
-class ConfigurationWorkflowStatusList extends List {
-    onStatusChange = value => {
-        this.props.onFilterChange('design_is_approved', value);
-        this.props.onRowSelection();
-        //  this.setSelectedRows([]);
-    };
-
-    renderTopComponent() {
-        return <StatusFilter onChange={this.onStatusChange} />;
-    }
-
-    renderSearchBar() {
-        return null;
-    }
-}
-
-const ConfigurationWorkflowStatusListBinder = props => (
-    <DefaultList
-        {...props}
-        List={ConfigurationWorkflowStatusList}
-        columns={columns}
-        listParams={listParams}
-    />
-);
-
-export default connectDefault(
-    ConfigurationWorkflowStatusListBinder,
-    CONFIGURATION_WORKFLOW_STATUS_LIST_KEY,
-    Actions.listAction,
-    Actions.detailsAction,
-    Actions.hideDetails,
-    Actions.showDetails,
-    false, // Actions.createEntity,
-    false, // Actions.deleteEntities
-    {
-        reducerName: 'configurationWorkflowStatus',
-    }
-);

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

@@ -1,82 +0,0 @@
-export const CONFIGURATION_WORKFLOW_STATUS_LIST_KEY = 'configurationworkflowstatus';
-export const CONFIGURATION_WORKFLOW_STATUS_LIST_URL = 'configurationworkflowstatus';
-
-export const CONFIGURATION_WORKFLOW_STATUS_APPROVE_KEY = 'designapprovaldecision';
-export const CONFIGURATION_WORKFLOW_STATUS_APPROVE_URL = '/configurationworkflowstatus/setdesignisapproved';
-
-import { generateListActions } from '../../../App/Reducers/Entity/Actions';
-
-const actions = generateListActions(
-    CONFIGURATION_WORKFLOW_STATUS_LIST_KEY,
-    CONFIGURATION_WORKFLOW_STATUS_LIST_URL
-);
-
-export const HIDE_DETAILS = 'ConfigurationWorkflowStatus//hideDetails';
-export const SHOW_DETAILS = 'ConfigurationWorkflowStatus//showDetails';
-export const SELECT_ITEM = 'ConfigurationWorkflowStatus//selectItem';
-export const DISMISS_MESSAGE = 'ConfigurationWorkflowStatus//dismissMessage';
-
-import { postData, RECEIVE_DATA, NETWORK_ERROR } from '../../../App/Reducers/Api/Actions';
-
-export const hideDetails = () => dispatch => {
-    dispatch({
-        type: HIDE_DETAILS,
-    });
-    dispatch(actions.invalidateList());
-};
-
-const showDetails = () => ({
-    type: SHOW_DETAILS,
-});
-
-const selectItem = (item, locale) => ({
-    type: SELECT_ITEM,
-    item,
-    locale,
-});
-
-const detailsAction = params => (dispatch, getState) => {
-    const locale = getState().i18n.locale.replace('-', '_');
-    dispatch(selectItem(params, locale));
-    dispatch(showDetails());
-};
-
-import { showInfoMessage, showErrorMessage } from '../../../App/Reducers/Frame/Actions';
-import { t } from '../../../App/i18n';
-
-export const postDesignApprovalDecision = data => (dispatch, getState) => {
-    return dispatch(
-        postData(CONFIGURATION_WORKFLOW_STATUS_APPROVE_URL, data, CONFIGURATION_WORKFLOW_STATUS_APPROVE_KEY)
-    ).then(apiAction => {
-        switch (apiAction.type) {
-            case RECEIVE_DATA: {
-                dispatch(showInfoMessage(t('entity.saveOk')));
-                return true;
-            }
-
-            case NETWORK_ERROR: {
-                const state = getState();
-                const source = state.dataBySource[apiAction.key];
-                if (source.isPosted) {
-                    // data is saved
-                    dispatch(showErrorMessage(t('entity.saveError'), apiAction.error));
-                } else {
-                    dispatch(showErrorMessage(t('entity.loadError'), apiAction.error));
-                }
-                return false;
-            }
-        }
-    });
-};
-
-export const dismissMessage = () => ({
-    type: DISMISS_MESSAGE,
-});
-
-export default {
-    ...actions,
-    detailsAction,
-    showDetails,
-    hideDetails,
-    dismissMessage,
-};