@configuratorware/configurator-admingui 1.28.3 → 1.29.1

package/Screens/Savedconfigurations/Components/ConfigurationDataSheet.js

@@ -0,0 +1,300 @@
+"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.generateConfigurationDataSheet = exports["default"] = exports.formatColorIdentifier = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _lodash = require("lodash");
+
+var _i18n = require("../../../App/i18n");
+
+var _RaisedButton = _interopRequireDefault(require("../../../UIComponents/RaisedButton"));
+
+var _Table = require("../../../UIComponents/Table");
+
+var _Link = _interopRequireDefault(require("../../../UIComponents/Link"));
+
+var _network = _interopRequireDefault(require("../../../App/Config/network"));
+
+var _core = require("@material-ui/core");
+
+var _OpenInNew = _interopRequireDefault(require("@material-ui/icons/OpenInNew"));
+
+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 _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); }
+
+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); }
+
+var DataRow = function DataRow(_ref) {
+  var label = _ref.label,
+      value = _ref.value,
+      children = _ref.children,
+      identifier = _ref.identifier,
+      bold = _ref.bold;
+  return /*#__PURE__*/_react["default"].createElement(_Table.TableRow, {
+    className: "data-row"
+  }, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadColumn, {
+    className: "label",
+    style: {
+      fontWeight: bold ? 'bold' : 'normal'
+    }
+  }, (0, _i18n.T)(label), identifier && /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.optionInformation
+  }, identifier)), /*#__PURE__*/_react["default"].createElement(_Table.TableRowColumn, {
+    className: "value"
+  }, value || children));
+};
+
+var formatColorIdentifier = function formatColorIdentifier(colorIdentifierStr) {
+  try {
+    var _JSON$parse = JSON.parse(colorIdentifierStr),
+        color = _JSON$parse.color,
+        palette = _JSON$parse.palette;
+
+    return "".concat(color, "/").concat(palette);
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error(e);
+  }
+
+  return colorIdentifierStr;
+};
+
+exports.formatColorIdentifier = formatColorIdentifier;
+var styles = {
+  link: {
+    color: 'black',
+    lineHeight: 3,
+    fontSize: 12,
+    cursor: 'pointer',
+    '&:hover': {
+      cursor: 'pointer'
+    }
+  },
+  optionInformation: {
+    fontSize: '80%',
+    opacity: '60%',
+    fontWeight: 'normal'
+  },
+  icon: {
+    marginLeft: '0.5em',
+    marginBottom: '-0.2em',
+    color: 'initial'
+  }
+};
+
+var ConfigurationDataSheet = /*#__PURE__*/function (_Component) {
+  _inherits(ConfigurationDataSheet, _Component);
+
+  var _super = _createSuper(ConfigurationDataSheet);
+
+  function ConfigurationDataSheet() {
+    _classCallCheck(this, ConfigurationDataSheet);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(ConfigurationDataSheet, [{
+    key: "renderConfigurationData",
+    value: function renderConfigurationData(data) {
+      var configurationCode = (0, _lodash.get)(data, 'code.value', '');
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "configuration-data"
+      }, /*#__PURE__*/_react["default"].createElement(_core.Tooltip, {
+        title: (0, _i18n.T)('codeTooltip', {
+          CODE: configurationCode
+        }),
+        placement: 'bottom-start'
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "section-title"
+      }, (0, _i18n.T)('Configuration data'))), /*#__PURE__*/_react["default"].createElement(_Table.Table, {
+        selectable: false
+      }, /*#__PURE__*/_react["default"].createElement(_Table.TableBody, {
+        displayRowCheckbox: false
+      }, /*#__PURE__*/_react["default"].createElement(DataRow, {
+        label: "Date",
+        value: (0, _lodash.get)(data, 'date_created.value.date', '').replace(/\.0+$/, '')
+      }), /*#__PURE__*/_react["default"].createElement(DataRow, {
+        label: "Code"
+      }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+        target: "_blank",
+        href: "".concat(_network["default"].configuratorBasePath, "code:").concat(configurationCode)
+      }, configurationCode, /*#__PURE__*/_react["default"].createElement(_OpenInNew["default"], {
+        style: styles.icon
+      }))), /*#__PURE__*/_react["default"].createElement(DataRow, {
+        label: "Item",
+        value: (0, _lodash.get)(data, 'item.value.title') + ' (' + (0, _lodash.get)(data, 'item.value.identifier', '') + ')'
+      }))), (0, _lodash.get)(data, 'item.value.configurationModes[0].itemStatus.item_available') && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "section-title"
+      }, (0, _i18n.T)('Selected options')), /*#__PURE__*/_react["default"].createElement(_Table.Table, {
+        selectable: false
+      }, /*#__PURE__*/_react["default"].createElement(_Table.TableBody, {
+        displayRowCheckbox: false
+      }, (0, _lodash.get)(data, 'optionclassifications.value', []).map(function (oc) {
+        return /*#__PURE__*/_react["default"].createElement(DataRow, {
+          label: oc.title,
+          key: oc.identifier,
+          identifier: oc.identifier,
+          bold: true
+        }, oc.selectedoptions && oc.selectedoptions.map(function (option) {
+          return /*#__PURE__*/_react["default"].createElement("div", {
+            className: "option",
+            key: option.identifier
+          }, /*#__PURE__*/_react["default"].createElement("div", {
+            className: "title"
+          }, option.title, /*#__PURE__*/_react["default"].createElement("div", {
+            style: styles.optionInformation
+          }, option.identifier)), /*#__PURE__*/_react["default"].createElement("div", {
+            className: "price"
+          }, option.priceFormatted), option.amount_is_selectable && /*#__PURE__*/_react["default"].createElement("div", {
+            className: "amount"
+          }, option.amount));
+        }));
+      })))), (0, _lodash.get)(data, 'previewImageURL.value') && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "section-title"
+      }, (0, _i18n.T)('Preview image')), /*#__PURE__*/_react["default"].createElement("a", {
+        href: data.previewImageURL.value,
+        target: "_blank",
+        rel: "noreferrer"
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        className: "preview",
+        src: data.previewImageURL.value
+      }))), (0, _lodash.get)(data, 'item.value.configurationModes[1].itemStatus.item_available') && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "section-title"
+      }, (0, _i18n.T)('design data')), /*#__PURE__*/_react["default"].createElement(_Table.Table, {
+        selectable: false
+      }, /*#__PURE__*/_react["default"].createElement(_Table.TableBody, {
+        displayRowCheckbox: false
+      }, (0, _lodash.get)(data, 'designdata') && (0, _lodash.get)(data, 'designdata.value', []).map(function (dd) {
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
+          key: dd.DesignAreaIdentifier
+        }, /*#__PURE__*/_react["default"].createElement(DataRow, {
+          label: "DesignAreaIdentifier",
+          value: dd.designAreaIdentifier
+        }), /*#__PURE__*/_react["default"].createElement(DataRow, {
+          label: "DesignProductionMethodIdentifier",
+          value: dd.designProductionMethodIdentifier
+        }), dd.colorAmount !== null && /*#__PURE__*/_react["default"].createElement(DataRow, {
+          label: "colorAmount",
+          value: dd.colorAmount
+        }), dd.texts && dd.texts.map(function (text) {
+          return /*#__PURE__*/_react["default"].createElement(DataRow, {
+            label: "texts",
+            key: text.text
+          }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+            className: "wrapper-text"
+          }, /*#__PURE__*/_react["default"].createElement("div", {
+            className: "text-title"
+          }, /*#__PURE__*/_react["default"].createElement(_i18n.T, null, "text"), ":"), /*#__PURE__*/_react["default"].createElement("div", null, text.text)), /*#__PURE__*/_react["default"].createElement("div", {
+            className: "wrapper-text"
+          }, /*#__PURE__*/_react["default"].createElement("div", {
+            className: "text-title"
+          }, /*#__PURE__*/_react["default"].createElement(_i18n.T, null, "font weight"), ":"), /*#__PURE__*/_react["default"].createElement("div", null, text.fontWeight)), /*#__PURE__*/_react["default"].createElement("div", {
+            className: "wrapper-text"
+          }, /*#__PURE__*/_react["default"].createElement("div", {
+            className: "text-title"
+          }, /*#__PURE__*/_react["default"].createElement(_i18n.T, null, "font"), ":"), /*#__PURE__*/_react["default"].createElement("div", null, text.fontFamily, text.customFont && (0, _i18n.T)(' ({custom font})', {
+            interpolate: true
+          }))), /*#__PURE__*/_react["default"].createElement("div", {
+            className: "wrapper-text"
+          }, /*#__PURE__*/_react["default"].createElement("div", {
+            className: "text-title"
+          }, /*#__PURE__*/_react["default"].createElement(_i18n.T, null, "font size"), ":"), /*#__PURE__*/_react["default"].createElement("div", null, text.fontSize)), /*#__PURE__*/_react["default"].createElement("div", {
+            className: "wrapper-text"
+          }, /*#__PURE__*/_react["default"].createElement("div", {
+            className: "text-title"
+          }, /*#__PURE__*/_react["default"].createElement(_i18n.T, null, "font style"), ":"), /*#__PURE__*/_react["default"].createElement("div", null, text.fontStyle)), text.colors && text.colors.map(function (color) {
+            return /*#__PURE__*/_react["default"].createElement("div", {
+              className: "wrapper-text",
+              key: color.identifier
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "text-title"
+            }, /*#__PURE__*/_react["default"].createElement(_i18n.T, null, "color"), ":"), /*#__PURE__*/_react["default"].createElement("div", null, "".concat(formatColorIdentifier(color.identifier), " ( ").concat(color.value, " )")));
+          })));
+        }), dd.images && dd.images.map(function (image) {
+          return /*#__PURE__*/_react["default"].createElement(DataRow, {
+            label: "images",
+            key: image.image
+          }, /*#__PURE__*/_react["default"].createElement("div", null, image.image));
+        }));
+      }))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "section-title"
+      }, (0, _i18n.T)('productionDataLabel')), /*#__PURE__*/_react["default"].createElement("a", {
+        style: styles.link,
+        href: "".concat(_network["default"].frontendBaseURL, "configurations/zip/production/").concat(configurationCode)
+      }, (0, _i18n.T)('productionDataDownloadButtonLabel')))));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          postData = _this$props.postData,
+          hideDetails = _this$props.hideDetails,
+          entityState = _this$props.entityState;
+      var data = entityState.data,
+          isReady = entityState.isReady;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          height: '100%',
+          width: '100%'
+        }
+      }, isReady && this.renderConfigurationData(data), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "action-buttons"
+      }, postData && /*#__PURE__*/_react["default"].createElement(_RaisedButton["default"], {
+        label: (0, _i18n.T)('Save'),
+        primary: true,
+        onClick: postData,
+        id: "submit"
+      }), hideDetails && /*#__PURE__*/_react["default"].createElement(_RaisedButton["default"], {
+        label: (0, _i18n.T)('Back'),
+        className: "full",
+        primary: false,
+        onClick: hideDetails,
+        id: "back"
+      })));
+    }
+  }]);
+
+  return ConfigurationDataSheet;
+}(_react.Component);
+
+exports["default"] = ConfigurationDataSheet;
+
+var generateConfigurationDataSheet = function generateConfigurationDataSheet() {
+  var formFields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return function (props) {
+    return /*#__PURE__*/_react["default"].createElement(ConfigurationDataSheet, _extends({}, props, {
+      formFields: formFields
+    }));
+  };
+};
+
+exports.generateConfigurationDataSheet = generateConfigurationDataSheet;

package/Screens/Savedconfigurations/Containers/Edit.js

@@ -0,0 +1,65 @@
+"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 _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var _reactRedux = require("react-redux");
+
+var _Actions = _interopRequireWildcard(require("../Reducers/Actions"));
+
+var _ConfigurationDataSheet = require("../Components/ConfigurationDataSheet");
+
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var formFields = [{
+  name: 'id',
+  label: 'ID',
+  type: 'text'
+}, {
+  name: 'code',
+  label: 'Code',
+  type: 'text'
+}, {
+  name: 'name',
+  label: 'Name',
+  type: 'text'
+}, {
+  name: 'designdata',
+  label: 'designdata',
+  type: 'text'
+}];
+
+var mapStateToProps = function mapStateToProps(state) {
+  var entityState = (0, _cloneDeep["default"])(state[_Actions.CONFIGURATION_REDUCER_NAME]);
+  return {
+    entityState: entityState
+  };
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    setData: function setData(field, value) {
+      return dispatch(_Actions["default"].setFieldData(field, value));
+    },
+    postData: false,
+    hideDetails: function hideDetails() {
+      var reportUnsaved = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      var silent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      return dispatch(_Actions["default"].hideDetails(reportUnsaved, silent));
+    }
+  };
+};
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _ConfigurationDataSheet.generateConfigurationDataSheet)(formFields));
+
+exports["default"] = _default;

package/Screens/Savedconfigurations/Containers/List.js

@@ -0,0 +1,210 @@
+"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 _Actions = _interopRequireWildcard(require("../Reducers/Actions"));
+
+var _DefaultConnectedList = require("../../../Components/DefaultConnectedList");
+
+var _DefaultList = _interopRequireDefault(require("../../../Components/DefaultList"));
+
+var _List2 = _interopRequireDefault(require("../../../Components/List"));
+
+var _SelectField = _interopRequireDefault(require("../../../UIComponents/SelectField"));
+
+var _MenuItem = _interopRequireDefault(require("../../../UIComponents/MenuItem"));
+
+var _i18n = require("../../../App/i18n");
+
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); }
+
+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 _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); }
+
+var columns = [{
+  name: 'code',
+  label: 'Code',
+  filterable: true,
+  sortable: true,
+  filterKey: 'configuration.code',
+  sortKey: 'configuration.code'
+}, {
+  name: 'item',
+  label: 'Item',
+  filterable: true,
+  sortable: true,
+  filterKey: 'configuration.item.itemtext.title',
+  sortKey: 'configuration.item.itemtext.title',
+  renderValue: function renderValue(itemObj) {
+    return itemObj && itemObj.title;
+  }
+}, {
+  name: 'date_created',
+  label: 'Date',
+  filterable: true,
+  sortable: true,
+  filterKey: 'configuration.date_created',
+  sortKey: 'configuration.date_created',
+  renderValue: function renderValue(dateObj) {
+    return dateObj && dateObj.date.replace(/\.0+$/, '');
+  }
+}];
+var listParams = {
+  entity: 'configuration'
+};
+var CONFIGURATION_TYPE_FILTER = 'configurationtype.identifier';
+var DEFAULT_CONFIGURATION_TYPE = 'cart';
+
+var TypeFilter = /*#__PURE__*/function (_React$Component) {
+  _inherits(TypeFilter, _React$Component);
+
+  var _super = _createSuper(TypeFilter);
+
+  function TypeFilter(props) {
+    var _this;
+
+    _classCallCheck(this, TypeFilter);
+
+    _this = _super.call(this, props);
+    _this.options = ['cart', 'user', 'mail', 'share', 'print', 'widget'];
+    _this.state = {
+      value: DEFAULT_CONFIGURATION_TYPE
+    };
+    return _this;
+  }
+
+  _createClass(TypeFilter, [{
+    key: "onChange",
+    value: function onChange(value) {
+      if (typeof value === 'undefined') {
+        value = null; // use null as a default value when "all" is selected
+      }
+
+      this.setState({
+        value: value
+      });
+      this.props.onChange && this.props.onChange(value);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      return /*#__PURE__*/_react["default"].createElement(_SelectField["default"], {
+        ref: "input",
+        onChange: function onChange(evt) {
+          return _this2.onChange(evt.target.value);
+        },
+        style: {
+          width: 130,
+          "float": 'right'
+        },
+        label: (0, _i18n.T)('Type'),
+        value: this.state.value,
+        disableUnderline: true
+      }, this.options.map(function (option, key) {
+        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+          value: option,
+          key: key
+        }, (0, _i18n.T)("savedConfigurations.typeFilterOptions.".concat(option)));
+      }));
+    }
+  }]);
+
+  return TypeFilter;
+}(_react["default"].Component);
+
+var ConfigurationList = /*#__PURE__*/function (_List) {
+  _inherits(ConfigurationList, _List);
+
+  var _super2 = _createSuper(ConfigurationList);
+
+  function ConfigurationList() {
+    var _this3;
+
+    _classCallCheck(this, ConfigurationList);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this3 = _super2.call.apply(_super2, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this3), "onTypeChange", function (value) {
+      _this3.props.onFilterChange(CONFIGURATION_TYPE_FILTER, value);
+
+      _this3.props.onRowSelection();
+    });
+
+    return _this3;
+  }
+
+  _createClass(ConfigurationList, [{
+    key: "renderTopComponent",
+    value: function renderTopComponent() {
+      return /*#__PURE__*/_react["default"].createElement(TypeFilter, {
+        onChange: this.onTypeChange
+      });
+    }
+  }, {
+    key: "renderSearchBar",
+    value: function renderSearchBar() {
+      return null;
+    }
+  }]);
+
+  return ConfigurationList;
+}(_List2["default"]);
+
+var ConfigurationListBinder = function ConfigurationListBinder(props) {
+  return /*#__PURE__*/_react["default"].createElement(_DefaultList["default"], _extends({}, props, {
+    List: ConfigurationList,
+    columns: columns,
+    listParams: _objectSpread(_objectSpread({}, listParams), {}, {
+      orderby: 'configuration.date_created',
+      orderdir: 'desc',
+      filters: _defineProperty({}, "".concat(listParams.entity, ".").concat(CONFIGURATION_TYPE_FILTER), DEFAULT_CONFIGURATION_TYPE)
+    })
+  }));
+};
+
+var _default = (0, _DefaultConnectedList.connectDefault)(ConfigurationListBinder, _Actions.CONFIGURATION_LIST_KEY, _Actions["default"].listAction, _Actions["default"].detailsAction, _Actions["default"].hideDetails, _Actions["default"].showDetails, false, // Actions.createEntity,
+_Actions["default"].deleteEntities);
+
+exports["default"] = _default;

package/Screens/Savedconfigurations/Reducers/Actions.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.CONFIGURATION_REDUCER_NAME = exports.CONFIGURATION_DATA_KEY = exports.CONFIGURATION_LIST_URL = exports.CONFIGURATION_LIST_KEY = void 0;
+
+var _Actions = require("../../../App/Reducers/Entity/Actions");
+
+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 CONFIGURATION_LIST_KEY = 'configurations';
+exports.CONFIGURATION_LIST_KEY = CONFIGURATION_LIST_KEY;
+var CONFIGURATION_LIST_URL = 'configurations';
+exports.CONFIGURATION_LIST_URL = CONFIGURATION_LIST_URL;
+var CONFIGURATION_DATA_KEY = 'configuration';
+exports.CONFIGURATION_DATA_KEY = CONFIGURATION_DATA_KEY;
+var CONFIGURATION_REDUCER_NAME = 'configurationData';
+exports.CONFIGURATION_REDUCER_NAME = CONFIGURATION_REDUCER_NAME;
+var actions = (0, _Actions.generateDefaultActions)(CONFIGURATION_LIST_KEY, CONFIGURATION_DATA_KEY, CONFIGURATION_REDUCER_NAME, CONFIGURATION_LIST_URL);
+
+var _default = _objectSpread({}, actions);
+
+exports["default"] = _default;

package/Screens/Savedconfigurations/Reducers/Reducer.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.configurationData = void 0;
+
+var _Actions = require("./Actions");
+
+var _Reducer = require("../../../App/Reducers/Entity/Reducer");
+
+var _FeatureReducers = require("../../../App/FeatureReducers");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var initialState = _objectSpread({}, (0, _Reducer.getDefaultEntityState)({
+  id: null,
+  code: null,
+  item: null,
+  date_created: null,
+  optionclassifications: null,
+  previewImageURL: null,
+  designdata: null
+}, null, _Actions.CONFIGURATION_DATA_KEY));
+
+var configurationData = (0, _FeatureReducers.createFeatureReducer)(_Actions.CONFIGURATION_REDUCER_NAME, function () {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  return (0, _Reducer.defaultEntityReducer)(state, action, initialState);
+});
+exports.configurationData = configurationData;
+var _default = configurationData;
+exports["default"] = _default;