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

package/Screens/Designer/Components/TemplateList.js

@@ -1,316 +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"] = exports.AddItemButton = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _Table = require("../../../UIComponents/Table");
-
-var _DeleteForeverIcon = _interopRequireDefault(require("../../../UIComponents/icons/DeleteForeverIcon"));
-
-var _FloatingActionButton = _interopRequireDefault(require("../../../UIComponents/FloatingActionButton"));
-
-var _IconButton = _interopRequireDefault(require("../../../UIComponents/IconButton"));
-
-var _IconMenu = _interopRequireDefault(require("../../../UIComponents/IconMenu"));
-
-var _MenuItem = _interopRequireDefault(require("../../../UIComponents/MenuItem"));
-
-var _AddIcon = _interopRequireDefault(require("../../../UIComponents/icons/AddIcon"));
-
-var _ViewListIcon = _interopRequireDefault(require("../../../UIComponents/icons/ViewListIcon"));
-
-var _CheckCircle = _interopRequireDefault(require("@material-ui/icons/CheckCircle"));
-
-var _Cancel = _interopRequireDefault(require("@material-ui/icons/Cancel"));
-
-var _SearchBar = _interopRequireDefault(require("../../../Components/SearchBar"));
-
-var _ListColumnFilter = _interopRequireDefault(require("../../../Components/ListColumnFilter"));
-
-var _InputHelpers = require("../../../Components/InputHelpers");
-
-var _i18n = require("../../../App/i18n");
-
-require("../../../Components/Styles.scss");
-
-var _TableCell = _interopRequireDefault(require("../../../UIComponents/Table/TableCell"));
-
-var _ListItemText = _interopRequireDefault(require("../../../UIComponents/ListItemText"));
-
-var _Checkbox = _interopRequireDefault(require("../../../UIComponents/Checkbox"));
-
-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 _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; } 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 _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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var AddItemButton = function AddItemButton(props) {
-  return /*#__PURE__*/_react["default"].createElement(_FloatingActionButton["default"], _extends({
-    mini: true
-  }, props), /*#__PURE__*/_react["default"].createElement(_AddIcon["default"], null));
-};
-
-exports.AddItemButton = AddItemButton;
-
-var ColumnList = function ColumnList(props) {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'inline-block',
-      marginLeft: 4
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_IconMenu["default"], {
-    iconComponent: _ViewListIcon["default"],
-    placement: "bottom-start",
-    disablePortal: true
-  }, props.columns.map(function (column, idx) {
-    return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-      key: idx,
-      onClick: function onClick() {
-        return props.onToggleColumn(idx);
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-      checked: props.shown[idx],
-      value: column.label
-    }), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
-      inset: true,
-      primary: (0, _i18n.t)(column.label)
-    }));
-  })));
-};
-
-var listStyle = {
-  footerCol: {
-    textAlign: 'right',
-    whiteSpace: 'normal',
-    lineHeight: '48px',
-    verticalAlign: 'middle',
-    padding: 0,
-    border: 0
-  },
-  searchBar: {
-    width: 256,
-    "float": 'right',
-    marginTop: 10
-  },
-  transferSuccess: {
-    color: 'green'
-  },
-  transferFailure: {
-    color: 'red'
-  }
-};
-
-var TemplateList = /*#__PURE__*/function (_Component) {
-  _inherits(TemplateList, _Component);
-
-  var _super = _createSuper(TemplateList);
-
-  function TemplateList(props) {
-    var _this;
-
-    _classCallCheck(this, TemplateList);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "onPaginationChange", function (data) {
-      _lodash["default"].isFunction(_this.props.onPaginationChange) && _this.props.onPaginationChange(data);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onSearchChange", (0, _InputHelpers.delay)(function (data) {
-      _lodash["default"].isFunction(_this.props.onSearchChange) && _this.props.onSearchChange(data);
-    }));
-
-    _defineProperty(_assertThisInitialized(_this), "renderAddItemButton", function () {
-      return _this.props.onAddItem && /*#__PURE__*/_react["default"].createElement(AddItemButton, {
-        onClick: _this.props.onAddItem
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderDeleteButton", function () {
-      var showDelete = _this.selectedRows === 'all' || _lodash["default"].isArray(_this.selectedRows) && _this.selectedRows.length > 0;
-      return _this.props.onDeleteItems && showDelete && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        onClick: _this.props.onDeleteItems
-      }, /*#__PURE__*/_react["default"].createElement(_DeleteForeverIcon["default"], null));
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onToggleColumn", function (idx) {
-      var shownColumns = _this.state.shownColumns;
-      shownColumns[idx] = !shownColumns[idx];
-
-      _this.setState({
-        shownColumns: shownColumns
-      });
-
-      _lodash["default"].isFunction(_this.props.onShownColumnsChange) && _this.props.onShownColumnsChange(shownColumns);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderTable", function () {
-      var _this$props = _this.props,
-          rowActions = _this$props.rowActions,
-          columns = _this$props.columns,
-          data = _this$props.data,
-          showCheckboxes = _this$props.showCheckboxes,
-          transferSuccess = _this$props.transferSuccess;
-      var shownColumns = _this.state.shownColumns;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "list-container"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          clear: 'both',
-          marginBottom: 64
-        }
-      }), /*#__PURE__*/_react["default"].createElement(_Table.Table, {
-        showCheckbox: _this.state.multiSelectable,
-        selectable: _this.props.selectable,
-        onRowSelected: function onRowSelected(rows, event) {
-          _this.selectedRows = rows;
-
-          _this.props.onRowSelection(rows, event);
-        },
-        selected: _this.selectedRows
-      }, /*#__PURE__*/_react["default"].createElement(_Table.TableHead, {
-        showCheckbox: showCheckboxes
-      }, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, columns.map(function (column, i) {
-        return shownColumns[i] && /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
-          key: column.name,
-          className: column.name
-        }, /*#__PURE__*/_react["default"].createElement(_ListColumnFilter["default"], _extends({}, column, {
-          onFilterChange: _this.props.onFilterChange,
-          onSortChange: _this.props.onSortChange
-        })));
-      }), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadColumn, {
-        key: "transferSuccess"
-      }), _lodash["default"].isArray(rowActions) && rowActions.length && /*#__PURE__*/_react["default"].createElement(_Table.TableHeadColumn, {
-        key: "actions"
-      }, (0, _i18n.T)('Actions')))), /*#__PURE__*/_react["default"].createElement(_Table.TableBody, {
-        className: "list-body"
-      }, data.map(function (row, index) {
-        return /*#__PURE__*/_react["default"].createElement(_Table.TableRow, {
-          key: index
-        }, columns.map(function (column, i) {
-          return shownColumns[i] && /*#__PURE__*/_react["default"].createElement(_Table.TableRowColumn, {
-            key: i,
-            className: column.name
-          }, _lodash["default"].isFunction(column.renderValue) ? column.renderValue(row[column.name], row) : row[column.name]);
-        }), /*#__PURE__*/_react["default"].createElement(_Table.TableRowColumn, {
-          key: "transferSuccess"
-        }, transferSuccess[row.id] === true && /*#__PURE__*/_react["default"].createElement(_CheckCircle["default"], {
-          style: listStyle.transferSuccess
-        }), transferSuccess[row.id] === false && /*#__PURE__*/_react["default"].createElement(_Cancel["default"], {
-          style: listStyle.transferFailure
-        })));
-      })), /*#__PURE__*/_react["default"].createElement(_Table.TableFooter, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRowColumn, {
-        style: listStyle.footerCol
-      }, _this.renderDeleteButton())))));
-    });
-
-    _this.state = {
-      fixedHeader: true,
-      stripedRows: false,
-      showRowHover: false,
-      multiSelectable: true,
-      enableSelectAll: props.showCheckboxes,
-      deselectOnClickaway: false,
-      shownColumns: props.shownColumns || props.columns.map(function () {
-        return true;
-      })
-    };
-    _this.selectedRows = [];
-    return _this;
-  }
-
-  _createClass(TemplateList, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(props) {
-      if (_lodash["default"].isArray(props.selected)) {
-        this.selectedRows = props.selected;
-      }
-
-      if (!_lodash["default"].isEqual(props.shownColumns, this.props.shownColumns)) {
-        this.setState({
-          shownColumns: props.shownColumns
-        });
-      }
-    }
-  }, {
-    key: "renderTopComponent",
-    value: function renderTopComponent() {
-      return null;
-    }
-  }, {
-    key: "renderSearchBar",
-    value: function renderSearchBar() {
-      return this.props.onSearchChange && /*#__PURE__*/_react["default"].createElement(_SearchBar["default"], {
-        label: (0, _i18n.t)('Search'),
-        style: listStyle.searchBar,
-        onChange: this.onSearchChange
-      });
-    }
-  }, {
-    key: "renderColumnList",
-    value: function renderColumnList(columns, shownColumns, onToggle) {
-      return /*#__PURE__*/_react["default"].createElement(ColumnList, {
-        columns: columns,
-        shown: shownColumns,
-        onToggleColumn: onToggle
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          position: 'relative'
-        }
-      }, this.renderAddItemButton(), this.renderTable());
-    }
-  }]);
-
-  return TemplateList;
-}(_react.Component);
-
-exports["default"] = TemplateList;
-
-_defineProperty(TemplateList, "defaultProps", {
-  onRowSelection: function onRowSelection() {},
-  selectable: true,
-  rowsTotal: 0,
-  columns: [],
-  data: [],
-  shownColumns: null,
-  showCheckboxes: true,
-  transferSuccess: {}
-});

package/Screens/Designer/Containers/Edit.js

@@ -1,346 +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 = _interopRequireWildcard(require("react"));
-
-var _Actions = _interopRequireWildcard(require("../Reducers/Actions"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _Helpers = require("../../../App/Reducers/Api/Helpers");
-
-var _Dialog = _interopRequireDefault(require("../../../UIComponents/Dialog"));
-
-var _FlatButton = _interopRequireDefault(require("../../../UIComponents/FlatButton"));
-
-var _index = require("../../../UIComponents/Tabs/index");
-
-var _i18n = require("../../../App/i18n");
-
-var _reactRedux = require("react-redux");
-
-var _ConfigurationActions = _interopRequireWildcard(require("../../Creator/Reducers/ConfigurationActions"));
-
-var _ConfiguratorQuickView = _interopRequireDefault(require("../Components/ConfiguratorQuickView"));
-
-var _DesignDataTransfer = _interopRequireDefault(require("../Components/DesignDataTransfer"));
-
-var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
-
-var _DesignAreas = _interopRequireDefault(require("../SubScreens/DesignAreas"));
-
-var _Designviews = _interopRequireDefault(require("../SubScreens/Designviews"));
-
-var _Visualization = _interopRequireDefault(require("../SubScreens/Visualization"));
-
-var _CheckData = _interopRequireDefault(require("../../Creator/Components/CheckData/CheckData"));
-
-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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-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 _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; } 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 _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 {
-    root: {
-      flexGrow: 1,
-      backgroundColor: theme.palette.background.paper,
-      width: '100%'
-    },
-    flexContainer: {
-      margin: '25px 0',
-      backgroundColor: theme.palette.primary.main,
-      color: theme.palette.common.white
-    },
-    MuiTabRoot: {
-      minWidth: '33.3%'
-    },
-    linkText: {
-      '& > a:hover': {
-        color: theme.palette.primary.main
-      },
-      '&.active > a': {
-        color: theme.palette.primary.main
-      }
-    },
-    itemStatusForm: {
-      display: 'flex',
-      alignItems: 'center',
-      '& .form-input-wrapper': {
-        paddingBottom: 0
-      }
-    },
-    buttonsAlignment: {
-      justifyContent: 'flex-end',
-      display: 'flex',
-      marginLeft: 'auto'
-    }
-  };
-};
-
-var designerFormTabs = {
-  designAreas: 'designAreas',
-  views: 'views',
-  visualMaintenance: 'visualMaintenance'
-};
-var selectedVisualizationDesigner = null;
-
-var DesignerForm = /*#__PURE__*/function (_Component) {
-  _inherits(DesignerForm, _Component);
-
-  var _super = _createSuper(DesignerForm);
-
-  function DesignerForm(props) {
-    var _this;
-
-    _classCallCheck(this, DesignerForm);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "onTabChange", function (event, tab) {
-      _this.setState({
-        currentTab: tab
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "loadItem", function () {
-      _this.props.fetchItem(_this.props.itemId);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "updateSettings", function (visualizationDesigner) {
-      selectedVisualizationDesigner = visualizationDesigner;
-
-      _this.setState({
-        modeChangeConfirmVisible: true
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "modeChangeConfirmCancel", function () {
-      _this.setState({
-        modeChangeConfirmVisible: false
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "modeChangeConfirmOk", function () {
-      _this.setState({
-        modeChangeConfirmVisible: false
-      });
-
-      var _this$props = _this.props,
-          item = _this$props.item,
-          updateSettings = _this$props.updateSettings;
-
-      var data = _objectSpread(_objectSpread({}, item.settings), {}, {
-        visualizationDesigner: selectedVisualizationDesigner,
-        item: {
-          id: item.id
-        }
-      });
-
-      updateSettings(data);
-    });
-
-    _this.state = {
-      currentTab: designerFormTabs.designAreas,
-      modeChangeConfirmVisible: false
-    };
-    return _this;
-  }
-
-  _createClass(DesignerForm, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.props.getAdminModeHash();
-      this.loadItem();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.itemId !== this.props.itemId) {
-        this.loadItem();
-      }
-    }
-  }, {
-    key: "renderTabContent",
-    value: function renderTabContent(tab) {
-      switch (tab) {
-        case designerFormTabs.designAreas:
-          {
-            return /*#__PURE__*/_react["default"].createElement(_DesignAreas["default"], null);
-          }
-
-        case designerFormTabs.views:
-          {
-            var designerModeComponentMap = {
-              '2dVariant': /*#__PURE__*/_react["default"].createElement(_Designviews["default"], null)
-            };
-
-            var currentDesignerMode = _lodash["default"].get(this.props.item, 'visualizationMode.identifier');
-
-            return designerModeComponentMap[currentDesignerMode] || /*#__PURE__*/_react["default"].createElement("div", null, (0, _i18n.T)('pleaseUseVisualMaintanance'));
-          }
-
-        case designerFormTabs.visualMaintenance:
-          {
-            return /*#__PURE__*/_react["default"].createElement(_Visualization["default"], null);
-          }
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          classes = _this$props2.classes,
-          itemId = _this$props2.itemId,
-          item = _this$props2.item;
-      var _this$state = this.state,
-          currentTab = _this$state.currentTab,
-          modeChangeConfirmVisible = _this$state.modeChangeConfirmVisible;
-      var tabClasses = {
-        textColorInherit: classes.textColorInherit,
-        root: classes.MuiTabRoot
-      };
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "itemEdit"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.itemStatusForm
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.buttonsAlignment
-      }, /*#__PURE__*/_react["default"].createElement(_DesignDataTransfer["default"], {
-        sourceItemId: itemId
-      }), /*#__PURE__*/_react["default"].createElement(_ConfiguratorQuickView["default"], {
-        className: "configuratorQuickView"
-      }), /*#__PURE__*/_react["default"].createElement(_CheckData["default"], {
-        itemIdentifier: item && item.identifier,
-        itemId: itemId,
-        area: 'designer'
-      }))), /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.root
-      }, /*#__PURE__*/_react["default"].createElement(_index.Tabs, {
-        value: currentTab,
-        onChange: this.onTabChange,
-        className: classes.flexContainer
-      }, Object.values(designerFormTabs).map(function (tab, index) {
-        return /*#__PURE__*/_react["default"].createElement(_index.Tab, {
-          classes: tabClasses,
-          key: index,
-          label: (0, _i18n.T)(tab),
-          value: tab,
-          style: {
-            background: currentTab !== tab ? 'rgba(255,255,255,0.3)' : ''
-          }
-        });
-      })), this.renderTabContent(currentTab)), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
-        title: (0, _i18n.T)('Confirmation'),
-        actions: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_FlatButton["default"], {
-          label: (0, _i18n.T)('Cancel'),
-          onClick: this.modeChangeConfirmCancel
-        }), /*#__PURE__*/_react["default"].createElement(_FlatButton["default"], {
-          label: (0, _i18n.T)('Ok'),
-          primary: true,
-          onClick: this.modeChangeConfirmOk
-        })),
-        open: modeChangeConfirmVisible
-      }, (0, _i18n.T)('modeChangeConfirm')));
-    }
-  }]);
-
-  return DesignerForm;
-}(_react.Component);
-
-var VISUALIZATION_MODE_ITEM_KEY = 'VISUALIZATION_MODE_ITEM_KEY';
-var VISUALIZATION_MODE_ITEM_SETTINGS_KEY = 'VISUALIZATION_MODE_ITEM_SETTINGS_KEY';
-var ConnectedDesignerForm = (0, _reactRedux.connect)(function (state) {
-  var entityState = state[_Actions.DESIGNER_REDUCER_NAME];
-  var configurationEntityState = state[_ConfigurationActions.CONFIGURATION_REDUCER_NAME];
-  return {
-    entityState: entityState,
-    itemId: _lodash["default"].get(entityState, 'data.id.value'),
-    item: _lodash["default"].get(state, "dataBySource.".concat(VISUALIZATION_MODE_ITEM_KEY, ".data"), {}),
-    showConfigurationDetails: configurationEntityState.showDetails
-  };
-}, function (dispatch) {
-  return {
-    loadConfigurationDetails: function loadConfigurationDetails(data) {
-      return dispatch(_ConfigurationActions["default"].detailsAction(data));
-    },
-    hideConfigurationDetails: function hideConfigurationDetails() {
-      return dispatch(_ConfigurationActions["default"].hideDetails());
-    },
-    getAdminModeHash: function getAdminModeHash() {
-      return dispatch((0, _ConfigurationActions.getAdminModeHash)());
-    },
-    fetchItem: function fetchItem(itemId) {
-      return (0, _Helpers.dispatchFetchData)(dispatch)(VISUALIZATION_MODE_ITEM_KEY, {
-        url: "items/".concat(itemId)
-      });
-    },
-    updateSettings: function () {
-      var _updateSettings = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(itemSettings) {
-        return regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return (0, _Helpers.dispatchPostData)(dispatch)(VISUALIZATION_MODE_ITEM_SETTINGS_KEY, 'itemsetting', itemSettings);
-
-              case 2:
-                dispatch(_Actions["default"].detailsAction(itemSettings.item));
-
-              case 3:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      function updateSettings(_x) {
-        return _updateSettings.apply(this, arguments);
-      }
-
-      return updateSettings;
-    }()
-  };
-})(DesignerForm);
-
-var _default = (0, _withStyles["default"])(styles)(ConnectedDesignerForm);
-
-exports["default"] = _default;