@configuratorware/configurator-frontendgui 1.41.1 → 1.42.1

package/App/Modules/Creator/Components/OptionsList/index.js

@@ -4,50 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _lodash = require("lodash");
-
+var _findIndex = _interopRequireDefault(require("lodash/findIndex"));
+var _get = _interopRequireDefault(require("lodash/get"));
 var _clsx = _interopRequireDefault(require("clsx"));
-
-var _core = require("@material-ui/core");
-
+var _styles = require("@material-ui/core/styles");
 var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
-
 var _LoadingOverlay = _interopRequireDefault(require("../../../../../Framework/Components/LoadingOverlay"));
-
 var _CustomDialog = _interopRequireDefault(require("../../../../../Shared/Components/CustomDialog"));
-
 var _customClassName = _interopRequireDefault(require("../../../../Utils/customClassName"));
-
 var _Option = _interopRequireDefault(require("../Option"));
-
 var _excluded = ["render"];
-
 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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = 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 useStyles = (0, _core.makeStyles)(function (theme) {
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var useStyles = (0, _styles.makeStyles)(function (theme) {
   var _dialogStyle, _theme$breakpoints$be2, _ref;
-
   return _ref = {
     dialogStyle: (_dialogStyle = {
       height: '100%'
@@ -76,52 +58,45 @@ var useStyles = (0, _core.makeStyles)(function (theme) {
 }, {
   name: 'OptionsList'
 });
-
 var OptionsList = function OptionsList(_ref2) {
   var render = _ref2.render,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
+    props = _objectWithoutProperties(_ref2, _excluded);
   var addCheckedOptionclassification = props.addCheckedOptionclassification,
-      children = props.children,
-      isLoading = props.isLoading,
-      onClose = props.onClose,
-      onSelect = props.onSelect,
-      onToggle = props.onToggle,
-      optionclassification = props.optionclassification,
-      options = props.options,
-      show = props.show,
-      viewDetails = props.viewDetails,
-      viewStockInformation = props.viewStockInformation,
-      LoadingComponent = props.LoadingComponent,
-      OptionComponent = props.OptionComponent,
-      isAdminMode = props.isAdminMode,
-      setOptionInputText = props.setOptionInputText;
+    children = props.children,
+    isLoading = props.isLoading,
+    onClose = props.onClose,
+    onSelect = props.onSelect,
+    onToggle = props.onToggle,
+    optionclassification = props.optionclassification,
+    options = props.options,
+    show = props.show,
+    viewDetails = props.viewDetails,
+    viewStockInformation = props.viewStockInformation,
+    LoadingComponent = props.LoadingComponent,
+    OptionComponent = props.OptionComponent,
+    isAdminMode = props.isAdminMode,
+    setOptionInputText = props.setOptionInputText;
   var classes = useStyles();
-
   var createOptions = function createOptions() {
     var onOptionClicked = function onOptionClicked() {
       addCheckedOptionclassification(optionclassification);
     };
-
     return options.map(function (option) {
       var optionIndex = -1;
-      var optionGroupChildren = (0, _lodash.get)(option, 'option_group.children', []);
-
+      var optionGroupChildren = (0, _get["default"])(option, 'option_group.children', []);
       if (optionGroupChildren.length === 0) {
-        optionIndex = (0, _lodash.findIndex)((0, _lodash.get)(optionclassification, 'selectedoptions'), {
+        optionIndex = (0, _findIndex["default"])((0, _get["default"])(optionclassification, 'selectedoptions'), {
           identifier: option.identifier
         });
       } else {
         var _iterator = _createForOfIteratorHelper(optionGroupChildren),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var item = _step.value;
-            optionIndex = (0, _lodash.findIndex)((0, _lodash.get)(optionclassification, 'selectedoptions'), {
+            optionIndex = (0, _findIndex["default"])((0, _get["default"])(optionclassification, 'selectedoptions'), {
               identifier: item.identifier
             });
-
             if (optionIndex > -1) {
               // we need the first selected option
               break;
@@ -133,7 +108,6 @@ var OptionsList = function OptionsList(_ref2) {
           _iterator.f();
         }
       }
-
       var selected = optionIndex <= -1 ? false : !(option.amount_is_selectable && option.amount < 1);
       return /*#__PURE__*/_react["default"].createElement(OptionComponent, {
         key: 'optionlistitem' + option.identifier,
@@ -150,14 +124,12 @@ var OptionsList = function OptionsList(_ref2) {
       });
     });
   };
-
   var renderOptions = function renderOptions() {
     var optionListItems = createOptions();
     return /*#__PURE__*/_react["default"].createElement("div", null, children ? children : optionListItems.length > 0 ? optionListItems : null, /*#__PURE__*/_react["default"].createElement(LoadingComponent, {
       show: isLoading
     }));
   };
-
   var renderOptionsList = function renderOptionsList() {
     return /*#__PURE__*/_react["default"].createElement(_CustomDialog["default"], {
       className: (0, _clsx["default"])(classes.dialogStyle, (0, _customClassName["default"])('options')),
@@ -174,7 +146,6 @@ var OptionsList = function OptionsList(_ref2) {
       className: classes.contentStyle
     }, renderOptions()));
   };
-
   var getRenderProps = function getRenderProps() {
     return _objectSpread(_objectSpread({}, props), {}, {
       renderOptions: renderOptions,
@@ -182,10 +153,8 @@ var OptionsList = function OptionsList(_ref2) {
       renderOptionsList: renderOptionsList
     });
   };
-
   return typeof render === 'function' ? render(getRenderProps()) : renderOptionsList();
 };
-
 OptionsList.defaultProps = {
   addCheckedOptionclassification: function addCheckedOptionclassification() {},
   isLoading: false,
@@ -200,23 +169,4 @@ OptionsList.defaultProps = {
   LoadingComponent: _LoadingOverlay["default"],
   OptionComponent: _Option["default"]
 };
-OptionsList.propTypes = {
-  addCheckedOptionclassification: _propTypes["default"].func,
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
-  isLoading: _propTypes["default"].bool,
-  onClose: _propTypes["default"].func,
-  onSelect: _propTypes["default"].func,
-  onToggle: _propTypes["default"].func,
-  setOptionInputText: _propTypes["default"].func,
-  options: _propTypes["default"].array,
-  optionclassification: _propTypes["default"].object,
-  show: _propTypes["default"].bool,
-  viewDetails: _propTypes["default"].func,
-  viewStockInformation: _propTypes["default"].func,
-  LoadingComponent: _propTypes["default"].elementType,
-  OptionComponent: _propTypes["default"].elementType,
-  isAdminMode: _propTypes["default"].bool,
-  render: _propTypes["default"].func
-};
-var _default = OptionsList;
-exports["default"] = _default;
+var _default = exports["default"] = OptionsList;

package/App/Modules/Creator/Components/Price/index.js

@@ -1,62 +1,41 @@
 "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); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _i18n = require("../../../../../Framework/i18n");
-
 require("./Styles.scss");
-
 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 _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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : 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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } 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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 var Price = /*#__PURE__*/function (_React$Component) {
   _inherits(Price, _React$Component);
-
   var _super = _createSuper(Price);
-
   function Price() {
     _classCallCheck(this, Price);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Price, [{
     key: "render",
     value: function render() {
       var _ref = this.props.calculation || {},
-          totalFormatted = _ref.totalFormatted,
-          invalidated = _ref.invalidated;
-
+        totalFormatted = _ref.totalFormatted,
+        invalidated = _ref.invalidated;
       var title = this.props.title;
       return /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
         className: "price"
@@ -67,13 +46,6 @@ var Price = /*#__PURE__*/function (_React$Component) {
       }, invalidated ? (0, _i18n.T)('price.calculating') : totalFormatted && !invalidated ? totalFormatted : ''));
     }
   }]);
-
   return Price;
 }(_react["default"].Component);
-
-Price.propTypes = {
-  calculation: _propTypes["default"].object,
-  title: _propTypes["default"].node
-};
-var _default = Price;
-exports["default"] = _default;
+var _default = exports["default"] = Price;

package/App/Modules/Creator/Components/ProductPart/index.js

@@ -1,48 +1,35 @@
 "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"] = exports.StyledProductPart = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _getImageUrl = _interopRequireDefault(require("../../../../Utils/getImageUrl"));
-
 var _customClassName = _interopRequireDefault(require("../../../../Utils/customClassName"));
-
 var _i18n = require("../../../../../Framework/i18n");
-
 var _styles = require("@material-ui/core/styles");
-
 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; }
-
-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; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var ProductPart = function ProductPart(_ref) {
   var displaySwitchedOptions = _ref.displaySwitchedOptions,
-      onSelect = _ref.onSelect,
-      optionclassification = _ref.optionclassification,
-      selectedOption = _ref.selectedOption,
-      verticalMode = _ref.verticalMode,
-      setAnchorRef = _ref.setAnchorRef,
-      classes = _ref.classes,
-      optionListVisible = _ref.optionListVisible,
-      onCloseSelected = _ref.onCloseSelected;
+    onSelect = _ref.onSelect,
+    optionclassification = _ref.optionclassification,
+    selectedOption = _ref.selectedOption,
+    verticalMode = _ref.verticalMode,
+    setAnchorRef = _ref.setAnchorRef,
+    classes = _ref.classes,
+    optionListVisible = _ref.optionListVisible,
+    onCloseSelected = _ref.onCloseSelected;
   var selected = (0, _get["default"])(selectedOption, 'identifier', null) === (0, _get["default"])(optionclassification, 'identifier', '');
   var selectedAndVisible = optionListVisible && selected;
   var direction = verticalMode ? 'vertical' : 'horizontal';
@@ -51,7 +38,6 @@ var ProductPart = function ProductPart(_ref) {
       onCloseSelected(optionclassification);
     }
   }, [optionListVisible]);
-
   var displayImage = function displayImage() {
     var imageUrl = displaySwitchedOptions && selectedOption ? (0, _getImageUrl["default"])(selectedOption.thumbnail) : (0, _getImageUrl["default"])(optionclassification.thumbnail);
     return /*#__PURE__*/_react["default"].createElement("i", {
@@ -61,7 +47,6 @@ var ProductPart = function ProductPart(_ref) {
       } : {}
     });
   };
-
   var displayText = function displayText() {
     return /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
       className: classes.rootTypography,
@@ -69,12 +54,10 @@ var ProductPart = function ProductPart(_ref) {
       component: "span"
     }, /*#__PURE__*/_react["default"].createElement(_i18n.Hyphenated, null, optionclassification.title));
   };
-
   var onClick = function onClick(event) {
     event.stopPropagation();
     onSelect(optionclassification);
   };
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _clsx["default"])(classes.root, direction, (0, _customClassName["default"])('component')),
     ref: setAnchorRef
@@ -85,7 +68,6 @@ var ProductPart = function ProductPart(_ref) {
     onClick: onClick
   }, displayImage(), displayText()));
 };
-
 var MARKER_POSITION = {
   left: 'left',
   right: 'right',
@@ -96,20 +78,8 @@ ProductPart.defaultProps = {
   onSelect: function onSelect() {},
   verticalMode: true
 };
-ProductPart.propTypes = {
-  displaySwitchedOptions: _propTypes["default"].bool,
-  onSelect: _propTypes["default"].func,
-  optionclassification: _propTypes["default"].object,
-  selectedOption: _propTypes["default"].object,
-  verticalMode: _propTypes["default"].bool,
-  setAnchorRef: _propTypes["default"].func,
-  classes: _propTypes["default"].object,
-  optionListVisible: _propTypes["default"].bool,
-  onCloseSelected: _propTypes["default"].func
-};
-var StyledProductPart = (0, _styles.withStyles)(function (theme) {
+var StyledProductPart = exports.StyledProductPart = (0, _styles.withStyles)(function (theme) {
   var _root, _selected;
-
   var captionMaxHeight = "calc(".concat(theme.creator.productPart.captionPaddingTop, " + ").concat(theme.creator.productPart.lineHeight, " * 2)");
   var iconMaxHeigth = "calc(".concat(theme.creator.productPart.itemSize, " - ").concat(captionMaxHeight, "  - ").concat(theme.creator.productPart.captionPaddingTop, ")");
   var iconSizeWithoutMarker = "calc(".concat(theme.creator.productPart.itemSize, " - ").concat(theme.creator.productPart.spaceBetweenItemAndMarker, ")");
@@ -196,6 +166,4 @@ var StyledProductPart = (0, _styles.withStyles)(function (theme) {
 }, {
   name: 'ProductPart'
 })(ProductPart);
-exports.StyledProductPart = StyledProductPart;
-var _default = StyledProductPart;
-exports["default"] = _default;
+var _default = exports["default"] = StyledProductPart;

package/App/Modules/Creator/Components/ProductPart/index.story.js

@@ -1,25 +1,18 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _redux = require("redux");
-
 var _reactRedux = require("react-redux");
-
 var _react2 = require("@storybook/react");
-
 var _ThemeProvider = _interopRequireDefault(require("../../../../Screens/Configurator/ThemeProvider"));
-
 var _index = _interopRequireDefault(require("./index"));
-
 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; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var initialState = {
   displaySwitchedOptions: false,
   optionclassification: {
@@ -62,15 +55,12 @@ var customTheme = {
     }
   }
 };
-
 var reducer = function reducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var action = arguments.length > 1 ? arguments[1] : undefined;
   return _objectSpread(_objectSpread({}, action), state);
 };
-
 var store = (0, _redux.createStore)(reducer, ['Use Redux']);
-
 var createStory = function createStory(data) {
   return /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
     store: store
@@ -78,7 +68,6 @@ var createStory = function createStory(data) {
     customTheme: customTheme
   }, /*#__PURE__*/_react["default"].createElement(_index["default"], data)));
 };
-
 (0, _react2.storiesOf)('ProductPart', module).add('without marker', function () {
   return createStory(stories.withoutMarker);
 }).add('vertical mode', function () {