@configuratorware/configurator-admingui 1.28.1 → 1.29.0

package/Screens/Creator/Containers/Edit.js

@@ -0,0 +1,525 @@
+"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 = require("../Reducers/Actions");
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _DefaultConnectedForm = require("../../../Components/DefaultConnectedForm");
+
+var _index = require("../../../UIComponents/Tabs/index");
+
+var _i18n = require("../../../App/i18n");
+
+var _reactRedux = require("react-redux");
+
+var _ConfigurationActions = _interopRequireWildcard(require("../Reducers/ConfigurationActions"));
+
+var _AttributeEditorPopup = _interopRequireDefault(require("../../Item/Components/AttributeEditorPopup"));
+
+require("../../Item/Containers/Styles.scss");
+
+var _ConfiguratorQuickView = _interopRequireDefault(require("../Components/ConfiguratorQuickView"));
+
+var _index2 = _interopRequireDefault(require("../Components/Rules/index"));
+
+var _TranslateComponent = _interopRequireDefault(require("../../../Components/TranslateComponent"));
+
+var _TwoSideSelect = _interopRequireDefault(require("../../../Components/FormFragments/TwoSideSelect"));
+
+var _OptionclassificationEditor = _interopRequireDefault(require("../Components/OptionclassificationEditor"));
+
+var _BaseConfigurationEditor = _interopRequireDefault(require("../Components/BaseConfigurationEditor"));
+
+var _Form = require("../../../Components/Form");
+
+var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+
+var _VisualizationAndMediaData = _interopRequireDefault(require("../Components/VisualizationAndMediaData"));
+
+var _CheckData = _interopRequireDefault(require("../Components/CheckData/CheckData"));
+
+var _Toggle = _interopRequireDefault(require("../../../Components/FormFragments/Toggle"));
+
+var _IconButton = _interopRequireDefault(require("../../../UIComponents/IconButton"));
+
+var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
+
+var _ComponentEditor = _interopRequireDefault(require("../Components/ComponentEditor"));
+
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var styles = function styles(theme) {
+  return {
+    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',
+      justifyContent: 'space-between',
+      '& .form-input-wrapper': {
+        paddingBottom: 0
+      }
+    }
+  };
+};
+
+var creatorFormTabs = {
+  configurationData: 'configurationData',
+  rules: 'rules',
+  visualization: 'visualization'
+};
+
+var CreatorForm = /*#__PURE__*/function (_Component) {
+  _inherits(CreatorForm, _Component);
+
+  var _super = _createSuper(CreatorForm);
+
+  function CreatorForm(props) {
+    var _this;
+
+    _classCallCheck(this, CreatorForm);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "onTabChange", function (event, tab) {
+      _this.changeTab(tab);
+    });
+
+    _this.state = {
+      currentTab: creatorFormTabs.configurationData
+    };
+    return _this;
+  }
+
+  _createClass(CreatorForm, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.getAdminModeHash();
+      this.changeTab(creatorFormTabs.configurationData);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.props.hideConfigurationDetails();
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(props) {
+      if (this.props.itemId !== props.itemId) {
+        this.setState({
+          currentTab: creatorFormTabs.rules
+        });
+        this.props.hideConfigurationDetails();
+      }
+    }
+  }, {
+    key: "changeTab",
+    value: function changeTab(tab) {
+      var _this2 = this;
+
+      if (tab === creatorFormTabs.configurationData) {
+        var _this$props = this.props,
+            entityState = _this$props.entityState,
+            showConfigurationDetails = _this$props.showConfigurationDetails,
+            itemId = _this$props.itemId;
+
+        if (!entityState.isReady || entityState.isNew) {
+          this.forceUpdate(); // needed to reset the inkBar position..
+
+          return;
+        }
+
+        if (!showConfigurationDetails) {
+          this.props.loadConfigurationDetails({
+            id: itemId
+          }).then(function (results) {
+            if (results[0].data !== null) {
+              _this2.setState({
+                currentTab: tab
+              });
+            }
+          });
+          this.forceUpdate(); // needed to reset the inkBar position..
+        } else {
+          this.setState({
+            currentTab: tab
+          });
+        }
+      } else {
+        this.setState({
+          currentTab: tab
+        });
+      }
+    }
+  }, {
+    key: "renderTabContent",
+    value: function renderTabContent(tab) {
+      switch (tab) {
+        case creatorFormTabs.configurationData:
+          {
+            var showConfigurationDetails = this.props.showConfigurationDetails;
+            return /*#__PURE__*/_react["default"].createElement(ConfigurationDataForm, {
+              show: showConfigurationDetails
+            });
+          }
+
+        case creatorFormTabs.rules:
+          {
+            return /*#__PURE__*/_react["default"].createElement(_index2["default"], null);
+          }
+
+        case creatorFormTabs.visualization:
+          {
+            return /*#__PURE__*/_react["default"].createElement(_VisualizationAndMediaData["default"], {
+              itemId: _lodash["default"].get(this.props.entityState, 'data.id.value')
+            });
+          }
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var classes = this.props.classes;
+      var currentTab = this.state.currentTab;
+      var tabClasses = {
+        textColorInherit: classes.textColorInherit,
+        root: classes.MuiTabRoot
+      };
+
+      var itemIdentifier = _lodash["default"].get(this.props.entityState, 'data.identifier.value');
+
+      var itemId = _lodash["default"].get(this.props.entityState, 'data.identifier.value');
+
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "itemEdit"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.itemStatusForm
+      }, /*#__PURE__*/_react["default"].createElement(_ConfiguratorQuickView["default"], {
+        className: "configuratorQuickView"
+      }), /*#__PURE__*/_react["default"].createElement(_CheckData["default"], {
+        itemIdentifier: itemIdentifier,
+        itemId: itemId,
+        area: 'creator'
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.root
+      }, /*#__PURE__*/_react["default"].createElement(_index.Tabs, {
+        value: currentTab,
+        onChange: this.onTabChange,
+        className: classes.flexContainer
+      }, Object.values(creatorFormTabs).map(function (tab) {
+        return /*#__PURE__*/_react["default"].createElement(_index.Tab, {
+          key: tab,
+          classes: tabClasses,
+          label: (0, _i18n.T)(tab),
+          value: tab,
+          style: {
+            background: currentTab !== tab ? 'rgba(255,255,255,0.3)' : ''
+          }
+        });
+      })), this.renderTabContent(currentTab)), /*#__PURE__*/_react["default"].createElement(_AttributeEditorPopup["default"], null));
+    }
+  }]);
+
+  return CreatorForm;
+}(_react.Component);
+
+var ConnectedCreatorForm = (0, _reactRedux.connect)(function (state) {
+  var entityState = state[_Actions.CREATOR_REDUCER_NAME];
+  var configurationEntityState = state[_ConfigurationActions.CONFIGURATION_REDUCER_NAME];
+  return {
+    entityState: entityState,
+    itemId: _lodash["default"].get(entityState, 'data.id.value'),
+    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)());
+    }
+  };
+})(CreatorForm);
+
+var _default = (0, _withStyles["default"])(styles)(ConnectedCreatorForm);
+
+exports["default"] = _default;
+var LinkText = (0, _withStyles["default"])(styles)(function (_ref) {
+  var name = _ref.name,
+      active = _ref.active,
+      onSelect = _ref.onSelect,
+      classes = _ref.classes;
+
+  var onClick = function onClick(e) {
+    e.preventDefault();
+    onSelect(name);
+  };
+
+  var className = classes.linkText + ' linkText' + (active ? ' active' : '');
+  return /*#__PURE__*/_react["default"].createElement(_TranslateComponent["default"], {
+    value: 'constructionPatterns.submenu.' + name,
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("a", {
+    href: "",
+    key: "link",
+    onClick: onClick
+  }));
+});
+var configurationDataTabs = {
+  components: 'components',
+  option: 'option',
+  baseConfiguration: 'baseConfiguration'
+};
+
+var is2DMode = function is2DMode(modeIdentifier) {
+  return modeIdentifier && modeIdentifier.substring(0, 2) === '2d';
+};
+
+var ConfigurationDataFormBase = /*#__PURE__*/function (_Component2) {
+  _inherits(ConfigurationDataFormBase, _Component2);
+
+  var _super2 = _createSuper(ConfigurationDataFormBase);
+
+  function ConfigurationDataFormBase(props) {
+    var _this3;
+
+    _classCallCheck(this, ConfigurationDataFormBase);
+
+    _this3 = _super2.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this3), "onTabChange", function (tab) {
+      _this3.setState({
+        currentTab: tab
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this3), "onChange", function (field, value) {
+      if (field === 'selectableComponents') {
+        for (var i = 0; i < value.length; i++) {
+          value[i].sequenceNumber = Number(i + 1).toString();
+        }
+      }
+
+      return _this3.props.setData(field, value);
+    });
+
+    _defineProperty(_assertThisInitialized(_this3), "selectComponentToEdit", function (editComponent) {
+      _this3.setState({
+        editComponent: editComponent
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this3), "onCloseComponentEdit", function () {
+      _this3.setState({
+        editComponent: null
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this3), "onComponentChange", function (component) {
+      var entityState = _this3.props.entityState;
+
+      var components = _lodash["default"].get(entityState, 'data.selectableComponents.value');
+
+      var newComponents = _toConsumableArray(components);
+
+      var idx = newComponents.findIndex(function (_ref2) {
+        var id = _ref2.id;
+        return id === component.id;
+      });
+      newComponents[idx] = component;
+      return _this3.props.setData('selectableComponents', newComponents);
+    });
+
+    _this3.state = {
+      currentTab: configurationDataTabs.components
+    };
+    return _this3;
+  }
+
+  _createClass(ConfigurationDataFormBase, [{
+    key: "renderTabContent",
+    value: function renderTabContent(tab) {
+      var _this4 = this;
+
+      var _this$props2 = this.props,
+          entityState = _this$props2.entityState,
+          setOverwriteComponentOrder = _this$props2.setOverwriteComponentOrder;
+
+      var source = _lodash["default"].get(entityState, 'dataSources.selectableComponents.data');
+
+      var value = _lodash["default"].get(entityState, 'data.selectableComponents.value');
+
+      var headLine = /*#__PURE__*/_react["default"].createElement(_TranslateComponent["default"], {
+        value: 'constructionPatterns.title.' + tab,
+        wrapperElement: "h3"
+      });
+
+      switch (tab) {
+        case configurationDataTabs.components:
+          {
+            var is2D = is2DMode(_lodash["default"].get(entityState, 'data.item.value.visualizationMode.identifier'));
+            var overwriteComponentOrder = Boolean(_lodash["default"].get(entityState, 'data.item.value.overwriteComponentOrder'));
+            var selectionText = overwriteComponentOrder ? (0, _i18n.T)('constructionPatterns.components.sortableSelectionHeadline') : (0, _i18n.T)('constructionPatterns.components.selectionHeadline');
+            return /*#__PURE__*/_react["default"].createElement("div", null, headLine, /*#__PURE__*/_react["default"].createElement(_Toggle["default"], {
+              label: (0, _i18n.T)('constructionPatterns.overwriteComponentOrder'),
+              value: overwriteComponentOrder,
+              onChange: function onChange(name, checked) {
+                return setOverwriteComponentOrder(checked);
+              },
+              fullWidth: false
+            }), /*#__PURE__*/_react["default"].createElement("div", {
+              className: "optionclassificationSelection-headline"
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "source-text"
+            }, (0, _i18n.T)('constructionPatterns.components.sourceHeadline')), /*#__PURE__*/_react["default"].createElement("div", {
+              className: "selection-text"
+            }, selectionText)), /*#__PURE__*/_react["default"].createElement(_TwoSideSelect["default"], {
+              name: "selectableComponents",
+              className: "optionclassificationSelection",
+              source: source,
+              value: value,
+              onChange: this.onChange,
+              sortable: overwriteComponentOrder,
+              renderItemActions: function renderItemActions(_ref3) {
+                var item = _ref3.item;
+                return is2D ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+                  onClick: function onClick() {
+                    return _this4.selectComponentToEdit(item);
+                  }
+                }, /*#__PURE__*/_react["default"].createElement(_Edit["default"], null)) : false;
+              }
+            }), /*#__PURE__*/_react["default"].createElement(_ComponentEditor["default"], {
+              component: this.state.editComponent,
+              onClose: this.onCloseComponentEdit,
+              onChange: this.onComponentChange
+            }));
+          }
+
+        case configurationDataTabs.option:
+          {
+            return /*#__PURE__*/_react["default"].createElement("div", null, headLine, /*#__PURE__*/_react["default"].createElement(_OptionclassificationEditor["default"], {
+              name: "selectableComponents",
+              value: value,
+              onChange: this.onChange
+            }));
+          }
+
+        case configurationDataTabs.baseConfiguration:
+          {
+            return /*#__PURE__*/_react["default"].createElement("div", null, headLine, /*#__PURE__*/_react["default"].createElement(_BaseConfigurationEditor["default"], null));
+          }
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this5 = this;
+
+      var show = this.props.show;
+
+      if (!show) {
+        return null;
+      }
+
+      var currentTab = this.state.currentTab;
+      return /*#__PURE__*/_react["default"].createElement(_Form.Form, {
+        className: "configurationData",
+        submitText: (0, _i18n.T)('constructionPatterns.saveButtonText'),
+        onSubmit: this.props.postData
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "guideTabs"
+      }, Object.values(configurationDataTabs).map(function (name) {
+        return /*#__PURE__*/_react["default"].createElement(LinkText, {
+          key: name,
+          name: name,
+          onSelect: _this5.onTabChange,
+          active: currentTab === name
+        });
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "guideTabs-content"
+      }, this.renderTabContent(currentTab))));
+    }
+  }]);
+
+  return ConfigurationDataFormBase;
+}(_react.Component);
+
+function withOverwriteComponentOrder(Component) {
+  return (0, _reactRedux.connect)(function () {
+    return {};
+  }, {
+    setOverwriteComponentOrder: _ConfigurationActions.setOverwriteComponentOrder
+  })(Component);
+}
+
+var ConfigurationDataForm = (0, _DefaultConnectedForm.connectDefault)(withOverwriteComponentOrder(ConfigurationDataFormBase), _ConfigurationActions.CONFIGURATION_REDUCER_NAME, _ConfigurationActions["default"].setFieldData, _ConfigurationActions["default"].postData);

package/Screens/Creator/Containers/List.js

@@ -0,0 +1,48 @@
+"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 _DefaultConnectedList = _interopRequireDefault(require("../../../Components/DefaultConnectedList"));
+
+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 columns = [{
+  name: 'identifier',
+  label: 'Identifier',
+  filterable: true,
+  sortable: true,
+  filterKey: 'item.identifier',
+  sortKey: 'item.identifier'
+}, {
+  name: 'translated_title',
+  label: 'Title',
+  filterable: true,
+  sortable: true,
+  filterKey: 'item.itemtext.title',
+  sortKey: 'item.itemtext.title'
+}];
+var listParams = {
+  entity: 'creator',
+  orderby: 'item.itemtext.title',
+  orderdir: 'asc'
+};
+
+var _default = (0, _DefaultConnectedList["default"])(columns, listParams, _Actions.CREATOR_LIST_KEY, _Actions["default"].listAction, _Actions["default"].detailsAction, _Actions["default"].hideDetails, _Actions["default"].showDetails, false, // skip create entity
+false, // skip remove entity
+{
+  reducerName: _Actions.CREATOR_REDUCER_NAME,
+  entityIdKey: 'id.value'
+});
+
+exports["default"] = _default;

package/Screens/Creator/Reducers/Actions.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.CREATOR_ITEM_URL = exports.CREATOR_REDUCER_NAME = exports.CREATOR_DATA_KEY = exports.CREATOR_LIST_URL = exports.CREATOR_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 CREATOR_LIST_KEY = 'creatoritems';
+exports.CREATOR_LIST_KEY = CREATOR_LIST_KEY;
+var CREATOR_LIST_URL = 'items/creator';
+exports.CREATOR_LIST_URL = CREATOR_LIST_URL;
+var CREATOR_DATA_KEY = 'creator';
+exports.CREATOR_DATA_KEY = CREATOR_DATA_KEY;
+var CREATOR_REDUCER_NAME = 'creatorData';
+exports.CREATOR_REDUCER_NAME = CREATOR_REDUCER_NAME;
+var CREATOR_ITEM_URL = 'items/{itemId}';
+exports.CREATOR_ITEM_URL = CREATOR_ITEM_URL;
+var Actions = (0, _Actions.generateDefaultActions)(CREATOR_LIST_KEY, CREATOR_DATA_KEY, CREATOR_REDUCER_NAME, CREATOR_LIST_URL, {
+  getDetailsURL: function getDetailsURL(params) {
+    return CREATOR_ITEM_URL.replace('{itemId}', params.id);
+  }
+});
+
+var mergedActions = _objectSpread({}, Actions);
+
+var _default = mergedActions;
+exports["default"] = _default;