@configuratorware/configurator-admingui 1.28.5 → 1.29.2

package/Screens/Client/Screen.js

@@ -0,0 +1,34 @@
+"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 _Actions = _interopRequireWildcard(require("./Reducers/Actions"));
+
+var _List = _interopRequireDefault(require("./Containers/List"));
+
+var _Edit = _interopRequireDefault(require("./Containers/Edit"));
+
+require("./Styles.scss");
+
+require("./Translations");
+
+var _DefaultConnectedScreen = require("../../Components/DefaultConnectedScreen");
+
+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; }
+
+var invalidateList = _Actions["default"].invalidateList,
+    triggerUnsavedEntity = _Actions["default"].triggerUnsavedEntity,
+    hideDetails = _Actions["default"].hideDetails;
+
+var _default = (0, _DefaultConnectedScreen.generateConnectedSplitScreen)('clients', _List["default"], _Edit["default"], _Actions.REDUCER_NAME, invalidateList, triggerUnsavedEntity, hideDetails);
+
+exports["default"] = _default;

package/Screens/Client/Styles.scss

@@ -0,0 +1,3 @@
+.helper-text {
+  font-size: 12px
+}

package/Screens/Client/Translations.js

@@ -0,0 +1,49 @@
+"use strict";
+
+require("../../App/i18n").use({
+  en: {
+    clients: 'Clients',
+    Users: 'Users',
+    'Theme - Highlight color': 'Theme - Highlight color',
+    termsAndConditionsLink: 'Terms and conditions link',
+    themeColorError: 'Please enter a valid hex color (e.g. #0000ff)"',
+    client: {
+      addButtonLabel: 'Add Client',
+      users: {
+        addButtonLabel: 'Add user'
+      }
+    },
+    headerInfo: 'Please check your changes in a generated pdf to make sure it looks as expected',
+    footerInfo: 'Please check your changes in a generated pdf to make sure it looks as expected',
+    emailHint: 'separate multiple addresses with a semicolon'
+  },
+  de: {
+    clients: 'Klienten',
+    Users: 'Benutzer',
+    'Theme - Highlight color': 'Theme - Highlightfarbe',
+    'Theme - Font': 'Theme - Font',
+    termsAndConditionsLink: 'Terms and conditions link',
+    'Clientname / Shopname': 'Bezeichner/ Shopname',
+    'E-mail (contact)': 'E-Mail (Kontakt)',
+    'Street / no': 'Straße / Hausnummer',
+    'Post code': 'PLZ',
+    City: 'Stadt',
+    Phone: 'Telefonnummer',
+    'E-Mail(s) receiver for request offer': 'E-Mail(s) für die Angebotsanfrage',
+    'E-Mail sender for request offer': 'Absender E-Mail für die Angebotsanfrage',
+    'CC E-Mail(s) receiver for request offer': 'CC E-Mail(s) für die Angebotsanfrage',
+    'BCC E-Mail(s) receiver for request offer': 'BCC E-Mail(s) für die Angebotsanfrage',
+    'Client logo': 'Kunden Logo',
+    Texts: 'Texte',
+    themeColorError: 'Bitte gib einen hexadezimalen Farbwert ein (z.B. #0000ff)',
+    client: {
+      addButtonLabel: 'Klienten hinzufügen',
+      users: {
+        addButtonLabel: 'Benutzer hinzufügen'
+      }
+    },
+    headerInfo: 'Bitte überprüfe Deine Änderungen in einem generierten PDF',
+    footerInfo: 'Bitte überprüfe Deine Änderungen in einem generierten PDF',
+    emailHint: 'trenne mehrere Adressen mit einem Semikolon'
+  }
+}, true);

package/Screens/Client/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Screen = _interopRequireDefault(require("./Screen"));
+
+var _Reducer = _interopRequireDefault(require("./Reducers/Reducer"));
+
+var _FeatureReducers = require("../../App/FeatureReducers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+(0, _FeatureReducers.addReducers)(_Reducer["default"]);
+var _default = {
+  Screen: _Screen["default"]
+};
+exports["default"] = _default;

package/Screens/ColorPalettes/Components/DefaultColorSwitch.js

@@ -0,0 +1,126 @@
+"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.DefaultColorSwitch = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRedux = require("react-redux");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
+
+var _Actions = _interopRequireWildcard(require("../Reducers/Actions"));
+
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var styles = {
+  switchBase: {
+    height: 28
+  }
+};
+
+var DefaultColorSwitch = /*#__PURE__*/function (_Component) {
+  _inherits(DefaultColorSwitch, _Component);
+
+  var _super = _createSuper(DefaultColorSwitch);
+
+  function DefaultColorSwitch() {
+    var _this;
+
+    _classCallCheck(this, DefaultColorSwitch);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "onToggle", function (e) {
+      _this.props.setDefaultColor(_this.props.isDefaultColor ? null : _this.props.color);
+    });
+
+    return _this;
+  }
+
+  _createClass(DefaultColorSwitch, [{
+    key: "render",
+    value: function render() {
+      var classes = this.props.classes;
+      return /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+        classes: {
+          switchBase: classes.switchBase
+        },
+        checked: this.props.isDefaultColor,
+        onClick: this.onToggle,
+        name: "isDefaultColor",
+        color: "primary"
+      });
+    }
+  }]);
+
+  return DefaultColorSwitch;
+}(_react.Component);
+
+exports.DefaultColorSwitch = DefaultColorSwitch;
+
+_defineProperty(DefaultColorSwitch, "propTypes", {
+  color: _propTypes["default"].object,
+  classes: _propTypes["default"].object,
+  isDefaultColor: _propTypes["default"].bool
+});
+
+var mapStateToProps = function mapStateToProps(state, ownProps) {
+  var colorId = (0, _get["default"])(ownProps.color, 'id', null);
+  var defaultColorId = (0, _get["default"])(state, "".concat(_Actions.COLORPALETTES_REDUCER_NAME, ".data.defaultColor.value.id"), null);
+  return {
+    isDefaultColor: colorId === defaultColorId
+  };
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    setDefaultColor: function setDefaultColor(color) {
+      return dispatch(_Actions["default"].setFieldData('defaultColor', color));
+    }
+  };
+};
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(DefaultColorSwitch));
+
+exports["default"] = _default;

package/Screens/ColorPalettes/Containers/Edit.js

@@ -0,0 +1,156 @@
+"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 _DefaultColorSwitch = _interopRequireDefault(require("../Components/DefaultColorSwitch"));
+
+var _DefaultConnectedForm = _interopRequireDefault(require("../../../Components/DefaultConnectedForm"));
+
+var _TranslationFinder = _interopRequireDefault(require("../../../Components/TranslationFinder"));
+
+var _OrderList = _interopRequireDefault(require("../../../Components/OrderList"));
+
+var _reactRedux = require("react-redux");
+
+var _excluded = ["value", "reloadPalette"];
+
+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 _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; }
+
+var setFieldData = _Actions["default"].setFieldData,
+    postData = _Actions["default"].postData,
+    detailsAction = _Actions["default"].detailsAction;
+
+function withLoadDetails(Component) {
+  return (0, _reactRedux.connect)(function () {
+    return {};
+  }, {
+    reloadPalette: function reloadPalette(id) {
+      return detailsAction({
+        id: id
+      });
+    }
+  })(Component);
+}
+
+var ConnectedOrderedButton = function ConnectedOrderedButton(_ref) {
+  var value = _ref.value,
+      reloadPalette = _ref.reloadPalette,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react["default"].createElement(_OrderList["default"], {
+    listUrl: "/colorpalettes/".concat(value),
+    saveListUrl: "/colorpalettes/".concat(value, "/colors/savesequencenumbers"),
+    entity: 'colorpalettes.colors',
+    orderSequenceNumber: 'sequence_number',
+    listField: 'colors',
+    onListSaved: function onListSaved() {
+      reloadPalette(value);
+    }
+  });
+};
+
+var formFields = [{
+  name: 'identifier',
+  label: 'Identifier',
+  type: 'text'
+}, {
+  name: 'texts',
+  label: 'Title',
+  type: 'intl',
+  intl: {
+    name: 'title',
+    type: 'text'
+  }
+}, {
+  name: 'colors',
+  label: 'Colors',
+  type: 'array',
+  buttonsPosition: 'top',
+  showPopup: true,
+  array: {
+    columns: [{
+      name: 'defaultColorSwitch',
+      label: 'defaultColor',
+      renderValue: function renderValue(value, rowData) {
+        return /*#__PURE__*/_react["default"].createElement(_DefaultColorSwitch["default"], {
+          color: rowData
+        });
+      },
+      disableSelection: true
+    }, {
+      name: 'identifier',
+      label: 'Identifier'
+    }, {
+      name: 'texts',
+      label: 'Title',
+      renderValue: function renderValue(value) {
+        return /*#__PURE__*/_react["default"].createElement(_TranslationFinder["default"], {
+          data: value,
+          property: "title",
+          fallback: ''
+        });
+      }
+    }, {
+      name: 'hex_value',
+      label: 'Hex value',
+      renderValue: function renderValue(value) {
+        return /*#__PURE__*/_react["default"].createElement("span", {
+          style: {
+            display: 'flex',
+            alignItems: 'center',
+            minWidth: 95
+          }
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          style: {
+            background: '#' + value,
+            minWidth: 20,
+            height: 20,
+            outline: '1px solid black',
+            marginRight: 8
+          }
+        }), '#' + value);
+      }
+    }],
+    fields: [{
+      name: 'identifier',
+      label: 'Identifier',
+      type: 'text'
+    }, {
+      name: 'texts',
+      label: 'Title',
+      type: 'intl',
+      intl: {
+        name: 'title',
+        type: 'text'
+      }
+    }, {
+      name: 'hex_value',
+      label: 'Hex value',
+      type: 'text'
+    }]
+  }
+}, {
+  type: withLoadDetails(ConnectedOrderedButton),
+  name: 'id'
+}];
+
+var _default = (0, _DefaultConnectedForm["default"])(formFields, _Actions.COLORPALETTES_REDUCER_NAME, setFieldData, postData);
+
+exports["default"] = _default;

package/Screens/ColorPalettes/Containers/List.js

@@ -0,0 +1,57 @@
+"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 _TranslationFinder = _interopRequireDefault(require("../../../Components/TranslationFinder"));
+
+var _DefaultConnectedList = _interopRequireDefault(require("../../../Components/DefaultConnectedList"));
+
+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 detailsAction = _Actions["default"].detailsAction,
+    hideDetails = _Actions["default"].hideDetails,
+    showDetails = _Actions["default"].showDetails,
+    createEntity = _Actions["default"].createEntity,
+    listAction = _Actions["default"].listAction,
+    deleteEntities = _Actions["default"].deleteEntities;
+var columns = [{
+  name: 'identifier',
+  label: 'Identifier',
+  filterable: true,
+  sortable: true,
+  filterKey: 'colorpalette.identifier',
+  sortKey: 'colorpalette.identifier'
+}, {
+  name: 'texts',
+  label: 'Title',
+  renderValue: function renderValue(value) {
+    return /*#__PURE__*/_react["default"].createElement(_TranslationFinder["default"], {
+      data: value,
+      property: "title",
+      fallback: ''
+    });
+  }
+}];
+var listParams = {
+  entity: 'colorPalettes',
+  addButtonLabel: 'colorPalette.addButtonLabel',
+  orderby: 'colorpalette.identifier',
+  orderdir: 'asc'
+};
+
+var _default = (0, _DefaultConnectedList["default"])(columns, listParams, _Actions.COLORPALETTES_LIST_KEY, listAction, detailsAction, hideDetails, showDetails, createEntity, deleteEntities);
+
+exports["default"] = _default;

package/Screens/ColorPalettes/Reducers/Actions.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.COLORPALETTES_REDUCER_NAME = exports.COLORPALETTES_DATA_KEY = exports.COLORPALETTES_LIST_URL = exports.COLORPALETTES_LIST_KEY = void 0;
+
+var _Actions = require("../../../App/Reducers/Entity/Actions");
+
+var COLORPALETTES_LIST_KEY = 'colorpalettes';
+exports.COLORPALETTES_LIST_KEY = COLORPALETTES_LIST_KEY;
+var COLORPALETTES_LIST_URL = 'colorpalettes';
+exports.COLORPALETTES_LIST_URL = COLORPALETTES_LIST_URL;
+var COLORPALETTES_DATA_KEY = 'colorpalette';
+exports.COLORPALETTES_DATA_KEY = COLORPALETTES_DATA_KEY;
+var COLORPALETTES_REDUCER_NAME = 'colorPalettesData';
+exports.COLORPALETTES_REDUCER_NAME = COLORPALETTES_REDUCER_NAME;
+
+var _default = (0, _Actions.generateDefaultActions)(COLORPALETTES_LIST_KEY, COLORPALETTES_DATA_KEY, COLORPALETTES_REDUCER_NAME, COLORPALETTES_LIST_URL);
+
+exports["default"] = _default;

package/Screens/ColorPalettes/Reducers/Reducer.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.colorPalettesData = 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,
+  identifier: {
+    value: '',
+    constraints: {
+      presence: true
+    }
+  },
+  texts: [],
+  colors: {
+    value: [],
+    schema: {
+      id: {
+        value: null
+      },
+      identifier: {
+        value: null,
+        constraints: {
+          presence: true
+        }
+      },
+      hex_value: {
+        value: ''
+      },
+      texts: {
+        value: []
+      } // form helper
+      //translated_title: { value: "" }, // form helper
+
+    }
+  },
+  defaultColor: {}
+}, null, _Actions.COLORPALETTES_DATA_KEY));
+
+var colorPalettesData = (0, _FeatureReducers.createFeatureReducer)(_Actions.COLORPALETTES_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.colorPalettesData = colorPalettesData;
+var _default = colorPalettesData;
+exports["default"] = _default;

package/Screens/ColorPalettes/Screen.js

@@ -0,0 +1,34 @@
+"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 _Actions = _interopRequireWildcard(require("./Reducers/Actions"));
+
+var _List = _interopRequireDefault(require("./Containers/List"));
+
+var _Edit = _interopRequireDefault(require("./Containers/Edit"));
+
+require("./Styles.scss");
+
+require("./Translations");
+
+var _DefaultConnectedScreen = require("../../Components/DefaultConnectedScreen");
+
+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; }
+
+var invalidateList = _Actions["default"].invalidateList,
+    triggerUnsavedEntity = _Actions["default"].triggerUnsavedEntity,
+    hideDetails = _Actions["default"].hideDetails;
+
+var _default = (0, _DefaultConnectedScreen.generateConnectedSplitScreen)('color_palettes', _List["default"], _Edit["default"], _Actions.COLORPALETTES_REDUCER_NAME, invalidateList, triggerUnsavedEntity, hideDetails);
+
+exports["default"] = _default;

package/Screens/ColorPalettes/Translations.js

@@ -0,0 +1,24 @@
+"use strict";
+
+require("../../App/i18n").use({
+  en: {
+    color_palettes: 'Color palettes',
+    name: 'Name',
+    area: 'Area',
+    colorPalette: {
+      addButtonLabel: 'Add Color palette'
+    },
+    defaultColor: 'Default</br>color'
+  },
+  de: {
+    color_palettes: 'Farbpaletten',
+    name: 'Name',
+    area: 'Area',
+    colorPalette: {
+      addButtonLabel: 'Farbpalette hinzufügen'
+    },
+    Colors: 'Farben',
+    defaultColor: 'Standard-</br>farbe',
+    'Hex value': 'Hex Wert'
+  }
+}, true);

package/Screens/ColorPalettes/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Screen = _interopRequireDefault(require("./Screen"));
+
+var _Reducer = _interopRequireDefault(require("./Reducers/Reducer"));
+
+var _FeatureReducers = require("../../App/FeatureReducers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+(0, _FeatureReducers.addReducers)(_Reducer["default"]);
+var _default = {
+  Screen: _Screen["default"]
+};
+exports["default"] = _default;