@configuratorware/configurator-admingui 1.28.5 → 1.29.2

package/Components/DefaultConnectedList.js

@@ -0,0 +1,147 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.generateConnectedList = exports.connectDefault = exports.generateMappings = void 0;
+
+var _reactRedux = require("react-redux");
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _Actions = require("../App/Reducers/Config/Actions");
+
+var _DefaultList = require("./DefaultList");
+
+var _Utils = require("../App/Utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var ACTION_KEY = 'listing';
+
+var generateMappings = function generateMappings(listKey, listAction, loadDetailsAction, hideDetailsAction, showDetailsAction, addEntityAction, deleteEntitiesAction) {
+  var ctx = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : {};
+  return {
+    mapStateToProps: function mapStateToProps(state) {
+      var dataBySource = state.dataBySource,
+          entity = state.entity,
+          i18n = state.i18n,
+          config = state.config;
+      var reducerName = ctx.reducerName || entity.unsavedEntity.reducerName;
+      var entityState = state[reducerName];
+      var listState = dataBySource[listKey];
+      var selected = false;
+      var clearSelection = false;
+      var setSelection = false;
+      var idKey = ctx.idKey || 'id';
+      var listIdKey = ctx.listIdKey || idKey;
+      var entityIdKey = ctx.entityIdKey || idKey;
+      var getId = ctx.getId || _Utils.getObjectPropertyAsString;
+
+      if (entityState && listState) {
+        // entity reducer exists and list state is available
+        if (listState.isDeleted) {
+          clearSelection = true;
+        } else if (entityState.isNew) {
+          // or mounted as a new entity, which is cannot be in the list
+          selected = []; // the list must be shown as clean, but do not clear it in real
+        } else if (listState.data) {
+          if (entityState.hideDetails) {
+            clearSelection = true;
+          } else if (entityState.isModified) {
+            // hold on the modified element
+            selected = _lodash["default"].findIndex(listState.data.data, function (d) {
+              return getId(d, listIdKey) === getId(entityState.data, entityIdKey);
+            });
+          } else if (entityState.isMounting) {
+            // set the mounted element
+            selected = _lodash["default"].findIndex(listState.data.data, function (d) {
+              return getId(d, listIdKey) === getId(entityState.source, entityIdKey);
+            });
+          } else if (entityState.isReady) {
+            selected = _lodash["default"].findIndex(listState.data.data, function (d) {
+              return getId(d, listIdKey) === getId(entityState.data, entityIdKey);
+            });
+          }
+        }
+
+        if (_lodash["default"].isNumber(selected)) {
+          selected = selected !== -1 ? [selected] : [];
+        }
+      }
+
+      var _ref = listState || {},
+          data = _ref.data,
+          error = _ref.error,
+          didInvalidate = _ref.didInvalidate;
+
+      return {
+        list: data,
+        error: error,
+        didInvalidate: didInvalidate,
+        selected: selected,
+        clearSelection: clearSelection,
+        setSelection: setSelection,
+        locale: i18n.locale,
+        config: config[listKey] || {},
+        actionConfig: config[ACTION_KEY] || {}
+      };
+    },
+    mapDispatchToProps: function mapDispatchToProps(dispatch, props) {
+      return _objectSpread({
+        loadDetails: function loadDetails(data) {
+          return dispatch(loadDetailsAction(data));
+        },
+        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(hideDetailsAction(reportUnsaved, silent));
+        },
+        onAddItem: addEntityAction && function () {
+          return dispatch(addEntityAction());
+        },
+        onDeleteItems: deleteEntitiesAction && function (ids) {
+          return dispatch(deleteEntitiesAction(ids));
+        },
+        loadList: function loadList(params) {
+          return dispatch(listAction(params));
+        },
+        setConfig: function setConfig(confObj) {
+          return dispatch((0, _Actions.setConfig)(listKey, confObj));
+        },
+        setActionConfig: function setActionConfig(confObj) {
+          return dispatch((0, _Actions.setConfig)(ACTION_KEY, confObj));
+        }
+      }, props);
+    }
+  };
+};
+
+exports.generateMappings = generateMappings;
+
+var connectDefault = function connectDefault(ComponentToConnect, listKey, listAction, loadDetailsAction, hideDetailsAction, showDetailsAction, addEntityAction, deleteEntitiesAction) {
+  var ctx = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : {};
+
+  var _generateMappings = generateMappings(listKey, listAction, loadDetailsAction, hideDetailsAction, showDetailsAction, addEntityAction, deleteEntitiesAction, ctx),
+      mapStateToProps = _generateMappings.mapStateToProps,
+      mapDispatchToProps = _generateMappings.mapDispatchToProps;
+
+  return (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(ComponentToConnect);
+};
+
+exports.connectDefault = connectDefault;
+
+var generateConnectedList = function generateConnectedList(columns, listParams, listKey, listAction, loadDetailsAction, hideDetailsAction, showDetailsAction, addEntityAction, deleteEntitiesAction) {
+  var ctx = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : {};
+  return connectDefault((0, _DefaultList.generateDefaultList)(columns, listParams), listKey, listAction, loadDetailsAction, hideDetailsAction, showDetailsAction, addEntityAction, deleteEntitiesAction, ctx);
+};
+
+exports.generateConnectedList = generateConnectedList;
+var _default = generateConnectedList;
+exports["default"] = _default;

package/Components/DefaultConnectedScreen.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateConnectedSplitScreen = exports.connectDefault = exports.generateMappings = void 0;
+
+var _reactRedux = require("react-redux");
+
+var _DefaultScreen = require("./DefaultScreen");
+
+var generateMappings = function generateMappings(reducerName, _invalidateListAction, _unsavedEntityAction, _hideDetailsAction) {
+  return {
+    mapStateToProps: function mapStateToProps(state) {
+      var entityState = state[reducerName];
+
+      if (!entityState) {
+        throw new Error('Reducer does not exist: ' + reducerName);
+      }
+
+      return {
+        showDetails: entityState.showDetails,
+        locale: state.i18n.locale
+      };
+    },
+    mapDispatchToProps: function mapDispatchToProps(dispatch) {
+      return {
+        invalidateListAction: function invalidateListAction() {
+          return dispatch(_invalidateListAction());
+        },
+        unsavedEntityAction: function unsavedEntityAction() {
+          return dispatch(_unsavedEntityAction());
+        },
+        hideDetailsAction: function hideDetailsAction() {
+          return dispatch(_hideDetailsAction());
+        }
+      };
+    }
+  };
+};
+
+exports.generateMappings = generateMappings;
+
+var connectDefault = function connectDefault(ComponentToConnect, reducerName, invalidateListAction, unsavedEntityAction, hideDetailsAction) {
+  var _generateMappings = generateMappings(reducerName, invalidateListAction, unsavedEntityAction, hideDetailsAction),
+      mapStateToProps = _generateMappings.mapStateToProps,
+      mapDispatchToProps = _generateMappings.mapDispatchToProps;
+
+  return (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(ComponentToConnect);
+};
+
+exports.connectDefault = connectDefault;
+
+var generateConnectedSplitScreen = function generateConnectedSplitScreen(title, ListComponent, EditComponent, reducerName, invalidateListAction, unsavedEntityAction, hideDetailsAction) {
+  var hintText = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
+  return connectDefault((0, _DefaultScreen.generateDefaultScreen)(title, ListComponent, EditComponent, hintText), reducerName, invalidateListAction, unsavedEntityAction, hideDetailsAction);
+};
+
+exports.generateConnectedSplitScreen = generateConnectedSplitScreen;

package/Components/DefaultForm.js

@@ -0,0 +1,99 @@
+"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.generateDefaultForm = exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Form = _interopRequireDefault(require("../Components/Form"));
+
+var _i18n = require("../App/i18n");
+
+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 DefaultForm = /*#__PURE__*/function (_Component) {
+  _inherits(DefaultForm, _Component);
+
+  var _super = _createSuper(DefaultForm);
+
+  function DefaultForm() {
+    _classCallCheck(this, DefaultForm);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(DefaultForm, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          formFields = _this$props.formFields,
+          entityState = _this$props.entityState,
+          setData = _this$props.setData,
+          postData = _this$props.postData,
+          onCancel = _this$props.onCancel,
+          onAction = _this$props.onAction,
+          config = _this$props.config,
+          closeAfterSave = _this$props.closeAfterSave;
+      var actionButtons = config.actionButtons;
+      var onSubmit = !closeAfterSave ? postData : function () {
+        return postData(true);
+      };
+      return entityState.isReady ? /*#__PURE__*/_react["default"].createElement(_Form["default"], {
+        formFields: formFields,
+        data: entityState.data,
+        onChange: setData,
+        onSubmit: onSubmit,
+        onCancel: onCancel,
+        onAction: onAction,
+        actionButtons: actionButtons
+      }) : /*#__PURE__*/_react["default"].createElement("div", null, (0, _i18n.T)('Loading entity data'), "...");
+    }
+  }]);
+
+  return DefaultForm;
+}(_react.Component);
+
+exports["default"] = DefaultForm;
+
+var generateDefaultForm = function generateDefaultForm() {
+  var formFields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return function (props) {
+    return /*#__PURE__*/_react["default"].createElement(DefaultForm, _extends({}, props, {
+      formFields: formFields,
+      config: config
+    }));
+  };
+};
+
+exports.generateDefaultForm = generateDefaultForm;

package/Components/DefaultList.js

@@ -0,0 +1,345 @@
+"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.generateDefaultList = exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _List = _interopRequireDefault(require("./List"));
+
+var _i18n = require("../App/i18n");
+
+var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } 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 LoadingInfo = (0, _withStyles["default"])(function (theme) {
+  return {
+    root: {
+      marginBottom: theme.spacing.unit * 2
+    }
+  };
+})(function (_ref) {
+  var children = _ref.children,
+      classes = _ref.classes;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.root
+  }, children);
+});
+
+var DefaultList = /*#__PURE__*/function (_Component) {
+  _inherits(DefaultList, _Component);
+
+  var _super = _createSuper(DefaultList);
+
+  function DefaultList(props) {
+    var _this;
+
+    _classCallCheck(this, DefaultList);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "onRowSelection", function (selectedRows, event) {
+      _this.setState({
+        selectedRows: selectedRows
+      });
+
+      var inputType = _lodash["default"].get(event, 'target.type');
+
+      if (inputType === 'checkbox' && event.type === 'change') {
+        return;
+      }
+
+      if (_lodash["default"].isArray(selectedRows) && selectedRows.length > 1 && _this.props.selected.length !== 1) {
+        return;
+      }
+
+      if (_lodash["default"].isArray(selectedRows) && selectedRows.length === 1) {
+        _this.props.loadDetails(_this.props.list.data[selectedRows[0]]);
+      } else if (_lodash["default"].isArray(selectedRows) && selectedRows.length > 1) {
+        _this.props.hideDetails(true
+        /* check if unsaved */
+        , true
+        /* do it silently */
+        );
+      } else {
+        _this.props.hideDetails();
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "clearSelection", function () {
+      _this.setState({
+        selectedRows: []
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "reloadList", function () {
+      _this.clearSelection();
+
+      _this.props.loadList(_this.state.listParams);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "updateListParams", function (params) {
+      var listParams = _this.state.listParams;
+
+      var mergedParams = _lodash["default"].merge({}, listParams, params);
+
+      !_lodash["default"].isEqual(mergedParams, listParams) && _this.setState({
+        listParams: mergedParams
+      }, function () {
+        _this.reloadList();
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "removeListParams", function (params) {
+      var listParams = _this.state.listParams;
+
+      _this.setState({
+        listParams: _lodash["default"].omit(listParams, params)
+      }, function () {
+        _this.reloadList();
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onSearchChange", function (searchText) {
+      var query = searchText.replace(/\s+/g, ''); // deleting spaces from query text
+
+      if (query.charAt(query.length - 1) === ',') {
+        query = query.substring(0, query.length - 1); // delete last character if it is ','
+      }
+
+      query ? _this.updateListParams({
+        query: query
+      }) : _this.removeListParams('query');
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onPaginationChange", function (_ref2) {
+      var first = _ref2.first,
+          rowsPerPage = _ref2.rowsPerPage;
+
+      _this.setState({
+        selectedRows: []
+      });
+
+      _this.props.setActionConfig({
+        rowsPerPage: rowsPerPage
+      });
+
+      _this.updateListParams({
+        offset: first,
+        limit: rowsPerPage
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onFilterChange", function (column, value, filterKey) {
+      var entity = _this.props.listParams.entity;
+      var key = filterKey || "".concat(entity, ".").concat(column);
+
+      if (value && value.length > 0) {
+        _this.updateListParams({
+          filters: _defineProperty({}, key, value),
+          offset: 0
+        });
+      } else {
+        _this.removeListParams(["filters[\"".concat(key, "\"]")]);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onSortChange", function (column, dir, sortKey) {
+      var entity = _this.props.listParams.entity;
+
+      if (dir) {
+        _this.updateListParams({
+          orderby: sortKey || "".concat(entity, ".").concat(column),
+          orderdir: dir && dir.toUpperCase()
+        });
+      } else {
+        _this.removeListParams(['orderby', 'orderdir']);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onDeleteItems", function () {
+      var idsToDelete = _lodash["default"].isArray(_this.state.selectedRows) ? _this.state.selectedRows.map(function (row) {
+        return _this.props.list.data[row].id;
+      }) : _this.state.selectedRows === 'all' ? _this.props.list.data.map(function (e) {
+        return e.id;
+      }) : false;
+      idsToDelete && _lodash["default"].isFunction(_this.props.onDeleteItems) && _this.props.onDeleteItems(idsToDelete);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onShownColumnsChange", function (shownColumns) {
+      _this.props.setConfig({
+        shownColumns: shownColumns
+      });
+    });
+
+    var _ref3 = props.listParams || {},
+        orderby = _ref3.orderby,
+        orderdir = _ref3.orderdir,
+        _ref3$filters = _ref3.filters,
+        filters = _ref3$filters === void 0 ? {} : _ref3$filters;
+
+    _this.state = {
+      selectedRows: false,
+      listParams: _objectSpread(_objectSpread({
+        offset: 0,
+        limit: props.actionConfig.rowsPerPage,
+        _language: props.locale.replace('-', '_')
+      }, orderby && orderdir && {
+        orderby: orderby,
+        orderdir: orderdir
+      }), {}, {
+        filters: filters
+      })
+    };
+    return _this;
+  }
+
+  _createClass(DefaultList, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.selected !== this.props.selected) {
+        this.setState({
+          selectedRows: this.props.selected
+        });
+      }
+    }
+  }, {
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(props) {
+      if (props.clearSelection) {
+        this.setState({
+          selectedRows: []
+        });
+      }
+
+      if (props.setSelection) {
+        this.setState({
+          selectedRows: props.selected
+        });
+      } //if (props.selected && !_.isEqual(props.selected, this.props.selected))
+
+
+      if (props.locale !== this.props.locale) {
+        this.updateListParams({
+          _language: props.locale.replace('-', '_')
+        });
+      }
+
+      if (props.didInvalidate && props.didInvalidate !== this.props.didInvalidate) {
+        // reload list if invalidated
+        this.setState({
+          selectedRows: []
+        });
+        this.reloadList();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          list = _this$props.list,
+          columns = _this$props.columns,
+          error = _this$props.error,
+          selected = _this$props.selected,
+          onAddItem = _this$props.onAddItem,
+          config = _this$props.config,
+          List = _this$props.List,
+          listParams = _this$props.listParams,
+          listProps = _this$props.listProps;
+
+      var data = _lodash["default"].get(list, 'data', []);
+
+      var total = +_lodash["default"].get(list, 'metadata.totalcount', data.length);
+      var shownColumns = config.shownColumns;
+      var mergedSelectedRows = this.state.selectedRows || [];
+
+      if (selected) {
+        mergedSelectedRows = _lodash["default"].uniq(mergedSelectedRows.concat(selected));
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(List, _extends({
+        data: data,
+        AddButtonComponent: this.props.listParams.AddButtonComponent,
+        columns: columns,
+        shownColumns: shownColumns,
+        rowsTotal: total,
+        rowsPerPage: this.state.listParams.limit,
+        onRowSelection: this.onRowSelection,
+        selected: mergedSelectedRows,
+        clearSelection: this.clearSelection,
+        reloadList: this.reloadList,
+        onAddItem: onAddItem,
+        addButtonLabel: listParams.addButtonLabel,
+        onDeleteItems: this.props.onDeleteItems && this.onDeleteItems,
+        onSearchChange: this.onSearchChange,
+        onPaginationChange: this.onPaginationChange,
+        onFilterChange: this.onFilterChange,
+        onSortChange: this.onSortChange,
+        onShownColumnsChange: this.onShownColumnsChange,
+        showCheckboxes: !!this.props.onDeleteItems,
+        listParams: this.state.listParams
+      }, listProps)), error ? /*#__PURE__*/_react["default"].createElement(LoadingInfo, null, (0, _i18n.T)('Listing failed due to the following error'), ": ", error.message) : !list ? /*#__PURE__*/_react["default"].createElement(LoadingInfo, null, (0, _i18n.T)('Loading data'), "...") : !total && /*#__PURE__*/_react["default"].createElement(LoadingInfo, null, (0, _i18n.T)('There are no records')));
+    }
+  }]);
+
+  return DefaultList;
+}(_react.Component);
+
+exports["default"] = DefaultList;
+
+_defineProperty(DefaultList, "defaultProps", {
+  config: {},
+  List: _List["default"]
+});
+
+var generateDefaultList = function generateDefaultList() {
+  var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var listParams = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return function (props) {
+    return /*#__PURE__*/_react["default"].createElement(DefaultList, _extends({}, props, {
+      columns: columns,
+      listParams: listParams
+    }));
+  };
+};
+
+exports.generateDefaultList = generateDefaultList;