@configuratorware/configurator-admingui 1.36.0-beta.0 → 1.36.1

package/Screens/Itemclassification/Reducers/Reducer.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.itemClassificationData = void 0;
+
+var _Actions = require("./Actions");
+
+var _Reducer = require("../../../App/Reducers/Entity/Reducer");
+
+var _FeatureReducers = require("../../../App/FeatureReducers");
+
+var _Reducer2 = _interopRequireDefault(require("../../Item/DataStructures/Attributes/Reducer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var initialState = _objectSpread({}, (0, _Reducer.getDefaultEntityState)(_objectSpread({
+  id: null,
+  identifier: {
+    value: '',
+    constraints: {
+      identifier: true
+    }
+  },
+  sequencenumber: {
+    value: null,
+    constraints: {
+      numericality: {
+        strict: true,
+        onlyInteger: true
+      }
+    }
+  },
+  texts: [],
+  minimumOrderAmount: {
+    value: null,
+    constraints: {
+      numericality: {
+        strict: true,
+        onlyInteger: true
+      }
+    }
+  }
+}, _Reducer2["default"]), {
+  source: 'itemclassifications',
+  dependencies: [{
+    name: 'itemclassifications',
+    dataKey: 'parent_itemclassifications',
+    source: 'itemclassifications'
+  }]
+}, _Actions.ITEMCLASSIFICATION_DATA_KEY));
+
+var itemClassificationData = (0, _FeatureReducers.createFeatureReducer)(_Actions.ITEMCLASSIFICATION_REDUCER_NAME, function () {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  return (0, _Reducer.defaultEntityReducer)(state, action, initialState);
+});
+exports.itemClassificationData = itemClassificationData;
+var _default = itemClassificationData;
+exports["default"] = _default;

package/Screens/Itemclassification/Screen.js

@@ -0,0 +1,32 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Actions = _interopRequireWildcard(require("./Reducers/Actions"));
+
+var _List = _interopRequireDefault(require("./Containers/List"));
+
+var _Edit = _interopRequireDefault(require("./Containers/Edit"));
+
+require("./Translations");
+
+var _DefaultConnectedScreen = require("../../Components/DefaultConnectedScreen");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var invalidateList = _Actions["default"].invalidateList,
+    triggerUnsavedEntity = _Actions["default"].triggerUnsavedEntity,
+    hideDetails = _Actions["default"].hideDetails;
+
+var _default = (0, _DefaultConnectedScreen.generateConnectedSplitScreen)('item_classifications', _List["default"], _Edit["default"], _Actions.ITEMCLASSIFICATION_REDUCER_NAME, invalidateList, triggerUnsavedEntity, hideDetails);
+
+exports["default"] = _default;

package/Screens/Itemclassification/Translations.js

@@ -0,0 +1,21 @@
+"use strict";
+
+require("../../App/i18n").use({
+  en: {
+    itemclassifications: {
+      addButtonLabel: 'Add Product category',
+      menuLabel: 'Product Categories'
+    },
+    item_classifications: 'Product categories',
+    'Minimum order amount': 'Minimum order amount'
+  },
+  de: {
+    itemclassifications: {
+      addButtonLabel: 'Produktkategorie hinzufügen',
+      menuLabel: 'Produktkategorien'
+    },
+    'Sequence number': 'Reihenfolge',
+    item_classifications: 'Produktkategorien',
+    'Minimum order amount': 'Mindestbestellmenge'
+  }
+}, true);

package/Screens/Itemclassification/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Screen = _interopRequireDefault(require("./Screen"));
+
+var _Reducer = _interopRequireDefault(require("./Reducers/Reducer"));
+
+var _FeatureReducers = require("../../App/FeatureReducers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+(0, _FeatureReducers.addReducers)(_Reducer["default"]);
+var _default = {
+  Screen: _Screen["default"]
+};
+exports["default"] = _default;

package/Screens/index.js

@@ -70,6 +70,8 @@ var _TrackingCodes = _interopRequireDefault(require("./TrackingCodes"));
 
 var _User = _interopRequireDefault(require("./User"));
 
+var _Itemclassification = _interopRequireDefault(require("./Itemclassification"));
+
 var _Finder = _interopRequireDefault(require("./Finder"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -90,6 +92,7 @@ var features = {
   designer: _Designer["default"],
   design_production_methods: _DesignProductionMethods["default"],
   items: _Item["default"],
+  item_classifications: _Itemclassification["default"],
   licenses: _Screen2["default"],
   options: _Option["default"],
   option_classifications: _Optionclassification["default"],

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@configuratorware/configurator-admingui",
-  "version": "1.36.0-beta.0",
+  "version": "1.36.1",
   "license": "UNLICENSED",
   "private": false,
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@hot-loader/react-dom": "^17.0.2",
+    "@hot-loader/react-dom": "^16.14.0",
     "@material-ui/core": "^3.9.4",
     "@material-ui/icons": "^3.0.2",
     "@tweenjs/tween.js": "^17.6.0",
@@ -15,21 +15,21 @@
     "css-element-queries": "^1.2.3",
     "downshift": "^3.4.8",
     "lodash": "^4.17.21",
-    "monaco-editor": "^0.33.0",
-    "monaco-editor-webpack-plugin": "^7.0.1",
+    "monaco-editor": "^0.20.0",
+    "monaco-editor-webpack-plugin": "^1.9.1",
     "prop-types": "^15.7.2",
     "qs": "^6.10.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-file-drop": "^3.1.5",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-file-drop": "^0.2.8",
     "react-hot-loader": "^4.13.0",
     "react-i18nify": "^1.11.18",
     "react-mde": "^11.5.0",
     "react-redux": "^7.2.4",
     "react-redux-i18n": "^1.9.3",
     "react-router": "^3.2.6",
-    "react-sortable-hoc": "^2.0.0",
-    "redhotmagma-visualization": "1.36.0-beta.0",
+    "react-sortable-hoc": "^1.11.0",
+    "redhotmagma-visualization": "1.36.1",
     "redux": "^4.1.0",
     "redux-logger": "^3.0.6",
     "redux-persist": "^5.10.0",
@@ -39,17 +39,23 @@
     "validate.js": "^0.12.0"
   },
   "peerDependencies": {
+    "@babel/cli": "^7.2.3",
+    "@babel/core": "^7.2.2",
+    "@babel/plugin-proposal-class-properties": "^7.2.3",
+    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
+    "@babel/preset-env": "^7.2.3",
+    "@babel/preset-react": "^7.0.0",
     "babel-loader": "^8.0.5",
-    "css-loader": "^5.2.7",
-    "css-minimizer-webpack-plugin": "^4.0.0",
-    "file-loader": "^6.2.0",
-    "mini-css-extract-plugin": "^2.1.0",
+    "babel-plugin-module-resolver": "^4.1.0",
+    "css-loader": "^2.1.0",
+    "file-loader": "^3.0.1",
+    "mini-css-extract-plugin": "^0.5.0",
+    "node-sass": "^4.11.0",
     "optimize-css-assets-webpack-plugin": "^5.0.1",
-    "sass": "^1.53.0",
-    "sass-loader": "^13.0.2",
-    "style-loader": "^2.0.0",
-    "terser-webpack-plugin": "^5.1.4",
-    "url-loader": "^4.1.1"
+    "sass-loader": "^7.1.0",
+    "style-loader": "^0.23.1",
+    "terser-webpack-plugin": "^1.2.1",
+    "url-loader": "^1.1.2"
   },
   "scripts": {
     "copy-public": "node ./scripts/cpFavicon.js",

package/scripts/getDefaultWebpackConfig.js

@@ -23,19 +23,11 @@ const moduleRules = [
     },
     {
         test: /\.(png|jpg|gif|svg)$/,
-        loader: 'url-loader',
-        options: {
-            limit: 16384,
-            name: 'images/[name].[hash].[ext]',
-        },
+        loader: 'url-loader?limit=16384&name=images/[name].[hash].[ext]',
     },
     {
         test: /\.ttf$/,
-        loader: 'url-loader',
-        options: {
-            limit: 16384,
-            name: 'fonts/[name].[hash].[ext]',
-        },
+        loader: 'url-loader?limit=16384&name=fonts/[name].[hash].[ext]',
     },
 ];
 
@@ -73,7 +65,7 @@ function getDevConfig(dirname, options = {}) {
             filename: 'bundle.js',
             publicPath: '/',
         },
-        devtool: 'eval-cheap-module-source-map',
+        devtool: 'cheap-module-eval-source-map',
         devServer: {
             hot: true,
             contentBase: BUILD_DIR,
@@ -112,10 +104,7 @@ function getDevConfig(dirname, options = {}) {
             'react/lib/ExecutionEnvironment': true,
             'react/lib/ReactContext': true,
         },
-        optimization: {
-            moduleIds: 'named',
-        },
-        plugins: [new webpack.HotModuleReplacementPlugin(), monaco],
+        plugins: [new webpack.HotModuleReplacementPlugin(), new webpack.NamedModulesPlugin(), monaco],
     };
 }
 
@@ -123,17 +112,17 @@ function importPluginsForBuild() {
     try {
         const TerserPlugin = require('terser-webpack-plugin');
         const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-        const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+        const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
         return {
             TerserPlugin,
             MiniCssExtractPlugin,
-            CssMinimizerPlugin,
+            OptimizeCSSAssetsPlugin,
         };
     } catch (e) {
         const packages = [
             'terser-webpack-plugin',
             'mini-css-extract-plugin',
-            'css-minimizer-webpack-plugin',
+            'optimize-css-assets-webpack-plugin',
         ];
         console.error(
             'To use the build script, please install the following packages: ' + packages.join(', ')
@@ -146,14 +135,14 @@ function getProdConfig(dirname) {
     const BUILD_DIR = path.resolve(dirname, 'public');
     const APP_DIR = path.resolve(dirname, 'src');
 
-    const { TerserPlugin, MiniCssExtractPlugin, CssMinimizerPlugin } = importPluginsForBuild();
+    const { TerserPlugin, MiniCssExtractPlugin, OptimizeCSSAssetsPlugin } = importPluginsForBuild();
 
     const extractSass = new MiniCssExtractPlugin({
         filename: 'bundle.css',
         chunkFilename: 'bundle.[name].css',
     });
 
-    const optimizeCss = new CssMinimizerPlugin();
+    const optimizeCss = new OptimizeCSSAssetsPlugin({});
 
     const minimizer = new TerserPlugin({
         extractComments: true,
@@ -199,9 +188,9 @@ function getProdConfig(dirname) {
             ],
             noParse: moduleNoParse,
         },
-        plugins: [env, extractSass, monaco],
+        plugins: [env, extractSass, optimizeCss, monaco],
         optimization: {
-            minimizer: [minimizer, optimizeCss],
+            minimizer: [minimizer],
         },
     };
 }

package/src/App/Config/defaultConfig.js

@@ -27,6 +27,10 @@ export default {
                         {
                             name: 'group_entries',
                         },
+                        {
+                            name: 'item_classifications',
+                            label: 'itemclassifications.menuLabel',
+                        },
                     ],
                 },
                 {
@@ -95,15 +99,15 @@ export default {
             ],
         },
         {
-          name: 'finderitems',
-          label: 'finder',
-          credentials: ['question_trees'],
-          items: [
-            {
-                name: 'finder',
-                label: 'question_trees',
-            },
-          ]
+            name: 'finderitems',
+            label: 'finder',
+            credentials: ['question_trees'],
+            items: [
+                {
+                    name: 'finder',
+                    label: 'question_trees',
+                },
+            ],
         },
         {
             name: 'configurations',

package/src/App/Data.js

@@ -3,6 +3,8 @@ import { validate } from 'validate.js';
 import isArray from 'lodash/isArray';
 import { t } from './i18n';
 
+export const whiteSpacePattern = /^[\S]+$/;
+
 validate.validators.nonEmptyArray = function(value, options) {
     if (options && options === true && isArray(value) && value.length !== 0) {
         return null;
@@ -67,6 +69,18 @@ validate.validators.color = function(value, options) {
     return true;
 };
 
+validate.validators.noWhitespace = function(value, options) {
+    if (
+        options === true &&
+        typeof value === 'string' &&
+        value.match(whiteSpacePattern) &&
+        value.match(whiteSpacePattern)[0] === value
+    ) {
+        return null;
+    }
+    return t('customValidators.noWhitespace');
+}
+
 export default class Data {
     static EventTypes = {
         init: 'init',

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

@@ -13,7 +13,7 @@ export const loadList = dispatch => (url, entity, orderSequenceNumber, filters =
     dispatch(setDataField(dataField));
     return dispatchFetchData(dispatch)(COMPONENT_KEY, {
         url,
-        params: { orderby: `${entity}.${orderSequenceNumber}`, filters: { ...filters } },
+        params: { orderby: `${entity}.${orderSequenceNumber}`, filters: { ...filters }, offset: 0, limit: 1000 },
     });
 };
 

package/src/App/Translations.js

@@ -65,6 +65,7 @@ require('./i18n').use(
                     'Identifiers should only contain lowercase letters, numbers, underscores, periods and dashes.',
                 blankError: "Can't be blank",
                 decimalPoint: 'Please use dot (".") as decimal separator',
+                noWhitespace: "Name should not contain whitespaces.",
             },
             callToActionDefault: {
                 addToCart: 'Use default setting (Add to cart)',
@@ -160,6 +161,7 @@ require('./i18n').use(
                     'Der Identifier darf nur aus Kleinbuchstaben, Zahlen, Unterstrichen, Punkten und Bindestrichen bestehen.',
                 blankError: 'Kann nicht leer sein',
                 decimalPoint: 'Bitte Punkt (".") als Dezimaltrennzeichen verwenden',
+                noWhitespace: "Name darf keine Leerzeichen enthalten.",
             },
             callToActionDefault: {
                 addToCart: 'Default (In den Warenkorb)',

package/src/Components/FormFragments/MonacoEditor.js

@@ -27,7 +27,7 @@ const MonacoEditor = withStyles({
     useEffect(() => {
         let editor;
         import('monaco-editor/esm/vs/editor/editor.api')
-            .then((monaco) => {
+            .then(() => {
                 if (ref.current) {
                     editor = monaco.editor.create(ref.current, {
                         value,

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

@@ -2,7 +2,7 @@ import Actions, { REDUCER_NAME } from '../Reducers/Actions';
 import SimpleNestedData from '../../../Components/FormFragments/SimpleNestedData';
 import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
 import ColorTextField from '../Components/ColorTextField';
-import { t } from '../../../App/i18n';
+import { T, t } from '../../../App/i18n';
 import React from 'react';
 import { CallToActionField } from '../../../Components/CallToActionField';
 import { PdfMarkDownField } from '../Components/PdfMarkdownField';
@@ -54,6 +54,7 @@ const formFields = [
                 accept: '.ttf',
                 showFileName: true,
                 deleteEnabled: true,
+                warningMessage: T('clientFontMessage')
             },
             {
                 name: 'logo',

package/src/Screens/Client/Translations.js

@@ -16,6 +16,7 @@ require('../../App/i18n').use(
             headerInfo: 'Please check your changes in a generated pdf to make sure it looks as expected',
             footerInfo: 'Please check your changes in a generated pdf to make sure it looks as expected',
             emailHint: 'separate multiple addresses with a semicolon',
+            clientFontMessage: 'For the font to be rendered correctly in the configuratorware frontend, make sure the filename does not contain any spaces and matches the fonts internal name.'
         },
         de: {
             clients: 'Klienten',
@@ -46,6 +47,7 @@ require('../../App/i18n').use(
             headerInfo: 'Bitte überprüfe Deine Änderungen in einem generierten PDF',
             footerInfo: 'Bitte überprüfe Deine Änderungen in einem generierten PDF',
             emailHint: 'trenne mehrere Adressen mit einem Semikolon',
+            clientFontMessage: 'Für eine korrekte Darstellung der Schrift im configuratorware Fronted darf der Dateiname keine Leerzeichen enthalten und muss dem internen Namen der Schriftart entsprechen.'
         },
     },
     true

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

@@ -2,7 +2,7 @@ import Actions, { REDUCER_NAME } from '../Reducers/Actions';
 import SimpleNestedData from '../../../Components/FormFragments/SimpleNestedData';
 import generateConnectedEdit from '../../../Components/DefaultConnectedForm';
 import { withLoadAction } from '../../../Components/withLoadAction';
-import { t } from '../../../App/i18n';
+import {T, t } from '../../../App/i18n';
 import { CallToActionField } from '../../../Components/CallToActionField';
 import PdfMarkDownField from '../../Client/Components/PdfMarkdownField';
 
@@ -23,6 +23,7 @@ const formFields = [
                 accept: '.ttf',
                 showFileName: true,
                 deleteEnabled: true,
+                warningMessage: T('clientFontMessage')
             },
             {
                 name: 'logo',

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

@@ -22,6 +22,7 @@ const formFields = [
                 accept: '.ttf',
                 showFileName: true,
                 deleteEnabled: true,
+                warningMessage: T('clientFontMessage')
             },
             {
                 name: 'logo',

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

@@ -79,6 +79,7 @@ const formFields = [
             type: 'chip',
             listKey: 'colorpalettes_autocomplete',
             url: 'colorpalettes',
+            maxSearchResults: 1000,
             mapItems: (item, idx, collection, locale) => {
                 return {
                     ...item,

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

@@ -114,7 +114,7 @@ export default class TemplateList extends Component {
 
     onSearchChange = delay(data => {
         _.isFunction(this.props.onSearchChange) && this.props.onSearchChange(data);
-    });
+    }, 500);
 
     renderAddItemButton = () => this.props.onAddItem && <AddItemButton onClick={this.props.onAddItem} />;
 

package/src/Screens/Designer/SubScreens/DesignAreas/Containers/FormProductionMethods.js

@@ -121,7 +121,7 @@ class FormProductionMethods extends React.Component {
         let { value } = e.target;
         const nextData = {};
 
-        if (key === 'allowBulkNames' || key === 'isDefault' || key === 'designElementsLocked') {
+        if (key === 'allowBulkNames' || key === 'isDefault' || key === 'designElementsLocked' || key === 'oneLineText') {
             value = e.target.checked;
         }
 
@@ -893,6 +893,19 @@ class FormProductionMethods extends React.Component {
                             label={t('designElementsLocked')}
                         />
                     </Grid>
+                    <Grid item xs={12} className={classes.checkboxGrid}>
+                        <FormControlLabel
+                            control={
+                                <Checkbox
+                                    checked={productionMethod.oneLineText}
+                                    onChange={this.onChange('oneLineText')}
+                                    value={'oneLineText'}
+                                    color="primary"
+                                />
+                            }
+                            label={t('oneLineText')}
+                        />
+                    </Grid>
                     <Grid item xs={12} className={classes.checkboxGrid}>
                         <TextField
                             label={t('minimumOrderAmount')}
@@ -903,6 +916,7 @@ class FormProductionMethods extends React.Component {
                             {...this.getErrorProps('minimumOrderAmount')}
                         />
                     </Grid>
+
                     <Grid item xs={12} className={classes.checkboxGrid}>
                         <div className={classes.inputWithLabel}>
                             <FormLabel component="legend"> {t('maxTextElements')} </FormLabel>

package/src/Screens/Designer/SubScreens/DesignAreas/Reducers/Actions.js

@@ -17,7 +17,8 @@ const listAction = params => (dispatch, getState) => {
     const { designerData } = getState();
     const id = designerData.data.id.value;
     const filters = (params && params.filters) || {};
-    dispatch(DesignAreaActions.listAction({ ...params, filters: { ...filters, 'designarea.item.id': id } }));
+    const paramsWithLimit = {...params, offset: 0, limit: 1000}
+    dispatch(DesignAreaActions.listAction({ ...paramsWithLimit, filters: { ...filters, 'designarea.item.id': id } }));
 };
 const invalidateList = () => (dispatch, getState) => {
     const { entity } = getState();

package/src/Screens/Designer/SubScreens/DesignAreas/Reducers/Reducer.js

@@ -70,6 +70,7 @@ const initialState = {
                             numericOrEmpty: { strict: true, onlyInteger: true, greaterThanOrEqualTo: 1 },
                         },
                     },
+                    oneLineText: { value: false },
                     mask: { value: {} },
                     calculationTypes: {
                         value: [],

package/src/Screens/Designer/SubScreens/Designviews/Reducers/Actions.js

@@ -19,6 +19,13 @@ import {
 } from '../../../../../App/Reducers/Entity/Actions';
 import { dispatchPostData } from '../../../../../App/Reducers/Api/Helpers';
 
+const renameFile = (originalFile, newName) => {
+    return new File([originalFile], newName, {
+        type: originalFile.type,
+        lastModified: originalFile.lastModified,
+    });
+};
+
 const beforeApiStateHandler = apiAction => (dispatch, getState) => {
     return new Promise(resolve => {
         const state = getState()[REDUCER_NAME];
@@ -31,8 +38,9 @@ const beforeApiStateHandler = apiAction => (dispatch, getState) => {
             return Promise.all(
                 keys.map(async key => {
                     const { file, type, id } = viewImages[key];
+                    const renamedFile = renameFile(file, file.name.replace(/\s/g, ''));
                     const files = new FormData();
-                    files.append('file', file);
+                    files.append('file', renamedFile);
                     //const itemId = get(state, 'source.item.id');
                     const url = `/designviews/${apiAction.data.id}/${type}/upload/detail_image/${id}`;
                     const result = await dispatchPostData(dispatch)(`designview/images/${key}`, url, files);
@@ -89,14 +97,15 @@ const listAction = params => (dispatch, getState) => {
     const { designerData } = getState();
     const id = designerData.data.id.value;
     const filters = (params && params.filters) || {};
+    const paramsWithLimit = {...params, offset: 0, limit: 1000}
 
     if (isCreatorDesignerModeWith2DVisualization(designerData)) {
         dispatch(
-            CreatorViewActions.listAction({ ...params, filters: { ...filters, 'creatorview.item.id': id } })
+            CreatorViewActions.listAction({ ...paramsWithLimit, filters: { ...filters, 'creatorview.item.id': id } })
         );
     } else {
         dispatch(
-            DesignViewActions.listAction({ ...params, filters: { ...filters, 'designview.item.id': id } })
+            DesignViewActions.listAction({ ...paramsWithLimit, filters: { ...filters, 'designview.item.id': id } })
         );
     }
 };

package/src/Screens/Designer/Translations.js

@@ -7,6 +7,7 @@ require('../../App/i18n').use(
             visualMaintenance: 'Visual maintenance',
             pleaseUseVisualMaintanance: 'please use visual maintanance',
             modeChangeConfirm: 'The views and visual maintanance data will be lost. Do you want to proceed?',
+            oneLineText: 'Restrict textinput to one line',
             designDataTransfer: {
                 buttonUseAsTemplate: 'Use as template',
                 dialogTitle: 'Transfer of design settings',
@@ -47,6 +48,7 @@ require('../../App/i18n').use(
                 itemStatus: 'Status',
             },
             Hint: 'Hinweis',
+            oneLineText: 'Texteingabe auf eine Zeile beschränken',
         },
     },
     true