@configuratorware/configurator-admingui 1.41.2 → 1.42.2

package/src/Components/TranslateComponent.js

@@ -1,140 +0,0 @@
-import React from 'react';
-import { I18n } from 'react-redux-i18n';
-import TranslateBaseComponent from 'react-i18nify/build/lib/Base';
-import PropTypes from 'prop-types';
-import _ from 'lodash';
-
-const parser = function(text, pos = 0, isSubChunk = false) {
-    let stack = '';
-    const chunks = [];
-    let lastPos = pos;
-
-    for (let i = pos; i < text.length; ) {
-        const t = text[i];
-        const tn = i + 1 < text.length ? text[i + 1] : false;
-
-        if (t === '%' && tn === '{') {
-            // begin chunk
-            if (stack.length > 0) {
-                // if there is a text
-                chunks.push(stack); // add it to the chunks
-                stack = '';
-            }
-            const sub = parser(text, i + 2, true);
-            chunks.push(sub.chunks);
-            i = sub.lastPos;
-        } else if (t === '}') {
-            // end of chunk
-            if (stack.length > 0) {
-                // if there is a text
-                if (!chunks.hasOwnProperty('key')) {
-                    Object.defineProperty(chunks, 'key', {
-                        enumerable: false,
-                        value: /^[\d]+$/.test(stack) ? parseInt(stack) : stack,
-                    });
-                } else {
-                    chunks.push(stack); // add it to the chunks
-                }
-                stack = '';
-            }
-            i++;
-            lastPos = i; // save the position
-            return { chunks, lastPos };
-        } else if (t === ':' && isSubChunk && chunks.key === undefined) {
-            // save the text as the key
-            Object.defineProperty(chunks, 'key', {
-                enumerable: false,
-                value: /^[\d]+$/.test(stack) ? parseInt(stack) : stack,
-            });
-            stack = '';
-            i++;
-        } else {
-            stack += t; // append char to the text
-            i++;
-        }
-        if (tn === false && stack.length > 0) {
-            // if no next char and text exists
-            chunks.push(stack); // add it to the chunks
-            i++;
-            break;
-        }
-    }
-    return { chunks, lastPos };
-};
-
-export default class TranslateComponent extends TranslateBaseComponent {
-    static propTypes = {
-        value: PropTypes.string.isRequired,
-        dangerousHTML: PropTypes.bool,
-        className: PropTypes.string,
-        wrapperElement: PropTypes.string,
-        style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
-    };
-
-    shouldComponentUpdate(props) {
-        return !_.isEqual(props, this.props);
-    }
-
-    otherProps() {
-        const result = { ...this.props };
-        delete result.value;
-        return result;
-    }
-
-    renderElement(text) {
-        if (this.props.dangerousHTML) {
-            return <span dangerouslySetInnerHTML={{ __html: text }} />;
-        }
-        return text;
-    }
-
-    renderDeep(tree, children = this.props.children) {
-        const elements = [];
-        tree.forEach(chunk => {
-            if (chunk instanceof Array) {
-                // find child element for the key or index
-                React.Children.forEach(children, (child, idx) => {
-                    if (child.key === chunk.key || chunk.key === idx) {
-                        if (typeof child === 'string') {
-                            elements.push(this.renderElement(chunk.toString()));
-                        } else if (child.props && child.props.children) {
-                            const children = this.renderDeep(chunk, child.props.children);
-                            if (children.length > 0) {
-                                elements.push(React.cloneElement(child, { children }));
-                            } else {
-                                elements.push(child);
-                            }
-                        } else if (child.props && chunk.length > 0) {
-                            elements.push(
-                                React.cloneElement(child, {
-                                    children: this.renderElement(chunk.toString()),
-                                })
-                            );
-                        } else {
-                            elements.push(child);
-                        }
-                    }
-                });
-            } else {
-                elements.push(this.renderElement(chunk));
-            }
-        });
-        return elements;
-    }
-
-    render() {
-        const { value, style, className, wrapperElement } = this.props;
-        const props = this.otherProps();
-
-        let translation = I18n._translate(value, props);
-        const tree = parser(translation).chunks;
-
-        const Wrapper = wrapperElement || 'div';
-
-        return (
-            <Wrapper className={className} style={style}>
-                {this.renderDeep(tree)}
-            </Wrapper>
-        );
-    }
-}

package/src/Components/TranslationFinder.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import get from 'lodash/get';
-import find from 'lodash/find';
-import isArray from 'lodash/isArray';
-
-export const findTranslation = (arr, locale, prop, fallback) => {
-    const _locale = locale.replace('-', '_');
-    if (isArray(arr)) {
-        for (let i of arr) {
-            if (i.language === _locale) {
-                return i[prop];
-            }
-        }
-    }
-    return fallback;
-};
-
-let TranslationFinder = props => {
-    const { language, data, property, fallback } = props;
-    return <span>{get(find(data, { language }), property, fallback)}</span>;
-};
-
-const mapStateToProps = ({ i18n }) => ({
-    language: i18n.locale.replace('-', '_'),
-});
-
-TranslationFinder = connect(mapStateToProps)(TranslationFinder);
-
-export default TranslationFinder;

package/src/Components/Translations.js

@@ -1,110 +0,0 @@
-require('../App/i18n').use(
-    {
-        en: {
-            twoSideSelect: {
-                allOptionsAdded: 'All choices are added',
-                loadingOptions: 'Loading choices...',
-            },
-
-            image: {
-                brokenImgText: 'No image',
-            },
-
-            orderList: {
-                changeOrderButtonText: 'Change order',
-            },
-
-            pagination: {
-                labelDisplayedRows: '%{from}-%{to} of %{count}',
-                labelRowsPerPage: 'Rows per page:',
-            },
-            confirmationModal: {
-                titleSingle: 'Do you really want to delete the selected entry?',
-                titleMultiple: 'Do you really want to delete the selected entries?',
-                delete: 'Delete',
-                cancel: 'Cancel',
-            },
-
-            list: {
-                columnVisibilityInfo: 'hide/show columns',
-                deleteEntriesInfo: 'delete selected entries',
-                deleteEntriesHint:
-                    'Use the checkboxes to select one or more entries in the list<br>and then click this icon to delete them.',
-            },
-            detailView: {
-                close: 'Close Editor',
-            },
-        },
-        de: {
-            // LISTING AND EDITING
-
-            Search: 'Suchen',
-            Save: 'Speichern',
-            'Save and stay': 'Speichern und bleiben',
-            'Loading entity data': 'Daten werden geladen',
-            'Loading data': 'Daten werden geladen',
-            'Listing failed due to the following error':
-                'Die Auflistung ist aufgrund des folgenden Fehlers fehlgeschlagen',
-            'Rows per page': 'Zeilen pro Seite',
-            of: 'von',
-            'Filter text': 'Filtertext',
-            Update: 'Aktualisieren',
-
-            // VALIDATIONS
-
-            'This value should not be blank[DOT]': 'Dieser Wert sollte nicht leer sein.',
-
-            // CONTROLS
-
-            Copy: 'Kopieren',
-            Paste: 'Einfügen',
-            Profile: 'Profil',
-            Logout: 'Abmelden',
-            'Change Password': 'Passwort ändern',
-
-            'Loading source data': 'Daten werden geladen',
-            Translations: 'Übersetzungen',
-            'Upload file': 'Datei hochladen',
-            'Delete file': 'Datei löschen',
-            'There are no records': 'Es gibt keine Einträge',
-
-            'start typing': 'Bitte Suchbegriff eingeben...',
-
-            twoSideSelect: {
-                allOptionsAdded: 'Alle Auswahlmöglichkeiten sind hinzugefügt',
-                loadingOptions: 'Auswahlmöglichkeiten werden geladen...',
-            },
-
-            image: {
-                brokenImgText: 'kein Bild',
-            },
-
-            orderList: {
-                changeOrderButtonText: 'Reihenfolge Ändern',
-            },
-
-            pagination: {
-                labelDisplayedRows: '%{from}-%{to} von %{count}',
-                labelRowsPerPage: 'Zeilen pro Seite:',
-            },
-
-            confirmationModal: {
-                titleSingle: 'Willst Du den gewählten Eintrag wirklich löschen?',
-                titleMultiple: 'Willst Du die gewählten Einträge wirklich löschen?',
-                delete: 'Löschen',
-                cancel: 'Abbrechen',
-            },
-
-            list: {
-                columnVisibilityInfo: 'Spalten ein- oder ausblenden',
-                deleteEntriesInfo: 'Gewählte Einträge löschen',
-                deleteEntriesHint:
-                    'Nutze die Checkboxen in der Liste und klicke dann dieses Icon,<br>um einen oder mehrere Einträge zu löschen.',
-            },
-            detailView: {
-                close: 'Editor schließen',
-            },
-        },
-    },
-    true
-);

package/src/Components/ValidatorCallbackProvider.js

@@ -1,44 +0,0 @@
-import React, { useMemo, useState } from 'react';
-import PropTypes from 'prop-types';
-
-export const ValidatorCallbackContext = React.createContext({});
-
-export const ValidatorCallbackProvider = ({ onValidated, children }) => {
-    const [validatorStack, setValidatorStack] = useState([]);
-    const context = useMemo(() => {
-        return {
-            addValidator(callback) {
-                setValidatorStack(validatorStack => [callback, ...validatorStack]);
-            },
-            removeValidator(callback) {
-                setValidatorStack(validatorStack => validatorStack.filter(c => c !== callback));
-            },
-            validateAll() {
-                // run all the registered validators
-                validatorStack.reduce((res, c) => c() && res, true) && onValidated();
-            },
-        };
-    }, [onValidated, validatorStack]);
-    return (
-        <ValidatorCallbackContext.Provider value={context}>
-            {children(context)}
-        </ValidatorCallbackContext.Provider>
-    );
-};
-
-ValidatorCallbackProvider.propTypes = {
-    onValidated: PropTypes.func.isRequired,
-    children: PropTypes.func.isRequired,
-};
-
-export default ValidatorCallbackProvider;
-
-// HOC to provide the value of ValidatorCallbackContext to the wrapped component
-// (made for class components, for functional ones use React.useContext)
-export const withValidatorCallbackContext = Component => props => (
-    <ValidatorCallbackContext.Consumer>
-        {validatorCallbackContext => (
-            <Component {...props} validatorCallbackContext={validatorCallbackContext} />
-        )}
-    </ValidatorCallbackContext.Consumer>
-);

package/src/Components/VersionBadge.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import withStyles from '@material-ui/core/styles/withStyles';
-import Typography from '@material-ui/core/Typography/Typography';
-import { t } from '../App/i18n';
-
-const styles = () => ({
-    root: {
-        backgroundColor: '#fff',
-        position: 'sticky',
-        bottom: 0,
-        padding: 10,
-    },
-});
-
-const VersionBadge = ({ classes, version }) => {
-    return (
-        <div className={classes.root}>
-            {version && (
-                <Typography variant="body2" align="center">
-                    {t('softwareUpdates.currentVersion', { version })}
-                </Typography>
-            )}
-        </div>
-    );
-};
-
-export default withStyles(styles)(VersionBadge);

package/src/Components/VersionUpdateChip.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import Chip from '@material-ui/core/Chip';
-import withStyles from '@material-ui/core/styles/withStyles';
-import { browserHistory } from 'react-router';
-import { t } from '../App/i18n';
-import IconUpdate from '../UIComponents/icons/UpdateIcon';
-
-const styles = () => ({
-    root: {
-        marginTop: 'auto',
-        paddingLeft: 15,
-    },
-});
-
-const VersionUpdateChip = ({ classes, latestReleasedVersion }) => {
-    const onChipClicked = () => {
-        browserHistory.push(window.basePath + '/softwareupdates');
-    };
-    return (
-        <div className={classes.root}>
-            <Chip
-                avatar={<IconUpdate />}
-                onClick={onChipClicked}
-                label={t('softwareUpdates.newVersionAvailable', { latestReleasedVersion })}
-            />
-        </div>
-    );
-};
-
-export default withStyles(styles)(VersionUpdateChip);

package/src/Components/__tests__/LicenseInfo.test.js

@@ -1,22 +0,0 @@
-import { render } from 'enzyme';
-
-import React from 'react';
-
-import LicenseInfo from '../LicenseInfo';
-
-describe('LicenseInfo / Component', () => {
-    it('renders message only if showLicenseError prop is true', () => {
-        const tree = render(<LicenseInfo showLicenseError={true} />);
-        expect(tree).toMatchSnapshot();
-    });
-
-    it('renders message only if showLicenseError prop is true', () => {
-        const tree = render(<LicenseInfo showLicenseError={true} />);
-        expect(tree.length).toBe(1);
-    });
-
-    it('renders nothing if showLicenseError prop is false', () => {
-        const tree = render(<LicenseInfo showLicenseError={false} />);
-        expect(tree[0].children.length).toBe(0);
-    });
-});

package/src/Components/__tests__/__snapshots__/LicenseInfo.test.js.snap

@@ -1,39 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`LicenseInfo / Component renders message only if showLicenseError prop is true 1`] = `
-<div
-  class="LicenseInfo-licenseInfo-2"
->
-  <p
-    class="MuiTypography-root-5 MuiTypography-body1-14 MuiTypography-colorInherit-34"
-  >
-    <span>
-      license.error
-    </span>
-  </p>
-  <p
-    class="MuiTypography-root-5 MuiTypography-body1-14 MuiTypography-colorInherit-34 LicenseInfo-divider-3"
-  >
-    -
-  </p>
-  <p
-    class="MuiTypography-root-5 MuiTypography-body1-14 MuiTypography-colorInherit-34 LicenseInfo-licenseLinks-1"
-  >
-    <span>
-      license.addLicense
-    </span>
-  </p>
-  <p
-    class="MuiTypography-root-5 MuiTypography-body1-14 MuiTypography-colorInherit-34 LicenseInfo-divider-3"
-  >
-    -
-  </p>
-  <p
-    class="MuiTypography-root-5 MuiTypography-body1-14 MuiTypography-colorInherit-34 LicenseInfo-licenseLinks-1"
-  >
-    <span>
-      license.buyLicense
-    </span>
-  </p>
-</div>
-`;

package/src/Components/withLoadAction.js

@@ -1,15 +0,0 @@
-import React, { useEffect } from 'react';
-import { connect } from 'react-redux';
-
-export const withLoadAction = (Component, loadAction) => {
-    const WithLoadAction = ({ loadAction, ...props }) => {
-        useEffect(() => {
-            loadAction();
-        }, []);
-        return <Component {...props} />;
-    };
-    const mapDispatchToProps = {
-        loadAction,
-    };
-    return connect(null, mapDispatchToProps)(WithLoadAction);
-};

package/src/Components/withTranslationFinder.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import get from 'lodash/get';
-import find from 'lodash/find';
-
-const mapStateToProps = ({ i18n }) => ({
-    language: i18n.locale.replace('-', '_'),
-});
-
-export default function withTranslationFinder(Component) {
-    return connect(mapStateToProps)(props => {
-        const { language } = props;
-        const findTranslation = (data, defaultValue, property = 'translation') =>
-            get(find(data, { language }), property, defaultValue);
-        return <Component {...{ language, findTranslation, ...props }} />;
-    });
-}

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

@@ -1,74 +0,0 @@
-import React, { useState } from 'react';
-import connect from 'react-redux/es/connect/connect';
-import { setFieldData, postData, refreshListAction, APIUSER_REDUCER_NAME } from '../Reducers/Actions';
-import { get } from 'lodash';
-import { T, t } from '../../../App/i18n';
-import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
-import Text from '../../../Components/FormFragments/Text';
-import Button from '@material-ui/core/Button/Button';
-import Api from '../../../App/Api';
-
-const ConnectedTextField = ({ value, api_user_id, refreshList, ...props }) => {
-    const [apiKey, setApiKey] = useState(value);
-    return (
-        <div style={{ display: 'inline-flex', width: '100%' }}>
-            <Text {...props} readOnly={true} value={apiKey} />
-            <Button
-                onClick={async () => {
-                    const newUserData = (await apiUserKeyRefresh(api_user_id, apiKey)).data;
-                    setApiKey(newUserData.api_key);
-                    refreshList();
-                }}
-            >
-                {T('create new api key')}
-            </Button>
-        </div>
-    );
-};
-
-const mapStateToProps = state => ({
-    api_user_id: get(state[APIUSER_REDUCER_NAME], 'data.id.value'),
-});
-
-const mapDispatchToProps = {
-    refreshList: refreshListAction,
-};
-
-const connectedTextField = connect(mapStateToProps, mapDispatchToProps)(ConnectedTextField);
-
-const formFields = [
-    {
-        name: 'email',
-        label: 'E-mail',
-        type: 'text',
-        helperText: t('apiKeys.mailHelperText')
-    },
-    {
-        name: 'username',
-        label: 'User name',
-        type: 'text',
-        helperText: t('apiKeys.userHelperText')
-    },
-    {
-        name: 'api_key',
-        label: 'apikey',
-        type: connectedTextField,
-    },
-];
-
-const apiUserKeyRefresh = async id => {
-    const paramsKey = {
-        url: `/apiusers/${id}/refreshkey`,
-        method: 'get',
-    };
-
-    const params = {
-        url: `/apiusers/${id}`,
-        method: 'get',
-    };
-
-    await Api.request(paramsKey);
-    return Api.request(params);
-};
-
-export default generateConnectedEdit(formFields, APIUSER_REDUCER_NAME, setFieldData, postData);

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

@@ -1,49 +0,0 @@
-import {
-    detailsAction,
-    hideDetails,
-    showDetails,
-    APIUSER_LIST_KEY,
-    createEntity,
-    listAction,
-    deleteEntities,
-} from '../Reducers/Actions';
-
-const columns = [
-    {
-        name: 'email',
-        label: 'E-mail',
-        filterable: true,
-        sortable: true,
-    },
-    {
-        name: 'username',
-        label: 'User name',
-        filterable: true,
-        sortable: true,
-    },
-    {
-        name: 'api_key',
-        label: 'apikey',
-        filterable: true,
-        sortable: true,
-    },
-];
-
-const listParams = {
-    entity: 'apiusers',
-    addButtonLabel: 'apiKeys.addButtonlabel',
-};
-
-import generateConnectedList from '../../../Components/DefaultConnectedList';
-
-export default generateConnectedList(
-    columns,
-    listParams,
-    APIUSER_LIST_KEY,
-    listAction,
-    detailsAction,
-    hideDetails,
-    showDetails,
-    createEntity,
-    deleteEntities
-);

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

@@ -1,21 +0,0 @@
-export const APIUSER_LIST_KEY = 'apiusers';
-export const APIUSER_LIST_URL = 'apiusers';
-export const APIUSER_DATA_KEY = 'apiuser';
-export const APIUSER_REDUCER_NAME = 'apiUserData';
-
-import { generateDefaultActions } from '../../../App/Reducers/Entity/Actions';
-
-export const {
-    listAction,
-    refreshListAction,
-    showDetails,
-    hideDetails,
-    detailsAction,
-    setFieldData,
-    postData,
-    createEntity,
-    deleteEntities,
-    triggerUnsavedEntity,
-    invalidateList,
-    loadEntity,
-} = generateDefaultActions(APIUSER_LIST_KEY, APIUSER_DATA_KEY, APIUSER_REDUCER_NAME, APIUSER_LIST_URL);

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

@@ -1,24 +0,0 @@
-import { APIUSER_DATA_KEY, APIUSER_REDUCER_NAME } from './Actions';
-import { getDefaultEntityState, defaultEntityReducer } from '../../../App/Reducers/Entity/Reducer';
-import { createFeatureReducer } from '../../../App/FeatureReducers';
-
-const initialState = {
-    ...getDefaultEntityState(
-        {
-            id: null,
-            username: { value: '', constraints: { presence: true } },
-            firstname: { value: '', constraints: { presence: true } },
-            lastname: { value: '', constraints: { presence: true } },
-            email: { value: '', constraints: { presence: true } },
-            api_key: { value: '', constraints: { presence: true } },
-        },
-        null,
-        APIUSER_DATA_KEY
-    ),
-};
-
-export const apiUserData = createFeatureReducer(APIUSER_REDUCER_NAME, (state = initialState, action) => {
-    return defaultEntityReducer(state, action, initialState);
-});
-
-export default apiUserData;

package/src/Screens/ApiKeys/Screen.js

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

package/src/Screens/ApiKeys/Styles.scss

@@ -1,3 +0,0 @@
-.user {
-  font-family: monospace;
-}