@configuratorware/configurator-admingui 1.41.1 → 1.42.1

package/src/App/Main.js

@@ -1,185 +0,0 @@
-import React, { Component } from 'react';
-import { browserHistory } from 'react-router';
-import withStyles from '@material-ui/core/styles/withStyles';
-import intersection from 'lodash/intersection';
-import { isEqual } from 'lodash';
-
-import Menu from '../Components/Menu';
-import { features } from '../Screens';
-import appConf from './Config/app';
-import iconMap from './Config/icons';
-import { T } from './i18n';
-import LocaleSwitch from '../Components/LocaleSwitch';
-import ProfileButton from '../Components/ProfileButton';
-import AppBar from '../Components/AppBar';
-import LicenseInfo from '../Components/LicenseInfo';
-
-const styles = {
-    toolbarButtonContainer: {
-        display: 'flex',
-    },
-};
-
-const RightButtons = withStyles(styles)(({ classes, updateLocale, ...props }) => {
-    return (
-        <div className={classes.toolbarButtonContainer}>
-            <LocaleSwitch {...props} updateLocale={updateLocale} />
-            <ProfileButton {...props} />
-        </div>
-    );
-});
-
-/**
- * The main layout component
- * Responsibilities:
- *  - loads and renders the menu items, handles the menu state
- *  - renders the header bar with the menu toggle, home button and the locale switch
- *  - renders the main content in a wrapper
- */
-class Main extends Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            open: true,
-            data: this.initMenuItems(appConf.features),
-            locale: '',
-        };
-    }
-
-    componentDidMount() {
-        if (process.env.NODE_ENV === 'production') {
-            window.addEventListener('beforeunload', function(e) {
-                // the custom message won't be shown according to this:
-                // https://www.chromestatus.com/features/5349061406228480
-                const confirmationMessage = 'Do you want to leave this site?';
-                e.returnValue = confirmationMessage; // Gecko, Trident, Chrome 34+
-                return confirmationMessage; // Gecko, WebKit, Chrome <34
-            });
-        }
-    }
-
-    componentDidUpdate(prevProps) {
-        if (!isEqual(prevProps.credentials, this.props.credentials)) {
-            const openSubmenus = this.findOpenSubmens(this.state.data);
-            this.setState({
-                data: this.initMenuItems(appConf.features, { openSubmenus }),
-            });
-        }
-    }
-
-    findOpenSubmens(data) {
-        let items = [];
-        data.forEach(item => {
-            if (item.submenuOpen) {
-                items.push(item.link);
-            }
-            return item.data ? items.push(...this.findOpenSubmens(item.data)) : items;
-        });
-        return items;
-    }
-
-    hasCredentialsNested(feature) {
-        const { credentials } = this.props;
-        const { name, items } = feature;
-
-        // the value of featureModule can be null, eg. when it's a group -> continue searching in items
-        const featureModule = features[name];
-
-        // if the module has a credentials array, use that prior to the simple name checking
-        // this can also be used to add a module without having its name in the credentials list,
-        // or to use an alias, or to add a screen depending on other features' credentials
-        if (featureModule && featureModule.credentials && featureModule.credentials.length > 0) {
-            // if all the required credentials are there, we can allow it
-            if (
-                intersection(featureModule.credentials, credentials).length ===
-                featureModule.credentials.length
-            ) {
-                return true;
-            }
-            // otherwise not allowed
-            return false;
-        } else if (credentials && credentials.indexOf(name) !== -1) {
-            return true;
-        }
-
-        // check feature object credentials (eg. to control visibility of menu groups)
-        if (feature.credentials) {
-            return intersection(feature.credentials, credentials).length === feature.credentials.length;
-        }
-
-        if (items && items instanceof Array) {
-            for (let item of items) {
-                if (this.hasCredentialsNested(item)) {
-                    return true;
-                }
-            }
-        }
-
-        return false;
-    }
-
-    initMenuItems(featuresArr, options = {}) {
-        const { allowIcons = true, openSubmenus = [] } = options;
-        const data = [];
-        for (let feature of featuresArr) {
-            if (this.hasCredentialsNested(feature)) {
-                data.push({
-                    text: T(feature.label || feature.name),
-                    icon: allowIcons && iconMap[feature.name],
-                    link: feature.pathName || feature.name,
-                    data:
-                        feature.items &&
-                        this.initMenuItems(feature.items, { allowIcons: false, openSubmenus }),
-                    submenuOpen: openSubmenus.indexOf(feature.name) !== -1,
-                });
-            }
-        }
-        return data;
-    }
-
-    handleClose = () => this.setState({ open: false });
-
-    handleToggle = () => this.setState({ open: !this.state.open });
-
-    goHome = () => browserHistory.push(window.basePath);
-
-    render() {
-        const menuProps = { ...this.state, handleClose: this.handleClose };
-        const { credentials } = this.props;
-        const showLicenseError =
-            !this.props.license ||
-            ['creator', 'designer', 'creator+designer', 'finder'].indexOf(this.props.license) === -1;
-
-        return (
-            <div>
-                <AppBar
-                    title={T('header.title')}
-                    licenseInfo={<LicenseInfo showLicenseError={showLicenseError} />}
-                    onClickMenu={this.handleToggle}
-                    onClickTitle={this.goHome}
-                    toolbarButtons={<RightButtons updateLocale={locale => this.setState({ locale })} />}
-                    className="app-bar"
-                />
-                <Menu
-                    showLicenseError={showLicenseError}
-                    version={this.props.version}
-                    latestReleasedVersion={this.props.latestReleasedVersion}
-                    showVersionUpdateBadge={credentials && credentials.indexOf('software_updates') !== -1}
-                    {...menuProps}
-                />
-
-                <div
-                    className={
-                        'content' +
-                        (this.state.open ? ' menu-opened' : '') +
-                        (showLicenseError ? ' license-error' : '')
-                    }
-                >
-                    {this.props.children}
-                </div>
-            </div>
-        );
-    }
-}
-
-export default Main;

package/src/App/Reducers/Api/Actions.js

@@ -1,177 +0,0 @@
-import _ from 'lodash';
-import Api, { isCancelError } from '../../Api';
-
-export const REQUEST_DATA = 'REQUEST_DATA';
-export const RECEIVE_DATA = 'RECEIVE_DATA';
-export const INVALIDATE_SOURCE = 'INVALIDATE_SOURCE';
-export const NETWORK_ERROR = 'NETWORK_ERROR';
-export const HANDLED_NETWORK_ERROR = 'HANDLED_NETWORK_ERROR';
-export const POST_DATA = 'POST_DATA';
-export const DELETE_DATA = 'DELETE_DATA';
-export const CANCEL_REQUEST = 'CANCEL_REQUEST';
-export const EXPIRED_RESPONSE = 'EXPIRED_RESPONSE';
-export const RESET_DID_INVALIDATE = 'RESET_DID_INVALIDATE';
-export const RESET_SOURCE = 'RESET_SOURCE';
-
-export const invalidateSource = key => ({
-    type: INVALIDATE_SOURCE,
-    key,
-});
-
-export const resetDidInvalidate = key => ({
-    type: RESET_DID_INVALIDATE,
-    key,
-});
-
-export const resetSource = key => ({
-    type: RESET_SOURCE,
-    key,
-});
-
-export const requestData = (source, key) => ({
-    type: REQUEST_DATA,
-    source,
-    key,
-    requestedAt: Date.now(),
-});
-
-export const receiveData = (source, key, json) => ({
-    type: RECEIVE_DATA,
-    source,
-    key,
-    data: json,
-    receivedAt: Date.now(),
-});
-
-export const networkError = (source, key, error) => ({
-    type: NETWORK_ERROR,
-    source,
-    key,
-    data: null,
-    error: error,
-    receivedAt: Date.now(),
-});
-
-export const postRequest = (source, data, key) => ({
-    type: POST_DATA,
-    source,
-    key,
-    data,
-});
-
-export const deleteRequest = (source, ids, key) => ({
-    type: DELETE_DATA,
-    source,
-    ids,
-    key,
-});
-
-export const expiredResponse = (source, key, data) => ({
-    type: EXPIRED_RESPONSE,
-    source,
-    key,
-    data,
-});
-
-const cancelRequest = key => ({
-    type: CANCEL_REQUEST,
-    key,
-});
-
-const requestsByKey = {};
-
-export const fetchData = (source, key) => (dispatch, getState) => {
-    const { requestedAt } = dispatch(requestData(source, key));
-    const request = Api.request(source)
-        .then(response => {
-            const { lastRequested } = getState().dataBySource[key];
-            if (requestedAt === lastRequested) {
-                return dispatch(receiveData(source, key, response.data));
-            } else {
-                return dispatch(expiredResponse(source, key, response.data));
-            }
-        })
-        .catch(error => {
-            if (isCancelError(error)) {
-                return dispatch(cancelRequest(key));
-            } else {
-                return dispatch(networkError(source, key, error));
-            }
-        });
-    requestsByKey[key] = request;
-    return request;
-};
-
-const shouldFetchData = (state, key, source) => {
-    const data = state.dataBySource[key];
-    if (!data) {
-        return true;
-    } else if (data.didInvalidate) {
-        if (data.isFetching) {
-            Api.cancel();
-        }
-        return true;
-    } else if (!_.isEqual(source, data.source)) {
-        return true;
-    } else if (data.isFetching) {
-        return false;
-    }
-    return true; // reload is ok for now (otherwise if something changes must reload the page)
-};
-
-export const fetchDataIfNeeded = (source, key) => (dispatch, getState) => {
-    const state = getState();
-    if (shouldFetchData(state, key, source)) {
-        return dispatch(fetchData(source, key));
-    }
-    return new Promise(resolve => {
-        const data = state.dataBySource[key];
-        if (data.isFetching && requestsByKey[key]) {
-            requestsByKey[key].then(() => {
-                resolve(receiveData(source, key, data));
-            });
-        } else {
-            resolve(receiveData(source, key, data));
-        }
-    });
-};
-
-export const postData = (source, data, key) => dispatch => {
-    dispatch(postRequest(source, data, key));
-    const params = {
-        method: 'post',
-        data: data,
-        ...(source instanceof Object ? source : { url: source }),
-    };
-    return Api.request(params)
-        .then(response => dispatch(receiveData(source, key, response.data)))
-        .catch(error => {
-            if (isCancelError(error)) {
-                dispatch(cancelRequest(key));
-            } else {
-                return dispatch(networkError(source, key, error));
-            }
-        });
-};
-
-export const deleteData = (source, ids, key) => dispatch => {
-    dispatch(deleteRequest(source, ids, key));
-    return Api.request({ url: `${source}/${ids}`, method: 'delete' })
-        .then(response => dispatch(receiveData(source, key, response.data)))
-        .catch(error => {
-            if (isCancelError(error)) {
-                dispatch(cancelRequest(key));
-            } else {
-                return dispatch(networkError(source, key, error));
-            }
-        });
-};
-
-export const dismissRequest = key => (dispatch, getState) => {
-    const state = getState();
-    const data = state.dataBySource[key];
-    if (data && data.isFetching) {
-        Api.cancel();
-        dispatch(cancelRequest(key));
-    }
-};

package/src/App/Reducers/Api/Helpers.js

@@ -1,66 +0,0 @@
-import {
-    fetchDataIfNeeded,
-    invalidateSource,
-    resetSource,
-    postData,
-    deleteData,
-    dismissRequest,
-    RECEIVE_DATA,
-    NETWORK_ERROR,
-    HANDLED_NETWORK_ERROR,
-} from './Actions';
-
-export { RECEIVE_DATA, NETWORK_ERROR, HANDLED_NETWORK_ERROR, dismissRequest };
-
-export const dispatchFetchData = dispatch => (key, source) => {
-    return dispatch(fetchDataIfNeeded(source, key));
-};
-
-export { invalidateSource };
-
-export const dispatchResetSource = dispatch => key => {
-    return dispatch(resetSource(key));
-};
-
-export const dispatchPostData = dispatch => (key, source, data) => {
-    return dispatch(postData(source, data, key));
-};
-
-export const dispatchDeleteData = dispatch => (key, source, ids) => {
-    return dispatch(deleteData(source, ids, key));
-};
-
-export const handleNetworkErrorAction = (action, errorHandler) => {
-    switch (action.type) {
-        case NETWORK_ERROR: {
-            if (errorHandler() === true) {
-                action.type = HANDLED_NETWORK_ERROR;
-            }
-        }
-    }
-};
-
-export const apiActionHandler = (apiAction, receiveHandler, errorActionHandler) => (dispatch, getState) => {
-    switch (apiAction.type) {
-        case RECEIVE_DATA: {
-            const state = getState();
-            const source = state.dataBySource[apiAction.key];
-            return receiveHandler(dispatch)(source);
-        }
-
-        case HANDLED_NETWORK_ERROR: {
-            return errorActionHandler(dispatch)(apiAction.error);
-        }
-    }
-};
-
-export const getMethods = dispatch => {
-    return {
-        fetchData: dispatchFetchData(dispatch),
-        postData: dispatchPostData(dispatch),
-    };
-};
-
-export default {
-    getMethods,
-};

package/src/App/Reducers/Api/Reducer.js

@@ -1,116 +0,0 @@
-import {
-    INVALIDATE_SOURCE,
-    REQUEST_DATA,
-    RECEIVE_DATA,
-    NETWORK_ERROR,
-    POST_DATA,
-    DELETE_DATA,
-    CANCEL_REQUEST,
-    EXPIRED_RESPONSE,
-    RESET_DID_INVALIDATE,
-    RESET_SOURCE,
-} from './Actions';
-
-const data = (
-    state = {
-        isFetching: false,
-        didInvalidate: false,
-        data: null,
-        isPosted: false,
-        isDeleted: false,
-        source: null,
-    },
-    action
-) => {
-    switch (action.type) {
-        case INVALIDATE_SOURCE:
-            return {
-                ...state,
-                didInvalidate: true,
-                data: null,
-            };
-        case RESET_DID_INVALIDATE:
-            return {
-                ...state,
-                didInvalidate: false,
-            };
-        case REQUEST_DATA:
-            return {
-                ...state,
-                isFetching: true,
-                didInvalidate: false,
-                error: false,
-                isPosted: false,
-                isDeleted: false,
-                source: action.source,
-                lastRequested: action.requestedAt,
-            };
-        case RECEIVE_DATA:
-            return {
-                ...state,
-                isFetching: false,
-                didInvalidate: false,
-                data: action.data,
-                lastUpdated: action.receivedAt,
-            };
-        case CANCEL_REQUEST:
-        case EXPIRED_RESPONSE:
-            return {
-                ...state,
-                isFetching: false,
-            };
-        case NETWORK_ERROR:
-            return {
-                ...state,
-                isFetching: false,
-                didInvalidate: false,
-                data: action.data,
-                error: action.error,
-                lastUpdated: action.receivedAt,
-            };
-        case POST_DATA:
-            return {
-                ...state,
-                isFetching: true,
-                didInvalidate: false,
-                isPosted: true,
-            };
-        case DELETE_DATA:
-            return {
-                ...state,
-                isFetching: true,
-                didInvalidate: false,
-                isDeleted: action.ids,
-            };
-        case RESET_SOURCE:
-            return {
-                ...state,
-                source: null,
-            };
-        default:
-            return state;
-    }
-};
-
-export const dataBySource = (state = {}, action) => {
-    switch (action.type) {
-        case INVALIDATE_SOURCE:
-        case RECEIVE_DATA:
-        case REQUEST_DATA:
-        case NETWORK_ERROR:
-        case POST_DATA:
-        case DELETE_DATA:
-        case CANCEL_REQUEST:
-        case EXPIRED_RESPONSE:
-        case RESET_DID_INVALIDATE:
-        case RESET_SOURCE:
-            return {
-                ...state,
-                [action.key]: data(state[action.key], action),
-            };
-        default:
-            return state;
-    }
-};
-
-export default dataBySource;

package/src/App/Reducers/Common/Form/Actions.js

@@ -1,6 +0,0 @@
-export const FORM_GET_NEXT_ENTITY_VALUE = 'FORM//getNextEntityValue';
-
-export const getNextEntityValue = entityKey => ({
-    type: FORM_GET_NEXT_ENTITY_VALUE,
-    entityKey,
-});

package/src/App/Reducers/Common/Form/Reducer.js

@@ -1,48 +0,0 @@
-import { FORM_GET_NEXT_ENTITY_VALUE } from './Actions';
-import { MOUNT_ENTITY } from '../../Entity/Actions';
-import isEqual from 'lodash/isEqual';
-
-const initialState = {
-    entityValuesByKey: {},
-};
-
-export const form = (state = initialState, action = {}) => {
-    switch (action.type) {
-        case FORM_GET_NEXT_ENTITY_VALUE: {
-            return {
-                ...state,
-                entityValuesByKey: {
-                    ...state.entityValuesByKey,
-                    [action.entityKey]: {
-                        ready: false,
-                    },
-                },
-            };
-        }
-
-        case MOUNT_ENTITY: {
-            if (
-                action.isSaved && // add only saved data, so only the Save button will add, Cancel will not
-                state.entityValuesByKey[action.key] && // there is a request for the entity
-                action.data && // data is in the response
-                (!state.entityValuesByKey[action.key].ready || // the data is not there yet
-                    !isEqual(action.data, state.entityValuesByKey.value)) // or is different
-            ) {
-                return {
-                    ...state,
-                    entityValuesByKey: {
-                        ...state.entityValuesByKey,
-                        [action.key]: {
-                            ready: true,
-                            value: action.data,
-                        },
-                    },
-                };
-            }
-            return state;
-        }
-
-        default:
-            return state;
-    }
-};

package/src/App/Reducers/Common/Language/Actions.js

@@ -1,6 +0,0 @@
-export const LANGUAGE_SET_LANGUAGES = 'LANGUAGE//setLanguages';
-
-export const setLanguages = data => ({
-    type: LANGUAGE_SET_LANGUAGES,
-    data,
-});

package/src/App/Reducers/Common/Language/Reducer.js

@@ -1,27 +0,0 @@
-import {LANGUAGE_SET_LANGUAGES} from './Actions';
-const initialState = {
-    languages: null,
-    decimalSeparatorsByLangIso: null,
-    defaultSeparator: '.',
-    altSeparator: ','
-};
-
-export const language = (state = initialState, action = {}) => {
-    switch (action.type) {
-        case LANGUAGE_SET_LANGUAGES: {
-            const languages = action.data;
-            const decimalSeparatorsByLangIso = [];
-            languages.forEach(({iso, decimalpoint}) => {
-                decimalSeparatorsByLangIso[iso.replace('_', '-')] = decimalpoint;
-            });
-            return {
-                ...state,
-                languages,
-                decimalSeparatorsByLangIso
-            };
-        }
-
-        default:
-            return state;
-    }
-};

package/src/App/Reducers/Common/OrderList/Actions.js

@@ -1,45 +0,0 @@
-import { dispatchFetchData } from '../../Api/Helpers';
-
-export const COMPONENT_KEY = 'order_list';
-export const COMPONENT_KEY_SAVE = 'order_list_save';
-export const ORDER_LIST_SET_DATA_FIELD = 'ORDER_LIST//setDataField'
-export const ORDER_LIST_SET_URL = 'ORDER_LIST//setUrl';
-export const ORDER_LIST_MOVE_ITEM = 'ORDER_LIST//moveItem';
-export const ORDER_LIST_SAVE_LIST = 'ORDER_LIST//saveList';
-export const ORDER_LIST_SET_STATUS = 'ORDER_LIST//setStatus';
-
-export const loadList = dispatch => (url, entity, orderSequenceNumber, filters = {}, dataField = null, postUrl = null) => {
-    dispatch(setUrl(url, postUrl));
-    dispatch(setDataField(dataField));
-    return dispatchFetchData(dispatch)(COMPONENT_KEY, {
-        url,
-        params: { orderby: `${entity}.${orderSequenceNumber}`, filters: { ...filters }, offset: 0, limit: 1000 },
-    });
-};
-
-export const moveItem = (oldIndex, newIndex) => ({
-    type: ORDER_LIST_MOVE_ITEM,
-    oldIndex,
-    newIndex,
-});
-
-export const saveList = () => ({
-    type: ORDER_LIST_SAVE_LIST,
-});
-
-export const setUrl = (url, postUrl) => ({
-    type: ORDER_LIST_SET_URL,
-    url,
-    postUrl
-});
-
-export const setDataField = dataField => ({
-    type: ORDER_LIST_SET_DATA_FIELD,
-    dataField,
-});
-
-export const setSaveStatus = (status, error = null) => ({
-    type: ORDER_LIST_SET_STATUS,
-    status,
-    error,
-});