@configuratorware/configurator-admingui 1.28.0-beta.3 → 1.28.3

package/src/Screens/Assemblypointeditor/Components/Styles.scss

@@ -1,58 +1,58 @@
-.assembly-editor-container {
-
-  &.move {
-    .upper-canvas {
-      cursor: move !important;
-    }
-  }
-
-  .tools {
-    position: absolute;
-    right: 1px;
-    padding: 0;
-    z-index: 100;
-    background: rgba(255,255,255,0.8);
-    width: 100px;
-    //text-align: right;
-    > div {
-      display: inline-block;
-      float: right;
-    }
-    .zoom-value {
-      line-height: 48px;
-    }
-  }
-
-}
-
-.assemblypoints {
-  tr {
-    &.active {
-      background: rgba(128,255,128,0.5);
-    }
-  }
-}
-
-
-.assembly-element {
-  height: 60px;
-
-  .assembly-element-select-label {
-    float: left;
-    display: inline-block;
-    margin-right: 10px;
-    padding-top: 14px;
-  }
-
-  .assembly-element-select {
-    display: inline-block;
-    font-weight: bold;
-  }
-
-  .assembly-element-single-identifier {
-    display: inline-block;
-    padding-top: 14px;
-    font-weight: bold;
-  }
-
-}
+.assembly-editor-container {
+
+  &.move {
+    .upper-canvas {
+      cursor: move !important;
+    }
+  }
+
+  .tools {
+    position: absolute;
+    right: 1px;
+    padding: 0;
+    z-index: 100;
+    background: rgba(255,255,255,0.8);
+    width: 100px;
+    //text-align: right;
+    > div {
+      display: inline-block;
+      float: right;
+    }
+    .zoom-value {
+      line-height: 48px;
+    }
+  }
+
+}
+
+.assemblypoints {
+  tr {
+    &.active {
+      background: rgba(128,255,128,0.5);
+    }
+  }
+}
+
+
+.assembly-element {
+  height: 60px;
+
+  .assembly-element-select-label {
+    float: left;
+    display: inline-block;
+    margin-right: 10px;
+    padding-top: 14px;
+  }
+
+  .assembly-element-select {
+    display: inline-block;
+    font-weight: bold;
+  }
+
+  .assembly-element-single-identifier {
+    display: inline-block;
+    padding-top: 14px;
+    font-weight: bold;
+  }
+
+}

package/src/Screens/Assemblypointeditor/Styles.scss

@@ -1,38 +1,38 @@
-.split-container.assembly-editor {
-  position: absolute;
-  width: calc(100% - 2.4em);
-  height: calc(100% - 2.4em - 115px);
-
-  .split-left {
-    width: 40%;
-    max-width: 500px;
-  }
-  .split-right {
-    @media screen and (max-width: 960px) {
-      width: 100%;
-      top: 50px;
-    }
-    width: 60%;
-    min-width: calc(100% - 500px);
-    top: 0;
-    bottom: 0;
-    right: 0;
-    position: absolute;
-  }
-  &:after {
-    content: '';
-    clear: both;
-    width: 100%;
-    display: block;
-  }
-}
-
-.assemblypoints {
-  table {
-    input, select {
-      display: inline-block;
-      width: 100%;
-      height: 21px;
-    }
-  }
+.split-container.assembly-editor {
+  position: absolute;
+  width: calc(100% - 2.4em);
+  height: calc(100% - 2.4em - 115px);
+
+  .split-left {
+    width: 40%;
+    max-width: 500px;
+  }
+  .split-right {
+    @media screen and (max-width: 960px) {
+      width: 100%;
+      top: 50px;
+    }
+    width: 60%;
+    min-width: calc(100% - 500px);
+    top: 0;
+    bottom: 0;
+    right: 0;
+    position: absolute;
+  }
+  &:after {
+    content: '';
+    clear: both;
+    width: 100%;
+    display: block;
+  }
+}
+
+.assemblypoints {
+  table {
+    input, select {
+      display: inline-block;
+      width: 100%;
+      height: 21px;
+    }
+  }
 }

package/src/Screens/Creator/Components/ComponentEditor.js

@@ -90,12 +90,10 @@ export const ComponentEditor = ({ component, onChange, onClose }) => {
         (loading ? (
             <CircularProgress size={24} />
         ) : (
-            <div
-                style={{
-                    display: 'flex',
-                    flexDirection: 'column',
-                }}
-            >
+            <div style={{
+                display: 'flex',
+                flexDirection: 'column',
+            }}>
                 {T('componentEditor.dialogInfo')}
 
                 <SelectField
@@ -111,9 +109,7 @@ export const ComponentEditor = ({ component, onChange, onClose }) => {
                         fontSize: '1.2 em',
                     }}
                 >
-                    <MenuItem value={'default'}>
-                        {T('componentEditor.fields.linkedViewDefaultLabel')}
-                    </MenuItem>
+                    <MenuItem value={'default'}>{T('componentEditor.fields.linkedViewDefaultLabel')}</MenuItem>
                     {creatorViewList &&
                         creatorViewList.map(option => (
                             <MenuItem value={option.id} key={option.id}>

package/src/Screens/Creator/Components/VisualizationAndMediaData/Components/EditableText.js

@@ -29,7 +29,7 @@ export const EditableText = withStyles(() => ({
         flexDirection: 'row',
         justifyContent: 'space-between',
         alignItems: 'center',
-    },
+    }
 }))(({ value, onChange, classes, ...props }) => {
     const [open, setOpen] = useState(false);
     const [currentValue, setCurrentValue] = useState(value);

package/src/Screens/Creator/Components/VisualizationAndMediaData/Components/Image.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import withStyles from '@material-ui/core/styles/withStyles';
 import { T } from '../../../../../App/i18n';
-import { Tooltip } from '@material-ui/core';
+import { Tooltip } from "@material-ui/core";
 
 const Image = withStyles({
     image: {

package/src/Screens/Creator/Components/VisualizationAndMediaData/Components/ImageEditTools.js

@@ -8,7 +8,7 @@ import ConfirmDelete from './ConfirmDelete';
 import Api from '../../../../../App/Api';
 import { networkError } from '../../../../../App/Reducers/Api/Actions';
 import { useDispatch } from 'react-redux';
-import { Tooltip } from '@material-ui/core';
+import {Tooltip} from "@material-ui/core";
 
 const ImageEditTools = withStyles({
     root: {

package/src/Screens/Creator/Components/VisualizationAndMediaData/Translations.js

@@ -20,7 +20,8 @@ require('../../../../App/i18n').use(
                     'All files are put into the described folders on the server.<br/>' +
                     'Important: If you add folders and images via FTP, non existing items can also mean that the file permissions are wrong (folders and images need to be readable).',
                 infoBoxTextComponentsAndOptions:
-                    '' + 'All Thumbnails and Detail Images are added globally once per component / option.',
+                    '' +
+                    'All Thumbnails and Detail Images are added globally once per component / option.',
                 infoBoxTextViewsAndVisualization:
                     '' +
                     'For 2D Visualization image data is edited in one or more views. Here you can check the image data for each view.',
@@ -59,8 +60,7 @@ require('../../../../App/i18n').use(
                 },
                 missingImageNotice: {
                     noMissingImage: 'Alle Optionen haben Bilder für alle Ansichten und Komponenten',
-                    imagesAreMissing:
-                        'HINWEIS: Nicht alle Optionen haben Bilder für alle Ansichten und Komponenten',
+                    imagesAreMissing: 'HINWEIS: Nicht alle Optionen haben Bilder für alle Ansichten und Komponenten',
                 },
                 infoBoxText:
                     '' +

package/src/Screens/Creator/Components/VisualizationAndMediaData/VisualizationAndMediaData.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { connect } from 'react-redux';
 import first from 'lodash/first';
 import get from 'lodash/get';

package/src/Screens/Dashboard/Styles.scss

@@ -1,3 +1,3 @@
-.welcome {
-  color: red;
+.welcome {
+  color: red;
 }

package/src/Screens/Designer/Components/DesignDataTransfer.js

@@ -190,7 +190,7 @@ class DesignDataTransfer extends React.Component {
 
     renderDesignDataTransfer = () => {
         const { classes, sourceItemId } = this.props;
-        const { transferSuccess, transferred } = this.state;
+        const { transferSuccess, transferred, amountSelectedRows } = this.state;
         return (
             <Dialog
                 title={T('designDataTransfer.dialogTitle')}

package/src/Screens/Designer/Components/TemplateDefaultList.js

@@ -278,7 +278,8 @@ export default class TemplateDefaultList extends Component {
                     </Grid>
 
                     <Grid container alignItems="center" justify="center" md={1}>
-                        {this.renderMoveButton()}
+                    {this.renderMoveButton()}
+
                     </Grid>
 
                     <Grid item xs={12} md={5}>

package/src/Screens/Designer/SubScreens/Designviews/Containers/Edit.js

@@ -23,11 +23,11 @@ const getGroupEntries = groupIdentifier => state => {
 
 const getChildEntries = () => state => {
     const childIdentifiers = [];
-    state.designerData.source.children.forEach(({ id, identifier, title }) => {
-        childIdentifiers.push({ id, identifier, title });
-    });
+    state.designerData.source.children.forEach(({id, identifier, title}) => {
+        childIdentifiers.push({id, identifier, title})
+    })
     return childIdentifiers;
-};
+}
 
 const FileInput = withStyles({
     root: {
@@ -91,7 +91,11 @@ const FileInput = withStyles({
     const uploadInProgress = get(viewImages && viewImages[itemIdentifier], `uploadInProgress`, false);
     return (
         <div key={key} className={classes.root}>
-            <File {...props} value={value} onChange={(name, value) => onChange(`${name}.${key}`, value)} />
+            <File
+                {...props}
+                value={value}
+                onChange={(name, value) => onChange(`${name}.${key}`, value)}
+            />
             {uploadInProgress && <CircularProgress size={24} className={classes.progress} />}
         </div>
     );

package/src/Screens/Designer/Translations.js

@@ -46,7 +46,7 @@ require('../../App/i18n').use(
             designer: {
                 itemStatus: 'Status',
             },
-            Hint: 'Hinweis',
+            Hint: 'Hinweis'
         },
     },
     true

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

@@ -18,7 +18,7 @@ const CustomConfigurationField = withStyles({
         width: '100%',
     },
     button: { width: 'calc(100%)' },
-})(({ classes, value, error }) => {
+})(({ classes, value, error}) => {
     const [showConfigurator, setShowConfigurator] = useState(false);
     const item = useSelector(state => state[REDUCER_NAME].selectedItem);
     const code = useSelector(state => state[REDUCER_NAME].data.configurationCode.value);

package/src/Screens/Inspirations/Screen.js

@@ -11,17 +11,11 @@ import { useDispatch, useSelector } from 'react-redux';
 import InspirationActions, { setItem } from './Reducers/Actions';
 
 const EditComponent = ({
-    // eslint-disable-next-line no-unused-vars
     loadDetails,
-    // eslint-disable-next-line no-unused-vars
     invalidateListAction,
-    // eslint-disable-next-line no-unused-vars
     showDetails,
-    // eslint-disable-next-line no-unused-vars
     hideDetails,
-    // eslint-disable-next-line no-unused-vars
     EditComponent,
-    // eslint-disable-next-line no-unused-vars
     title,
     ...props
 }) => <InspirationsSubscreen {...props} />;

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

@@ -1,73 +1,73 @@
-export const ITEM_LIST_KEY = 'items';
-export const ITEM_LIST_URL = 'items';
-export const ITEM_STATUS_URL = 'items/status';
-export const ITEM_DATA_KEY = 'item';
-export const ITEM_REDUCER_NAME = 'itemData';
-
-import * as apiActions from "../../../App/Reducers/Api/Actions";
-import { generateDefaultActions } from '../../../App/Reducers/Entity/Actions';
-import { customDispatchHandler } from '../DataStructures/Attributes/Actions';
-
-const actions = generateDefaultActions(ITEM_LIST_KEY, ITEM_DATA_KEY, ITEM_REDUCER_NAME, ITEM_LIST_URL, {
-    customDispatchHandler,
-});
-
-const configurationModeChangeMap = (value, target, checked) => {
-    if (!value) {
-        return checked ? target : null;
-    }
-    return {
-        creator: {
-            creator: checked ? value : null,
-            designer: checked ? 'creator+designer' : value,
-        },
-        designer: {
-            creator: checked ? 'creator+designer' : value,
-            designer: checked ? value : null,
-        },
-        'creator+designer': {
-            creator: checked ? value : 'designer',
-            designer: checked ? value : 'creator',
-        },
-    }[value][target];
-};
-
-const loadItemStatus = () => (dispatch) => {
-    return dispatch(apiActions.fetchDataIfNeeded('itemstatus', 'itemstatus'));
-};
-
-const setItemStatusForMultipleItems = (selectedItems, itemStatus) => (dispatch, getState) => {
-    return dispatch(apiActions.postData(ITEM_STATUS_URL, {
-        "itemStatusId": itemStatus,
-        "itemIds": selectedItems
-    }))
-}
-
-const setFieldData = (field, value) => (dispatch, getState) => {
-    const entityState = getState()[ITEM_REDUCER_NAME];
-    let configurationMode = entityState.data.configurationMode.value;
-    if (field === 'configurationModeCreator') {
-        dispatch(
-            actions.setFieldData(
-                'configurationMode',
-                configurationModeChangeMap(configurationMode, 'creator', value)
-            )
-        );
-    } else if (field === 'configurationModeDesigner') {
-        dispatch(
-            actions.setFieldData(
-                'configurationMode',
-                configurationModeChangeMap(configurationMode, 'designer', value)
-            )
-        );
-    } else {
-        dispatch(actions.setFieldData(field, value));
-    }
-};
-
-export default {
-    ...actions,
-    setFieldData,
-    setItemStatusForMultipleItems,
-    loadItemStatus
-};
+export const ITEM_LIST_KEY = 'items';
+export const ITEM_LIST_URL = 'items';
+export const ITEM_STATUS_URL = 'items/status';
+export const ITEM_DATA_KEY = 'item';
+export const ITEM_REDUCER_NAME = 'itemData';
+
+import * as apiActions from "../../../App/Reducers/Api/Actions";
+import { generateDefaultActions } from '../../../App/Reducers/Entity/Actions';
+import { customDispatchHandler } from '../DataStructures/Attributes/Actions';
+
+const actions = generateDefaultActions(ITEM_LIST_KEY, ITEM_DATA_KEY, ITEM_REDUCER_NAME, ITEM_LIST_URL, {
+    customDispatchHandler,
+});
+
+const configurationModeChangeMap = (value, target, checked) => {
+    if (!value) {
+        return checked ? target : null;
+    }
+    return {
+        creator: {
+            creator: checked ? value : null,
+            designer: checked ? 'creator+designer' : value,
+        },
+        designer: {
+            creator: checked ? 'creator+designer' : value,
+            designer: checked ? value : null,
+        },
+        'creator+designer': {
+            creator: checked ? value : 'designer',
+            designer: checked ? value : 'creator',
+        },
+    }[value][target];
+};
+
+const loadItemStatus = () => (dispatch) => {
+    return dispatch(apiActions.fetchDataIfNeeded('itemstatus', 'itemstatus'));
+};
+
+const setItemStatusForMultipleItems = (selectedItems, itemStatus) => (dispatch, getState) => {
+    return dispatch(apiActions.postData(ITEM_STATUS_URL, {
+        "itemStatusId": itemStatus,
+        "itemIds": selectedItems
+    }))
+}
+
+const setFieldData = (field, value) => (dispatch, getState) => {
+    const entityState = getState()[ITEM_REDUCER_NAME];
+    let configurationMode = entityState.data.configurationMode.value;
+    if (field === 'configurationModeCreator') {
+        dispatch(
+            actions.setFieldData(
+                'configurationMode',
+                configurationModeChangeMap(configurationMode, 'creator', value)
+            )
+        );
+    } else if (field === 'configurationModeDesigner') {
+        dispatch(
+            actions.setFieldData(
+                'configurationMode',
+                configurationModeChangeMap(configurationMode, 'designer', value)
+            )
+        );
+    } else {
+        dispatch(actions.setFieldData(field, value));
+    }
+};
+
+export default {
+    ...actions,
+    setFieldData,
+    setItemStatusForMultipleItems,
+    loadItemStatus
+};

package/src/Screens/Item/Translations.js

@@ -16,8 +16,7 @@ require('../../App/i18n').use(
             cancel: 'Cancel',
             save: 'Save',
             editDialogTitle: 'Edit selected entries',
-            editDialogHint:
-                'Use the checkboxes to select one or more entries in the list</br>and then click this icon to set the item status for them.',
+            editDialogHint: 'Use the checkboxes to select one or more entries in the list</br>and then click this icon to set the item status for them.',
             itemCoreData: {
                 visualizationComponent: 'Visualization component',
                 configurationMode: 'Configuration mode',
@@ -92,8 +91,7 @@ require('../../App/i18n').use(
             cancel: 'Abbrechen',
             save: 'Speichern',
             editDialogTitle: 'Gewählte Einträge bearbeiten',
-            editDialogHint:
-                'Nutze die Checkboxen in der Liste und klicke dann dieses Icon,</br>um den Status für einen oder mehrere Einträge zu setzen.',
+            editDialogHint: 'Nutze die Checkboxen in der Liste und klicke dann dieses Icon,</br>um den Status für einen oder mehrere Einträge zu setzen.',
             itemCoreData: {
                 visualizationComponent: 'Visualisierungskomponente',
                 configurationMode: 'Konfigurationsmodus',

package/src/UIComponents/Table/TableHead.js

@@ -4,7 +4,7 @@ import TableHead from '@material-ui/core/TableHead/TableHead';
 import TableCell from '@material-ui/core/TableCell/TableCell';
 import TableRow from './TableRow';
 import Checkbox from '../Checkbox';
-import { Tooltip } from '@material-ui/core';
+import {Tooltip} from "@material-ui/core";
 import { t } from '../../App/i18n';
 
 const styles = {
@@ -38,6 +38,7 @@ class UITableHead extends React.Component {
                                                   onChange={evt => onAllRowsSelected(evt)}
                                               />
                                           </Tooltip>
+
                                       </TableCell>
                                   ),
                               });

package/src/dev.js

@@ -21,16 +21,16 @@ const target = window.location.search.substr(1);
 function tryToLoadComponent() {
     try {
         const compName = target.split('/').pop();
-        return require('./' + target + '/' + compName + '.dev').default;
+        return require('../src/' + target + '/' + compName + '.dev').default;
     } catch (e) {
         if (e.code === 'MODULE_NOT_FOUND') {
             // if not found, try it with <target>.dev.js
             try {
-                return require('./' + target + '.dev').default;
+                return require('../src/' + target + '.dev').default;
             } catch (e) {
                 if (e.code === 'MODULE_NOT_FOUND') {
                     // if not found, try it with <target>/dev.js
-                    return require('./' + target + '/dev').default;
+                    return require('../src/' + target + '/dev').default;
                 }
             }
         }