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

package/App/Shared/Components/PdfDownload/index.js

@@ -1,150 +0,0 @@
-"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 _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _i18n = require("../../../../Framework/i18n");
-
-var _withWidth = _interopRequireDefault(require("@material-ui/core/withWidth/withWidth"));
-
-var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
-
-var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
-
-var _grey = _interopRequireDefault(require("@material-ui/core/colors/grey"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography/Typography"));
-
-var _ServiceLocator = require("../../../ServiceLocator");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _CustomDialog = _interopRequireDefault(require("../../../../Shared/Components/CustomDialog"));
-
-var _MainButton = _interopRequireDefault(require("../../../../Shared/Components/MainButton"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-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 styles = function styles(theme) {
-  return {
-    dialogTitleRoot: {
-      padding: '12px 12px 20px',
-      fontSize: '1.5rem',
-      fontWeight: 400
-    },
-    dialogContentRoot: {
-      padding: '0 24px 24px 12px'
-    },
-    pdfDownloadDialog: {
-      borderTop: '7px solid ' + theme.palette.primary.main
-    },
-    activeButton: {
-      textTransform: 'none',
-      whiteSpace: 'nowrap',
-      padding: '4px 15px',
-      backgroundColor: _grey["default"][900],
-      color: 'white',
-      textDecoration: 'none',
-      '&:hover': {
-        backgroundColor: _grey["default"][700]
-      }
-    },
-    activeButtonLabel: {
-      color: 'white'
-    },
-    TypographyCaption: {
-      fontSize: 12,
-      lineHeight: 1.7
-    }
-  };
-};
-
-var PdfDownload = /*#__PURE__*/function (_React$Component) {
-  _inherits(PdfDownload, _React$Component);
-
-  var _super = _createSuper(PdfDownload);
-
-  function PdfDownload() {
-    _classCallCheck(this, PdfDownload);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(PdfDownload, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          show = _this$props.show,
-          onClose = _this$props.onClose;
-      return /*#__PURE__*/_react["default"].createElement(_CustomDialog["default"], {
-        open: show,
-        onClose: onClose,
-        "aria-labelledby": "alert-dialog-title",
-        "aria-describedby": "alert-dialog-description",
-        dialogTitle: (0, _i18n.t)('pdfDownloadDialog.title'),
-        onCancel: onClose
-      }, /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
-        className: classes.dialogContentRoot
-      }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-        variant: "body1",
-        classes: {
-          root: classes.TypographyCaption
-        },
-        id: "alert-dialog-description"
-      }, (0, _i18n.t)('pdfDownloadDialog.content'))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_MainButton["default"], {
-        href: _ServiceLocator.Services.interaction.createPdfUrl('user'),
-        target: "_blank",
-        variant: "contained",
-        classes: {
-          root: classes.activeButton,
-          label: classes.activeButtonLabel
-        }
-      }, (0, _i18n.t)('pdfDownloadDialog.actionButton'))));
-    }
-  }]);
-
-  return PdfDownload;
-}(_react["default"].Component);
-
-_defineProperty(PdfDownload, "propTypes", {
-  classes: _propTypes["default"].object,
-  onClose: _propTypes["default"].func,
-  show: _propTypes["default"].bool
-});
-
-var _default = (0, _withWidth["default"])()((0, _styles.withStyles)(styles, {
-  name: 'PdfDownload'
-})(PdfDownload));
-
-exports["default"] = _default;

package/App/Shared/Components/PlusMinusInput/index.js

@@ -1,118 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PlusMinusInput = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _withWidth = _interopRequireDefault(require("@material-ui/core/withWidth/withWidth"));
-
-var _core = require("@material-ui/core");
-
-var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
-
-var _Input = _interopRequireDefault(require("@material-ui/core/Input/Input"));
-
-var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment/InputAdornment"));
-
-var _RemoveCircle = _interopRequireDefault(require("../../../../Resources/Icons/MaterialUI/Icons/RemoveCircle"));
-
-var _AddCircle = _interopRequireDefault(require("../../../../Resources/Icons/MaterialUI/Icons/AddCircle"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var styles = function styles(theme) {
-  return {
-    disabledIncrementButton: {
-      opacity: 0.2
-    },
-    disabledDecrementButton: {
-      opacity: 0.2
-    },
-    activeIncrementButton: {
-      opacity: 1,
-      cursor: 'pointer',
-      color: theme.palette.text.secondary
-    },
-    activeDecrementButton: {
-      opacity: 1,
-      cursor: 'pointer',
-      color: theme.palette.text.secondary
-    },
-    itemText: {
-      fontSize: 15,
-      color: theme.palette.text.secondary,
-      textAlign: 'center',
-      lineHeight: 2.1,
-      cursor: 'default',
-      height: 33
-    }
-  };
-};
-
-var PlusMinusInput = (0, _withWidth["default"])()((0, _core.withStyles)(styles, {
-  name: 'PlusMinusInput'
-})(function (props) {
-  var increment = function increment() {
-    var onChangeValue = props.onChangeValue,
-        maxSize = props.maxSize,
-        value = props.value;
-
-    if ((0, _isFunction["default"])(onChangeValue)) {
-      var intValue = parseInt(value);
-      intValue < maxSize && onChangeValue(intValue + 1);
-    }
-  };
-
-  var decrement = function decrement() {
-    var onChangeValue = props.onChangeValue,
-        minSize = props.minSize,
-        value = props.value;
-
-    if ((0, _isFunction["default"])(onChangeValue)) {
-      var intValue = parseInt(value);
-      intValue > minSize && onChangeValue(intValue - 1);
-    }
-  };
-
-  var maxSize = props.maxSize,
-      minSize = props.minSize,
-      value = props.value,
-      classes = props.classes;
-  var disableIncrementButton = value < maxSize ? classes.activeIncrementButton : classes.disabledIncrementButton;
-  var disableDecrementButton = value > minSize ? classes.activeDecrementButton : classes.disabledDecrementButton;
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Input["default"], {
-    fullWidth: true,
-    readOnly: true,
-    classes: {
-      input: classes.itemText
-    },
-    value: parseInt(value),
-    min: minSize,
-    max: maxSize,
-    startAdornment: /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
-      className: disableDecrementButton,
-      position: "start"
-    }, /*#__PURE__*/_react["default"].createElement(_RemoveCircle["default"], {
-      onClick: decrement
-    })),
-    endAdornment: /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
-      className: disableIncrementButton,
-      position: "end"
-    }, /*#__PURE__*/_react["default"].createElement(_AddCircle["default"], {
-      onClick: increment
-    }))
-  }));
-}));
-exports.PlusMinusInput = PlusMinusInput;
-PlusMinusInput.propTypes = {
-  maxSize: _propTypes["default"].number,
-  minSize: _propTypes["default"].number,
-  value: _propTypes["default"].number,
-  classes: _propTypes["default"].object,
-  onChangeValue: _propTypes["default"].func
-};

package/App/Shared/Components/PriceList/index.js

@@ -1,237 +0,0 @@
-"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 _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem/ListItem"));
-
-var _List = _interopRequireDefault(require("@material-ui/core/List/List"));
-
-var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText/ListItemText"));
-
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid/Grid"));
-
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox/Checkbox"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography/Typography"));
-
-var _lodash = require("lodash");
-
-var _InformationTag = _interopRequireDefault(require("../InformationTag/InformationTag"));
-
-var _i18n = require("../../../../Framework/i18n");
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-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 styles = function styles(theme) {
-  var _span, _listItemPrimary;
-
-  return {
-    MuiListRoot: {
-      paddingTop: 0,
-      paddingRight: 0,
-      paddingLeft: 0
-    },
-    MuiCheckboxRoot: _defineProperty({
-      margin: '0 0 0 12px',
-      padding: 0
-    }, theme.breakpoints.down('xs'), {
-      margin: '0'
-    }),
-    MuiTypographyRoot: {
-      lineHeight: 1.8
-    },
-    MuiTypographyNoWrap: {
-      whiteSpace: 'nowrap',
-      minWidth: 50,
-      fontSize: 15,
-      padding: '0 16px'
-    },
-    gutterBottom: {
-      marginBottom: 0
-    },
-    itemTitle: {
-      textOverflow: 'ellipsis',
-      overflow: 'hidden'
-    },
-    listItemPrimary: (_listItemPrimary = {
-      padding: '0 16px'
-    }, _defineProperty(_listItemPrimary, theme.breakpoints.down('xs'), {
-      padding: 0
-    }), _defineProperty(_listItemPrimary, '& span', (_span = {
-      fontSize: 15,
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      minWidth: '160px',
-      display: 'block'
-    }, _defineProperty(_span, theme.breakpoints.down('md'), {
-      minWidth: 140
-    }), _defineProperty(_span, theme.breakpoints.down('xs'), {
-      minWidth: 50
-    }), _span)), _listItemPrimary),
-    selectableLabel: _defineProperty({
-      padding: '0 10px'
-    }, theme.breakpoints.down('xs'), {
-      padding: 0
-    }),
-    infoBtn: _defineProperty({
-      flex: '100%'
-    }, theme.breakpoints.down('xs'), {
-      flex: 0,
-      justifyContent: 'flex-end',
-      display: 'flex'
-    })
-  };
-};
-
-var PriceList = /*#__PURE__*/function (_React$Component) {
-  _inherits(PriceList, _React$Component);
-
-  var _super = _createSuper(PriceList);
-
-  function PriceList(props) {
-    var _this;
-
-    _classCallCheck(this, PriceList);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "handleToggle", function (element) {
-      return function () {
-        if ((0, _lodash.isFunction)(_this.props.onSelectableChanged)) {
-          _this.props.onSelectableChanged(element.key, !element.selected);
-        }
-      };
-    });
-
-    return _this;
-  }
-
-  _createClass(PriceList, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          list = _this$props.list,
-          productTitle = _this$props.productTitle,
-          classes = _this$props.classes,
-          amount = _this$props.amount,
-          hidePrices = _this$props.hidePrices;
-      return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        container: true,
-        spacing: 2
-      }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-        item: true,
-        xs: 12
-      }, amount > 0 && list && list.length <= 0 && /*#__PURE__*/_react["default"].createElement(_List["default"], {
-        dense: false
-      }, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-        classes: {
-          root: classes.MuiListRoot
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-        variant: "body2",
-        gutterBottom: true,
-        classes: {
-          root: classes.MuiTypographyNoWrap,
-          gutterBottom: classes.gutterBottom
-        }
-      }, amount, " ", (0, _i18n.t)('amountPrice.pieces')), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
-        className: classes.listItemPrimary,
-        primary: productTitle
-      }))), list && list.length > 0 && /*#__PURE__*/_react["default"].createElement(_List["default"], {
-        dense: false
-      }, list.map(function (element) {
-        return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-          key: element.key,
-          classes: {
-            root: classes.MuiListRoot
-          }
-        }, element.selectable && /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-          checked: element.selected,
-          color: "primary",
-          tabIndex: -1,
-          disableRipple: true,
-          onChange: _this2.handleToggle(element),
-          classes: {
-            root: classes.MuiCheckboxRoot
-          }
-        }), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
-          className: (0, _clsx["default"])(list[0].key === element.key && classes.itemTitle, list[0].key !== element.key && classes.listItemPrimary, element.selectable && classes.selectableLabel),
-          primary: element.label
-        }), element.key === 'setup_cost' && (0, _i18n.translationExists)('setUpCostInformation') && /*#__PURE__*/_react["default"].createElement("div", {
-          className: classes.infoBtn
-        }, /*#__PURE__*/_react["default"].createElement(_InformationTag["default"], {
-          infoText: (0, _i18n.t)('setUpCostInformation')
-        })), element.key === 'production_cost' && (0, _i18n.translationExists)('productionCostInformation') && /*#__PURE__*/_react["default"].createElement("div", {
-          className: classes.infoBtn
-        }, /*#__PURE__*/_react["default"].createElement(_InformationTag["default"], {
-          infoText: (0, _i18n.t)('productionCostInformation')
-        })), !hidePrices && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-          variant: "body2",
-          gutterBottom: true,
-          align: "right",
-          classes: {
-            root: classes.MuiTypographyNoWrap,
-            gutterBottom: classes.gutterBottom
-          }
-        }, element.selectable && !element.selected ? '' : element.price));
-      }))));
-    }
-  }]);
-
-  return PriceList;
-}(_react["default"].Component);
-
-_defineProperty(PriceList, "propTypes", {
-  list: _propTypes["default"].array,
-  productTitle: _propTypes["default"].string,
-  classes: _propTypes["default"].object,
-  amount: _propTypes["default"].number,
-  totalPrice: _propTypes["default"].string,
-  taxNote: _propTypes["default"].string,
-  hidePrices: _propTypes["default"].bool,
-  showReceiveOfferForm: _propTypes["default"].bool,
-  onSelectableChanged: _propTypes["default"].func
-});
-
-var _default = (0, _styles.withStyles)(styles, {
-  name: 'PriceList'
-})(PriceList);
-
-exports["default"] = _default;

package/App/Shared/Components/PriceList/index.story.js

@@ -1,114 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@storybook/react");
-
-var _index = _interopRequireDefault(require("./index"));
-
-var _storybookState = require("@sambego/storybook-state");
-
-var _i18n = require("../../../../Framework/i18n");
-
-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 mockedPriceData = [{
-  key: 'Damen Polo Organic, JAMES & NICHOLSON',
-  identifier: 'precosts',
-  label: 'Damen Polo Organic, JAMES & NICHOLSON',
-  selectable: false,
-  price: '98,00 €'
-}, {
-  key: 'Vorkosten',
-  identifier: 'precosts',
-  label: 'Vorkosten',
-  selectable: false,
-  price: '29,00 €'
-}, {
-  key: 'Werbedruck',
-  identifier: 'advertisePrinting',
-  label: 'Werbedruck',
-  selectable: false,
-  price: '42,00 €'
-}, {
-  key: 'Logokosten',
-  identifier: 'logisticsCosts',
-  label: 'Logokosten',
-  selectable: false,
-  price: '0,00 €'
-}, {
-  key: 'Korrekturabzug',
-  identifier: 'proof',
-  label: 'Korrekturabzug',
-  selectable: true,
-  selected: false,
-  price: '0,00 €'
-}, {
-  key: 'Korrekturmuster',
-  identifier: 'correctionDraft',
-  label: 'Korrekturmuster',
-  selectable: true,
-  selected: false,
-  price: '0,00 €'
-}];
-var mockedPriceDataWithoutSelectable = [{
-  key: 'Damen Polo Organic, JAMES & NICHOLSON',
-  identifier: 'precosts',
-  label: 'Damen Polo Organic, JAMES & NICHOLSON',
-  selectable: false,
-  price: '98,00 €'
-}, {
-  key: 'Korrekturmuster',
-  identifier: 'correctionDraft',
-  label: 'Korrekturmuster',
-  selectable: false,
-  price: '0,00 €'
-}];
-var store = new _storybookState.Store({
-  priceData: mockedPriceData
-});
-
-var onSelectableChanged = function onSelectableChanged(priceData) {
-  return function (key, newSelected) {
-    var nextData = priceData.map(function (currentElement) {
-      if (currentElement.key === key) {
-        return _objectSpread(_objectSpread({}, currentElement), {}, {
-          selected: newSelected,
-          price: newSelected ? '10,00 €' : '0,00 €'
-        });
-      }
-
-      return currentElement;
-    });
-    store.set({
-      priceData: nextData
-    });
-  };
-};
-
-(0, _react2.storiesOf)('PriceList', module).add('with checkboxes', function () {
-  return /*#__PURE__*/_react["default"].createElement(_storybookState.State, {
-    store: store
-  }, function (state) {
-    return /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      amount: "100",
-      list: state.priceData,
-      currentTotalPrice: "500,00 \u20AC",
-      taxNote: (0, _i18n.t)('amountPrice.vatNotice'),
-      onSelectableChanged: onSelectableChanged(state.priceData)
-    });
-  });
-}).add('without checkboxes', function () {
-  return /*#__PURE__*/_react["default"].createElement(_index["default"], {
-    list: mockedPriceDataWithoutSelectable,
-    amount: "100",
-    currentTotalPrice: "500,00 \u20AC",
-    taxNote: (0, _i18n.t)('amountPrice.vatNotice')
-  });
-});