@configuratorware/configurator-admingui 1.27.3-beta.8 → 1.27.6

package/src/App/Styles.scss

@@ -1,185 +1,185 @@
-@import url("//fonts.googleapis.com/icon?family=Material+Icons");
-@import url("//fonts.googleapis.com/css?family=Roboto:400,300,500:latin");
-
-body {
-  margin: 0;
-  padding: 0;
-  font-family: Roboto, sans-serif;
-}
-
-* {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-h1 {
-  font-weight: normal;
-  clear: both;
-  margin-top: 0;
-}
-
-h2 {
-  font-weight: normal;
-  margin-bottom: 15px;
-  clear: both;
-}
-
-div + h2 {
-  margin-top: 20px;
-}
-
-.box:after {
-  content: "";
-  clear: both;
-  display: block;
-}
-
-.content {
-  padding: 1.2em;
-  margin-top: 64px;
-  transition: margin 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
-  min-height: calc(100vh - 64px);
-  position: relative;
-}
-.hideSave {
-  .form-inner > .action-buttons {
-    display: none
-  }
-}
-.hint {
-  font-size: 15px
-}
-.split-left {
-  overflow-x: auto;
-  width: 50%;
-  float: left;
-  display: inline-block;
-  padding-right: 0.6em;
-}
-.split-right {
-  width: 50%;
-  display: inline-block;
-  padding-left: 0.6em;
-  padding-top: 40px;
-  position: relative;
-  .close-details {
-    position: absolute;
-    right: -10px;
-    top: -5px;
-  }
-}
-@media (max-width: 960px) {
-  .split-left {
-    display: none;
-  }
-  .withDetails.hint {
-    display: none;
-  }
-  .split-right {
-    width: 100%;
-    padding: 0;
-  }
-  .split-right .full {
-    display: block;
-  }
-}
-@media (min-width: 961px) {
-  .split-right .full {
-    display: none !important;
-  }
-}
-
-.action-buttons {
-  text-align: right;
-  margin-top: 1.2em;
-}
-.action-buttons:empty {
-  display: none;
-}
-.action-buttons > div {
-  margin-left: 0.83em;
-}
-
-.error {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background: rgba(255, 120, 120, 0.8);
-  z-index: 99999;
-}
-.error > div {
-  width: 255px;
-  margin: auto;
-  background: #fff;
-  padding: 16px;
-  margin-top: 255px;
-  text-align: center;
-  -webkit-box-shadow: 0 0 24px #fff;
-  -moz-box-shadow: 0 0 24px #fff;
-  box-shadow: 0 0 24px #fff;
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
-.error .message {
-  padding: 12px 0;
-}
-
-.view-error-details {
-  color: inherit;
-  text-decoration: none;
-}
-
-.content.menu-opened {
-  margin-left: 256px;
-}
-
-.content.license-error {
-  margin-top: 95px;
-  min-height: calc(100vh - 95px);
-  .form {
-    text-align: left;
-  }
-}
-
-.app-bar {
-  position: fixed !important;
-  top: 0;
-}
-
-.label {
-  margin: 20px 0 5px 0;
-}
-
-.list-body tr {
-  cursor: pointer;
-}
-
-.section-title {
-  padding-top: 30px;
-  padding-bottom: 10px;
-}
-
-.wrapper-text {
-  display: flex;
-
-  .text-title {
-    font-weight: bold;
-    width: 100px;
-    min-width: 30px
-  }
-}
-
-input::-ms-clear {
-  display: none;
-  width: 0;
-  height: 0;
-}
-
-.rehydration-progress {
-  text-align: center;
-  padding-top: 100px;
-}
+@import url("//fonts.googleapis.com/icon?family=Material+Icons");
+@import url("//fonts.googleapis.com/css?family=Roboto:400,300,500:latin");
+
+body {
+  margin: 0;
+  padding: 0;
+  font-family: Roboto, sans-serif;
+}
+
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+h1 {
+  font-weight: normal;
+  clear: both;
+  margin-top: 0;
+}
+
+h2 {
+  font-weight: normal;
+  margin-bottom: 15px;
+  clear: both;
+}
+
+div + h2 {
+  margin-top: 20px;
+}
+
+.box:after {
+  content: "";
+  clear: both;
+  display: block;
+}
+
+.content {
+  padding: 1.2em;
+  margin-top: 64px;
+  transition: margin 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
+  min-height: calc(100vh - 64px);
+  position: relative;
+}
+.hideSave {
+  .form-inner > .action-buttons {
+    display: none
+  }
+}
+.hint {
+  font-size: 15px
+}
+.split-left {
+  overflow-x: auto;
+  width: 50%;
+  float: left;
+  display: inline-block;
+  padding-right: 0.6em;
+}
+.split-right {
+  width: 50%;
+  display: inline-block;
+  padding-left: 0.6em;
+  padding-top: 40px;
+  position: relative;
+  .close-details {
+    position: absolute;
+    right: -10px;
+    top: -5px;
+  }
+}
+@media (max-width: 960px) {
+  .split-left {
+    display: none;
+  }
+  .withDetails.hint {
+    display: none;
+  }
+  .split-right {
+    width: 100%;
+    padding: 0;
+  }
+  .split-right .full {
+    display: block;
+  }
+}
+@media (min-width: 961px) {
+  .split-right .full {
+    display: none !important;
+  }
+}
+
+.action-buttons {
+  text-align: right;
+  margin-top: 1.2em;
+}
+.action-buttons:empty {
+  display: none;
+}
+.action-buttons > div {
+  margin-left: 0.83em;
+}
+
+.error {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: rgba(255, 120, 120, 0.8);
+  z-index: 99999;
+}
+.error > div {
+  width: 255px;
+  margin: auto;
+  background: #fff;
+  padding: 16px;
+  margin-top: 255px;
+  text-align: center;
+  -webkit-box-shadow: 0 0 24px #fff;
+  -moz-box-shadow: 0 0 24px #fff;
+  box-shadow: 0 0 24px #fff;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+.error .message {
+  padding: 12px 0;
+}
+
+.view-error-details {
+  color: inherit;
+  text-decoration: none;
+}
+
+.content.menu-opened {
+  margin-left: 256px;
+}
+
+.content.license-error {
+  margin-top: 95px;
+  min-height: calc(100vh - 95px);
+  .form {
+    text-align: left;
+  }
+}
+
+.app-bar {
+  position: fixed !important;
+  top: 0;
+}
+
+.label {
+  margin: 20px 0 5px 0;
+}
+
+.list-body tr {
+  cursor: pointer;
+}
+
+.section-title {
+  padding-top: 30px;
+  padding-bottom: 10px;
+}
+
+.wrapper-text {
+  display: flex;
+
+  .text-title {
+    font-weight: bold;
+    width: 100px;
+    min-width: 30px
+  }
+}
+
+input::-ms-clear {
+  display: none;
+  width: 0;
+  height: 0;
+}
+
+.rehydration-progress {
+  text-align: center;
+  padding-top: 100px;
+}

package/src/App/Translations.js

@@ -64,11 +64,6 @@ require('./i18n').use(
                 blankError: "Can't be blank",
                 decimalPoint: 'Please use dot (".") as decimal separator',
             },
-            callToActionDefault: {
-                addToCart: 'Use default setting (Add to cart)',
-                requestOffer: 'Use default setting (Request Offer)',
-                none: 'Use default setting (None)',
-            },
         },
 
         de: {
@@ -157,11 +152,6 @@ require('./i18n').use(
                 blankError: 'Kann nicht leer sein',
                 decimalPoint: 'Bitte Punkt (".") als Dezimaltrennzeichen verwenden',
             },
-            callToActionDefault: {
-                addToCart: 'Default (In den Warenkorb)',
-                requestOffer: 'Default (Angebot anfragen)',
-                none: 'Default (Kein Element)',
-            },
         },
     },
     true

package/src/Components/DefaultList.js

@@ -32,14 +32,6 @@ export default class DefaultList extends Component {
         };
     }
 
-    componentDidUpdate(prevProps) {
-        if (prevProps.selected !== this.props.selected) {
-            this.setState({
-                selectedRows: this.props.selected,
-            });
-        }
-    }
-
     componentWillReceiveProps(props) {
         if (props.clearSelection) {
             this.setState({
@@ -178,14 +170,13 @@ export default class DefaultList extends Component {
         let mergedSelectedRows = this.state.selectedRows || [];
 
         if (selected) {
-            mergedSelectedRows = _.uniq(mergedSelectedRows.concat(selected));
+            mergedSelectedRows = mergedSelectedRows.concat(selected);
         }
 
         return (
             <div>
                 <List
                     data={data}
-                    AddButtonComponent={this.props.listParams.AddButtonComponent}
                     columns={columns}
                     shownColumns={shownColumns}
                     rowsTotal={total}

package/src/Components/Form.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { get, isPlainObject } from 'lodash';
+import { isPlainObject } from 'lodash';
 
 import { T } from '../App/i18n';
 import RaisedButton from '../UIComponents/RaisedButton';
@@ -204,15 +204,14 @@ class ConfigurableForm extends Component {
 
             const { value, error, schema, errors, constraints } = data[field];
             const required = constraints && (constraints.presence || constraints.identifier);
-            const displayAsMandatory = get(input, 'displayAsMandatory', required);
 
             props = {
                 ...props,
-                label: <Label required={displayAsMandatory}>{props.label}</Label>,
+                label: <Label required={required}>{props.label}</Label>,
                 value,
                 schema,
                 errors,
-                error: displayAsMandatory ? T(error, { escapeDot: true }) : '',
+                error: T(error, { escapeDot: true }),
             };
         } else {
             props = {

package/src/Components/FormFragments/File.js

@@ -15,7 +15,7 @@ import FormControl from '@material-ui/core/FormControl';
 import InputLabel from '@material-ui/core/InputLabel';
 import { withStyles } from '@material-ui/core/styles';
 import clsx from 'clsx';
-import { CircularProgress } from '@material-ui/core';
+import {CircularProgress} from "@material-ui/core";
 
 const styles = {
     button: {
@@ -177,9 +177,7 @@ const File = props => {
                                 src={previewUrl || getPreviewImagePath(props.value)}
                                 onClick={openOnPreviewClick ? openFile : null}
                             />
-                            {!previewImageLoaded && (
-                                <CircularProgress size={24} className={classes.previewImageProgress} />
-                            )}
+                            {!previewImageLoaded && <CircularProgress size={24} className={classes.previewImageProgress}/>}
                         </div>
                     )}
                 </div>

package/src/Components/FormFragments/InputGroup.js

@@ -2,8 +2,6 @@ import React from 'react';
 import InputLabel from '@material-ui/core/InputLabel';
 import FormControl from '@material-ui/core/FormControl';
 import withStyles from '@material-ui/core/styles/withStyles';
-import { T } from '../../App/i18n';
-import { get } from 'lodash';
 
 const styles = {
     wrapper: {
@@ -23,24 +21,13 @@ const styles = {
     },
 };
 
-const inputGroup = withStyles(styles)(props => {
-    const { classes, fields, label, dataReference, required, renderWrappedInput } = props;
-    const error = fields.length > 0 ? get(dataReference[fields[0].name], 'error', '') : '';
-    return fields ? (
+const inputGroup = withStyles(styles)(({ classes, fields, label, renderWrappedInput }) =>
+    fields ? (
         <FormControl>
-            {label && (
-                <InputLabel required={required} className={classes.label}>
-                    {label}
-                </InputLabel>
-            )}
+            {label && <InputLabel className={classes.label}>{label}</InputLabel>}
             <div className={'element-wrapper ' + classes.wrapper}>{fields.map(renderWrappedInput)}</div>
-            {error && (
-                <div className="form-field-error" style={{ paddingTop: 5 }}>
-                    {T(error, { escapeDot: true })}
-                </div>
-            )}
         </FormControl>
-    ) : null;
-});
+    ) : null
+);
 
 export default inputGroup;

package/src/Components/FormFragments/IntlInput.js

@@ -5,7 +5,7 @@ import { getAvailableLocales, T } from '../../App/i18n';
 import '../Styles.scss';
 import IconButton from '../../UIComponents/IconButton';
 import TranslateIcon from '../../UIComponents/icons/TranslateIcon';
-import { Tooltip } from '@material-ui/core';
+import {Tooltip} from "@material-ui/core";
 
 const IntlInputHoc = IntlInputComponent => {
     class IntlInputWrapper extends Component {
@@ -79,7 +79,10 @@ const IntlInputHoc = IntlInputComponent => {
                 <div className={'intl-input' + (open ? ' highlighted-area' : '')}>
                     {tfs}
                     <Tooltip title={T('Translations')}>
-                        <IconButton className="intl-input-toggle" onClick={this.onToggle}>
+                        <IconButton
+                            className="intl-input-toggle"
+                            onClick={this.onToggle}
+                        >
                             <TranslateIcon {...iconProps} />
                         </IconButton>
                     </Tooltip>

package/src/Components/FormFragments/Select.js

@@ -25,7 +25,6 @@ const select = props => {
             onFocus={() => props.source.length === 0 && this.props.loadSource && this.props.loadSource()}
             disabled={props.disabled}
             error={props.error}
-            shrinkLabel={props.shrinkLabel}
         >
             {props.source.map((item, idx) => {
                 const { value, text } = getInputItemParamsByConfig(item, props.sourceConfig);

package/src/Components/List.js

@@ -30,8 +30,8 @@ import ListItemText from '../UIComponents/ListItemText';
 import Checkbox from '../UIComponents/Checkbox';
 import AddButton from './AddButton';
 import Tooltip from '../UIComponents/Tooltip';
-import FlatButton from '../UIComponents/FlatButton';
-import Dialog from '../UIComponents/Dialog';
+import FlatButton from "../UIComponents/FlatButton";
+import Dialog from "../UIComponents/Dialog";
 
 export const AddItemButton = props => (
     <FloatingActionButton mini={true} {...props}>
@@ -120,12 +120,13 @@ export default class List extends Component {
     onDeleteItems = () => {
         if (this.hasSelectedRows()) {
             this.props.onDeleteItems();
-        } else {
+        }
+        else {
             this.setState({
                 showDeleteHint: true,
             });
         }
-    };
+    }
 
     onPaginationChange = data => {
         _.isFunction(this.props.onPaginationChange) && this.props.onPaginationChange(data);
@@ -146,11 +147,7 @@ export default class List extends Component {
         return (
             this.props.onDeleteItems && (
                 <Tooltip title={t('list.deleteEntriesInfo')}>
-                    <IconButton
-                        color={this.hasSelectedRows() ? 'primary' : ''}
-                        onClick={this.onDeleteItems}
-                        style={listStyle.removeButton}
-                    >
+                    <IconButton color={this.hasSelectedRows() ? 'primary' : ''} onClick={this.onDeleteItems} style={listStyle.removeButton}>
                         <DeleteForeverIcon />
                     </IconButton>
                 </Tooltip>
@@ -159,23 +156,19 @@ export default class List extends Component {
     };
 
     renderDeleteHint = () => {
-        const { showDeleteHint } = this.state;
+        const {showDeleteHint} = this.state;
         return (
             <Dialog
                 title={T('Hint')}
-                onClose={() =>
-                    this.setState({
-                        showDeleteHint: false,
-                    })
-                }
+                onClose={() => this.setState({
+                    showDeleteHint: false,
+                })}
                 actions={
                     <FlatButton
                         label={T('Ok')}
-                        onClick={() =>
-                            this.setState({
-                                showDeleteHint: false,
-                            })
-                        }
+                        onClick={() => this.setState({
+                            showDeleteHint: false,
+                        })}
                     />
                 }
                 open={showDeleteHint}
@@ -183,7 +176,7 @@ export default class List extends Component {
                 <span>{T('list.deleteEntriesHint')}</span>
             </Dialog>
         );
-    };
+    }
 
     renderTopComponent() {
         return null;
@@ -198,7 +191,13 @@ export default class List extends Component {
     }
 
     renderPaginationWithTools() {
-        const { columns, data, rowsTotal, rowsPerPage, renderAction } = this.props;
+        const {
+            columns,
+            data,
+            rowsTotal,
+            rowsPerPage,
+            renderAction,
+        } = this.props;
         return (
             <TableRow showCheckbox={false}>
                 <Pagination
@@ -206,7 +205,7 @@ export default class List extends Component {
                     onPaginationChange={this.onPaginationChange}
                     rowsTotal={rowsTotal || data.length}
                     colSpan={columns.length}
-                    currentPage={this.props.listParams.offset / rowsPerPage}
+                    currentPage={_.get(this.props, 'listParams.offset', 0) / rowsPerPage}
                     rowsPerPage={rowsPerPage}
                     beforeElement={
                         <div style={listStyle.groupButtons}>
@@ -245,7 +244,14 @@ export default class List extends Component {
     }
 
     renderTable = () => {
-        const { rowActions, columns, data, showCheckboxes, onDeleteItems, renderAction } = this.props;
+        const {
+            rowActions,
+            columns,
+            data,
+            showCheckboxes,
+            onDeleteItems,
+            renderAction
+        } = this.props;
         const { shownColumns } = this.state;
         const renderCheckboxes = onDeleteItems || renderAction;
 
@@ -325,19 +331,18 @@ export default class List extends Component {
                             );
                         })}
                     </TableBody>
-                    <TableFooter>{this.renderPaginationWithTools()}</TableFooter>
+                    <TableFooter>
+                        {this.renderPaginationWithTools()}
+                    </TableFooter>
                 </Table>
             </div>
         );
     };
 
-    renderAddButtonElement = ({ AddButtonComponent }, ...otherProps) =>
-        AddButtonComponent ? <AddButtonComponent {...otherProps} /> : this.renderAddItemButton();
-
     render() {
         return (
             <div style={{ position: 'relative' }}>
-                {this.renderAddButtonElement(this.props)}
+                {this.renderAddItemButton()}
                 {this.renderTable()}
                 {this.renderDeleteHint()}
             </div>