scrivito_content_browser 1.1.1 → 1.2.0.rc1

data/app/assets/javascripts/dist/scrivito_content_browser_pkg.js

@@ -44,7 +44,7 @@
 /* 0 */
 /***/ function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(React) {var AppComponent, DialogApp, Filter, ReactDOM;
+	/* WEBPACK VAR INJECTION */(function(React) {var AppComponent, DialogApp, Filter, Provider, ReactDOM, ReactRedux, Redux, configureStore;
 
 	ReactDOM = __webpack_require__(158);
 
@@ -54,6 +54,14 @@
 
 	AppComponent = __webpack_require__(173);
 
+	ReactRedux = __webpack_require__(187);
+
+	Redux = __webpack_require__(195);
+
+	Provider = ReactRedux.Provider;
+
+	configureStore = __webpack_require__(254);
+
 	scrivito.content_browser = (function() {
 	  return {
 	    filters: {},
@@ -106,15 +114,18 @@
 	      return new Filter(filterConfig, filterContext);
 	    },
 	    _startReact: function(options, promise) {
-	      var baseQuery, filter;
+	      var baseQuery, filter, store;
 	      baseQuery = options.base_query || this.base_query;
 	      filter = this._buildFilter(options);
-	      return this._reactApp = ReactDOM.render(React.createElement(AppComponent, {
+	      store = configureStore();
+	      return this._reactApp = ReactDOM.render(React.createElement(Provider, {
+	        "store": store
+	      }, React.createElement(AppComponent, {
 	        "initialFilter": filter,
 	        "baseQuery": baseQuery,
 	        "promise": promise,
 	        "options": options
-	      }), this._getLastContentBrowserElement());
+	      })), this._getLastContentBrowserElement());
 	    },
 	    keyUpHandler: function(e) {
 	      if (e.keyCode === this.ESCAPE) {
@@ -137,6 +148,7 @@
 	      return element.parentNode.removeChild(element);
 	    },
 	    close: function() {
+	      ReactDOM.unmountComponentAtNode(this._getLastContentBrowserElement());
 	      this._remove(this._getLastOverlayElement());
 	      this._remove(this._getLastContentBrowserElement());
 	      if (!this._getLastContentBrowserElement()) {
@@ -20484,25 +20496,31 @@
 /* 173 */
 /***/ function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(React) {var AddedObjsCollection, App, Filter, Footer, InspectorComponent, Items, MoreItemsSpinner, ObjCollection, TopBar, ViewMode;
+	/* WEBPACK VAR INJECTION */(function(React) {var AddedObjsCollection, App, AppContainer, Filter, Footer, InspectorComponent, Items, MoreItemsSpinner, ObjCollection, ReactRedux, TopBar, disableTags, fetchTags, redux, setLastAddedVisibility, _ref;
 
-	ViewMode = __webpack_require__(174);
+	AddedObjsCollection = __webpack_require__(174);
 
-	AddedObjsCollection = __webpack_require__(175);
+	ObjCollection = __webpack_require__(183);
 
-	ObjCollection = __webpack_require__(184);
+	TopBar = __webpack_require__(185);
 
-	TopBar = __webpack_require__(186);
+	Filter = __webpack_require__(210);
 
-	Filter = __webpack_require__(191);
+	Items = __webpack_require__(222);
 
-	Items = __webpack_require__(203);
+	MoreItemsSpinner = __webpack_require__(247);
 
-	MoreItemsSpinner = __webpack_require__(226);
+	InspectorComponent = __webpack_require__(248);
 
-	InspectorComponent = __webpack_require__(227);
+	Footer = __webpack_require__(252);
 
-	Footer = __webpack_require__(230);
+	ReactRedux = __webpack_require__(187);
+
+	redux = __webpack_require__(195);
+
+	setLastAddedVisibility = __webpack_require__(253).setLastAddedVisibility;
+
+	_ref = __webpack_require__(246), fetchTags = _ref.fetchTags, disableTags = _ref.disableTags;
 
 	App = React.createClass({
 	  displayName: 'App',
@@ -20511,11 +20529,6 @@
 	      filter: filter
 	    });
 	  },
-	  updateViewMode: function(viewMode) {
-	    return this.setState({
-	      viewMode: viewMode
-	    });
-	  },
 	  updateObjCollection: function(objCollection) {
 	    return this.setState({
 	      objCollection: objCollection
@@ -20526,7 +20539,7 @@
 	      addedObjsCollection: addedObjsCollection
 	    });
 	    if (!addedObjsCollection.hasActiveCreations()) {
-	      if (this.state.showLastAdded) {
+	      if (this.props.lastAdded.isVisible) {
 	        return this._setObjsCollection();
 	      } else {
 	        this._selectLatestAddedObj(addedObjsCollection);
@@ -20535,16 +20548,14 @@
 	    }
 	  },
 	  updateLastAdded: function(showLastAdded) {
-	    this.setState({
-	      showLastAdded: showLastAdded
-	    });
+	    this.props.dispatch(setLastAddedVisibility(showLastAdded));
 	    if (showLastAdded && !this.state.addedObjsCollection.hasActiveCreations()) {
 	      return this._setObjsCollection();
 	    }
 	  },
 	  destroyAddedObj: function(objId) {
 	    this.state.addedObjsCollection.destroyCreatedObjById(objId);
-	    if (this.state.showLastAdded) {
+	    if (this.props.lastAdded.isVisible) {
 	      return this._setObjsCollection();
 	    }
 	  },
@@ -20567,9 +20578,14 @@
 	      }
 	    }
 	  },
+	  disableTagBar: function() {
+	    return this.props.dispatch(disableTags());
+	  },
+	  fetchTags: function(query) {
+	    return this.props.dispatch(fetchTags(query));
+	  },
 	  componentDidMount: function() {
 	    this.state.filter.onChange(this.updateFilter);
-	    this.state.viewMode.onChange(this.updateViewMode);
 	    this.state.addedObjsCollection.onChange(this.updateAddedObjsCollection);
 	    this.state.objCollection.onChange(this.updateObjCollection);
 	    this.state.objCollection.on('destroy-obj', this.destroyAddedObj);
@@ -20582,16 +20598,14 @@
 	    basePreset = this.props.options.base_preset;
 	    return {
 	      filter: this.props.initialFilter,
-	      showLastAdded: false,
 	      objs: [],
-	      viewMode: new ViewMode(void 0, this.props.options.standAlone),
 	      sortCriteria: this.props.initialFilter.sortCriteria,
 	      addedObjsCollection: new AddedObjsCollection(basePreset),
 	      objCollection: new ObjCollection(initialSelection, selectionMode)
 	    };
 	  },
 	  _getBodyClassName: function() {
-	    if (this.state.viewMode.isInspectorMaximized()) {
+	    if (this.props.inspector.isMaximized) {
 	      return "scrivito-content-browser-body scrivito-content-browser-inspector-max";
 	    } else {
 	      return "scrivito-content-browser-body";
@@ -20607,105 +20621,61 @@
 	    }, React.createElement(TopBar, {
 	      "filter": this.state.filter,
 	      "sortCriteria": this.state.sortCriteria,
-	      "viewMode": this.state.viewMode
+	      "viewMode": this.props.objDisplay.viewMode
 	    }), React.createElement(Filter, {
 	      "ref": "filterView",
 	      "filter": this.state.filter,
 	      "baseQuery": this.props.baseQuery,
+	      "disableTags": this.disableTagBar,
 	      "objCollection": this.state.objCollection,
+	      "activeTags": this.props.tags.activeTags,
+	      "fetchTags": this.fetchTags,
+	      "standAlone": this.props.options.standAlone,
 	      "updateLastAdded": this.updateLastAdded,
-	      "viewMode": this.state.viewMode,
 	      "addedObjsCollection": this.state.addedObjsCollection,
-	      "showLastAdded": this.state.showLastAdded
+	      "dispatch": this.props.dispatch,
+	      "showLastAdded": this.props.lastAdded.isVisible
 	    }), React.createElement(Items, {
 	      "ref": "itemView",
 	      "objCollection": this.state.objCollection,
-	      "viewMode": this.state.viewMode,
+	      "viewMode": this.props.objDisplay.viewMode,
+	      "dispatch": this.props.dispatch,
+	      "tags": this.props.tags,
 	      "addedObjsCollection": this.state.addedObjsCollection,
 	      "filter": this.state.filter,
-	      "showLastAdded": this.state.showLastAdded
+	      "showLastAdded": this.props.lastAdded.isVisible
 	    }), (this.state.objCollection.isLoadingAdditionalObjs() ? React.createElement(MoreItemsSpinner, {
 	      "objCollection": this.state.objCollection
 	    }) : void 0)), React.createElement(InspectorComponent, {
-	      "viewMode": this.state.viewMode,
+	      "dispatch": this.props.dispatch,
 	      "objCollection": this.state.objCollection
 	    })), React.createElement(Footer, {
 	      "promise": this.props.promise,
-	      "viewMode": this.state.viewMode,
+	      "standAlone": this.props.options.standAlone,
 	      "objCollection": this.state.objCollection
 	    }));
 	  }
 	});
 
-	module.exports = App;
-
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
-
-/***/ },
-/* 174 */
-/***/ function(module, exports, __webpack_require__) {
-
-	var Listenable, ViewMode,
-	  __hasProp = {}.hasOwnProperty,
-	  __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
-
-	Listenable = __webpack_require__(163);
-
-	ViewMode = (function(_super) {
-	  __extends(ViewMode, _super);
-
-	  function ViewMode(mode, standAlone) {
-	    ViewMode.__super__.constructor.call(this);
-	    if (mode == null) {
-	      mode = "thumbnails";
-	    }
-	    this._mode = mode;
-	    this._standAlone = standAlone;
-	    this._isInspectorMaximized = false;
-	  }
-
-	  ViewMode.prototype.setMode = function(newMode) {
-	    this._mode = newMode;
-	    return this.changed();
-	  };
-
-	  ViewMode.prototype.toggleInspectorMaximized = function() {
-	    this._isInspectorMaximized = !this._isInspectorMaximized;
-	    return this.changed();
-	  };
-
-	  ViewMode.prototype.getMode = function() {
-	    return this._mode;
-	  };
-
-	  ViewMode.prototype.isInspectorMaximized = function() {
-	    return this._isInspectorMaximized;
-	  };
-
-	  ViewMode.prototype.isList = function() {
-	    return this._mode === "list";
-	  };
-
-	  ViewMode.prototype.isStandAlone = function() {
-	    return this._standAlone === true;
+	AppContainer = ReactRedux.connect((function(_this) {
+	  return function(state) {
+	    return state;
 	  };
+	})(this))(App);
 
-	  return ViewMode;
-
-	})(Listenable);
-
-	module.exports = ViewMode;
+	module.exports = AppContainer;
 
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 175 */
+/* 174 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var AddedObj, AddedObjsCollection, Listenable,
 	  __hasProp = {}.hasOwnProperty,
 	  __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
 
-	AddedObj = __webpack_require__(176);
+	AddedObj = __webpack_require__(175);
 
 	Listenable = __webpack_require__(163);
 
@@ -20805,16 +20775,16 @@
 
 
 /***/ },
-/* 176 */
+/* 175 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var AddedObj, Fetcher, Obj, QueryBuilder;
 
-	Obj = __webpack_require__(177);
+	Obj = __webpack_require__(176);
 
-	QueryBuilder = __webpack_require__(178);
+	QueryBuilder = __webpack_require__(177);
 
-	Fetcher = __webpack_require__(182);
+	Fetcher = __webpack_require__(181);
 
 	AddedObj = (function() {
 	  function AddedObj(addedObjsCollection, file, presetAttributes) {
@@ -20920,7 +20890,7 @@
 
 
 /***/ },
-/* 177 */
+/* 176 */
 /***/ function(module, exports) {
 
 	var Obj;
@@ -20988,18 +20958,19 @@
 
 
 /***/ },
-/* 178 */
+/* 177 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var ActiveNodeConfigCollector, NullQuery, QueryBuilder;
 
-	ActiveNodeConfigCollector = __webpack_require__(179);
+	ActiveNodeConfigCollector = __webpack_require__(178);
 
-	NullQuery = __webpack_require__(181);
+	NullQuery = __webpack_require__(180);
 
 	QueryBuilder = (function() {
-	  function QueryBuilder(filter, baseQuery) {
+	  function QueryBuilder(filter, baseQuery, tags) {
 	    this.filter = filter;
+	    this.tags = tags;
 	    this._collector = new ActiveNodeConfigCollector(this.filter);
 	    if (baseQuery) {
 	      this._baseQuery = QueryBuilder.prepareQuery(baseQuery);
@@ -21011,7 +20982,17 @@
 	    query = this._baseQuery;
 	    query = this._addFilterQueries(query);
 	    query = this._addSearchTermQuery(query);
-	    return query = this._sortQuery(query);
+	    query = this._sortQuery(query);
+	    return query = this._tagsQuery(query);
+	  };
+
+	  QueryBuilder.prototype._tagsQuery = function(query) {
+	    if (this.tags !== void 0 && this.tags.length > 0) {
+	      _.map(this.tags, function(tag) {
+	        return query.and(scrivito.obj_where('tags', 'equals', tag));
+	      });
+	    }
+	    return query;
 	  };
 
 	  QueryBuilder.prototype._addFilterQueries = function(baseQuery) {
@@ -21098,12 +21079,12 @@
 
 
 /***/ },
-/* 179 */
+/* 178 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var ActiveNodeConfig, ActiveNodeConfigCollector;
 
-	ActiveNodeConfig = __webpack_require__(180);
+	ActiveNodeConfig = __webpack_require__(179);
 
 	ActiveNodeConfigCollector = (function() {
 	  function ActiveNodeConfigCollector(filter) {
@@ -21181,7 +21162,7 @@
 
 
 /***/ },
-/* 180 */
+/* 179 */
 /***/ function(module, exports) {
 
 	var ActiveNodeConfig;
@@ -21265,7 +21246,7 @@
 
 
 /***/ },
-/* 181 */
+/* 180 */
 /***/ function(module, exports) {
 
 	var NullQuery;
@@ -21287,18 +21268,18 @@
 
 
 /***/ },
-/* 182 */
+/* 181 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var Fetcher, FetcherStatus, Listenable, QueryBuilder,
 	  __hasProp = {}.hasOwnProperty,
 	  __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
 
-	QueryBuilder = __webpack_require__(178);
+	QueryBuilder = __webpack_require__(177);
 
 	Listenable = __webpack_require__(163);
 
-	FetcherStatus = __webpack_require__(183);
+	FetcherStatus = __webpack_require__(182);
 
 	Fetcher = (function(_super) {
 	  __extends(Fetcher, _super);
@@ -21367,7 +21348,7 @@
 
 
 /***/ },
-/* 183 */
+/* 182 */
 /***/ function(module, exports) {
 
 	var FetcherStatus;
@@ -21397,7 +21378,7 @@
 
 
 /***/ },
-/* 184 */
+/* 183 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var Deleter, Listenable, Obj, ObjCollection, SortCriteria,
@@ -21406,11 +21387,11 @@
 
 	Listenable = __webpack_require__(163);
 
-	Obj = __webpack_require__(177);
+	Obj = __webpack_require__(176);
 
 	SortCriteria = __webpack_require__(164);
 
-	Deleter = __webpack_require__(185);
+	Deleter = __webpack_require__(184);
 
 	ObjCollection = (function(_super) {
 	  __extends(ObjCollection, _super);
@@ -21635,12 +21616,12 @@
 
 
 /***/ },
-/* 185 */
+/* 184 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var Deleter, QueryBuilder;
 
-	QueryBuilder = __webpack_require__(178);
+	QueryBuilder = __webpack_require__(177);
 
 	Deleter = (function() {
 	  Deleter.prototype.MAX_RETRY = 5;
@@ -21698,16 +21679,16 @@
 
 
 /***/ },
-/* 186 */
+/* 185 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var ActiveNodeConfigCollector, SortMenu, TopBar, ViewModeBar;
 
-	ViewModeBar = __webpack_require__(187);
+	ViewModeBar = __webpack_require__(186);
 
-	SortMenu = __webpack_require__(189);
+	SortMenu = __webpack_require__(208);
 
-	ActiveNodeConfigCollector = __webpack_require__(179);
+	ActiveNodeConfigCollector = __webpack_require__(178);
 
 	TopBar = React.createClass({
 	  displayName: 'TopBar',
@@ -21796,25 +21777,33 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 187 */
+/* 186 */
 /***/ function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(React) {var ViewModeBar, ViewModeBarItem;
+	/* WEBPACK VAR INJECTION */(function(React) {var ReactRedux, TABLE_VIEW, THUMBNAIL_VIEW, ViewModeBar, ViewModeBarItem, setViewMode, _ref;
+
+	ReactRedux = __webpack_require__(187);
+
+	ViewModeBarItem = __webpack_require__(206);
 
-	ViewModeBarItem = __webpack_require__(188);
+	_ref = __webpack_require__(207), THUMBNAIL_VIEW = _ref.THUMBNAIL_VIEW, TABLE_VIEW = _ref.TABLE_VIEW, setViewMode = _ref.setViewMode;
 
 	ViewModeBar = React.createClass({
 	  displayName: 'ViewModeBar',
-	  viewModeButtonsData: ["list", "thumbnails"],
+	  viewModeButtonsData: [TABLE_VIEW, THUMBNAIL_VIEW],
+	  setViewMode: function(viewMode) {
+	    return this.props.dispatch(setViewMode(viewMode));
+	  },
 	  render: function() {
 	    var mode;
 	    return React.createElement("div", null, (function() {
-	      var _i, _len, _ref, _results;
-	      _ref = this.viewModeButtonsData;
+	      var _i, _len, _ref1, _results;
+	      _ref1 = this.viewModeButtonsData;
 	      _results = [];
-	      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-	        mode = _ref[_i];
+	      for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+	        mode = _ref1[_i];
 	        _results.push(React.createElement(ViewModeBarItem, {
+	          "setViewMode": this.setViewMode,
 	          "viewMode": this.props.viewMode,
 	          "key": mode,
 	          "mode": mode
@@ -21825,219 +21814,1598 @@
 	  }
 	});
 
-	module.exports = ViewModeBar;
+	module.exports = ReactRedux.connect()(ViewModeBar);
 
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 188 */
+/* 187 */
 /***/ function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(React) {var ViewModeBarItem;
-
-	ViewModeBarItem = React.createClass({
-	  displayName: 'ViewModeBarItem',
-	  viewModeButtonsData: {
-	    "thumbnails": {
-	      iconTitle: "Thumbnails",
-	      iconClassName: "scrivito_icon_th_small"
-	    },
-	    "list": {
-	      iconTitle: "List",
-	      iconClassName: "scrivito_icon_list_medium"
-	    }
-	  },
-	  getIconClassName: function(mode) {
-	    return "scrivito_icon " + this.viewModeButtonsData[mode].iconClassName;
-	  },
-	  getIconTitle: function(mode) {
-	    return this.viewModeButtonsData[mode].iconTitle;
-	  },
-	  getLabelClasses: function() {
-	    var className;
-	    className = "";
-	    if (this.props.viewMode.getMode() === this.props.mode) {
-	      className += "active ";
-	    }
-	    return className += "editing-button-view";
-	  },
-	  changeViewMode: function() {
-	    return this.props.viewMode.setMode(this.props.mode);
-	  },
-	  render: function() {
-	    return React.createElement("span", {
-	      "data-size": this.props.mode,
-	      "className": this.getLabelClasses(),
-	      "onClick": this.changeViewMode
-	    }, React.createElement("i", {
-	      "title": this.getIconTitle(this.props.mode),
-	      "className": this.getIconClassName(this.props.mode)
-	    }));
-	  }
-	});
+	'use strict';
 
-	module.exports = ViewModeBarItem;
+	exports.__esModule = true;
 
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-/***/ },
-/* 189 */
-/***/ function(module, exports, __webpack_require__) {
+	var _react = __webpack_require__(1);
 
-	/* WEBPACK VAR INJECTION */(function(React) {var SortMenu, SortMenuItem;
+	var _react2 = _interopRequireDefault(_react);
 
-	SortMenuItem = __webpack_require__(190);
+	var _componentsCreateAll = __webpack_require__(188);
 
-	SortMenu = React.createClass({
-	  displayName: 'SortMenu',
-	  sortItemsData: {
-	    "relevance": {
-	      itemTitle: "Sort by relevance",
-	      ascCriteriaTitle: "Relevance",
-	      sortItemType: "relevance"
-	    },
-	    "date": {
-	      itemTitle: "Sort by date",
-	      descCriteriaTitle: "Last change: latest first",
-	      ascCriteriaTitle: "Last change: oldest first",
-	      sortItemType: "_last_changed"
-	    }
-	  },
-	  toggleSortMenu: function() {
-	    return $('.scrivito-content-browser-sort-menu .scrivito_menu_box').fadeToggle();
-	  },
-	  getSortIconClassName: function() {
-	    var sortCriteria, sortIcon;
-	    sortIcon = "scrivito_icon ";
-	    sortCriteria = this.props.filter.sortCriteria;
-	    if (sortCriteria.isSortedDesc()) {
-	      sortIcon += "scrivito_icon_sort_down";
-	    } else {
-	      sortIcon += "scrivito_icon_sort_up";
-	    }
-	    return sortIcon;
-	  },
-	  render: function() {
-	    var sortItem;
-	    return React.createElement("span", {
-	      "className": "scrivito-content-browser-sort-menu scrivito_button scrivito_lightgrey scrivito_right",
-	      "onClick": this.toggleSortMenu
-	    }, React.createElement("i", {
-	      "className": this.getSortIconClassName()
-	    }), this.props.filter.sortCriteria.activeElement(), React.createElement("i", {
-	      "className": "scrivito_icon scrivito-content-browser-menu-icon scrivito_icon_chevron_down"
-	    }), React.createElement("ul", {
-	      "className": "scrivito_menu_box scrivito_left"
-	    }, (function() {
-	      var _i, _len, _ref, _results;
-	      _ref = Object.keys(this.sortItemsData);
-	      _results = [];
-	      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-	        sortItem = _ref[_i];
-	        _results.push(React.createElement(SortMenuItem, {
-	          "filter": this.props.filter,
-	          "key": sortItem,
-	          "sortItem": this.sortItemsData[sortItem]
-	        }));
-	      }
-	      return _results;
-	    }).call(this), React.createElement("li", {
-	      "className": "scrivito_menu_box_overlay"
-	    })));
-	  }
-	});
+	var _componentsCreateAll2 = _interopRequireDefault(_componentsCreateAll);
 
-	module.exports = SortMenu;
+	var _createAll = _componentsCreateAll2['default'](_react2['default']);
 
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
+	var Provider = _createAll.Provider;
+	var connect = _createAll.connect;
+	exports.Provider = Provider;
+	exports.connect = connect;
 
 /***/ },
-/* 190 */
+/* 188 */
 /***/ function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(React) {var SortCriteria, SortMenuItem;
+	'use strict';
 
-	SortCriteria = __webpack_require__(164);
+	exports.__esModule = true;
+	exports['default'] = createAll;
 
-	SortMenuItem = React.createClass({
-	  displayName: 'SortMenuItem',
-	  basicIcon: "scrivito_icon  ",
-	  _ascIconSortClass: function() {
-	    return this.basicIcon + "scrivito_icon_sort_down";
-	  },
-	  _descIconSortClass: function() {
-	    return this.basicIcon + "scrivito_icon_sort_up";
-	  },
-	  getSortLiClassName: function(activeElement) {
-	    var itemIcon;
-	    itemIcon = "scrivito_menu_item";
-	    if (this.props.filter.sortCriteria.activeElement() === activeElement) {
-	      itemIcon += " active";
-	    }
-	    return itemIcon;
-	  },
-	  _getAscSortLiClassName: function() {
-	    return this.getSortLiClassName(this.currentSortItem().ascCriteriaTitle);
-	  },
-	  _getDescSortLiClassName: function() {
-	    return this.getSortLiClassName(this.currentSortItem().descCriteriaTitle);
-	  },
-	  currentSortItem: function() {
-	    return this.props.sortItem;
-	  },
-	  _changeSortCriteria: function(reverse, activeItemElement) {
-	    var sortCriteria;
-	    sortCriteria = new SortCriteria(this.currentSortItem().sortItemType, reverse, activeItemElement, this.currentSortItem().itemTitle);
-	    return this.props.filter.setSortCriteria(sortCriteria);
-	  },
-	  _sortInAscOrder: function() {
-	    return this._changeSortCriteria(false, this.currentSortItem().ascCriteriaTitle);
-	  },
-	  _sortInDescOrder: function() {
-	    return this._changeSortCriteria(true, this.currentSortItem().descCriteriaTitle);
-	  },
-	  render: function() {
-	    return React.createElement("div", null, React.createElement("li", {
-	      "className": "scrivito_menu_separator"
-	    }, React.createElement("span", null, (this.currentSortItem().itemTitle))), ((this.currentSortItem().descCriteriaTitle) ? React.createElement("li", {
-	      "className": this._getDescSortLiClassName(),
-	      "onClick": this._sortInDescOrder
-	    }, React.createElement("span", null, React.createElement("i", {
-	      "className": this._descIconSortClass()
-	    }, " "), (this.currentSortItem().descCriteriaTitle))) : void 0), ((this.currentSortItem().ascCriteriaTitle) ? React.createElement("li", {
-	      "className": this._getAscSortLiClassName(),
-	      "onClick": this._sortInAscOrder
-	    }, React.createElement("span", null, React.createElement("i", {
-	      "className": this._ascIconSortClass()
-	    }, " "), (this.currentSortItem().ascCriteriaTitle))) : void 0));
-	  }
-	});
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-	module.exports = SortMenuItem;
+	var _createProvider = __webpack_require__(189);
 
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
+	var _createProvider2 = _interopRequireDefault(_createProvider);
+
+	var _createConnect = __webpack_require__(191);
+
+	var _createConnect2 = _interopRequireDefault(_createConnect);
+
+	function createAll(React) {
+	  var Provider = _createProvider2['default'](React);
+	  var connect = _createConnect2['default'](React);
+
+	  return { Provider: Provider, connect: connect };
+	}
+
+	module.exports = exports['default'];
 
 /***/ },
-/* 191 */
+/* 189 */
 /***/ function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(React) {var AdditionalOptionFilter, Filter, FilterMixin, LastAddedFilter, QueryBuilder, SelectedFilter, TreeFilter;
+	'use strict';
 
-	FilterMixin = __webpack_require__(192);
+	exports.__esModule = true;
 
-	AdditionalOptionFilter = __webpack_require__(193);
+	var _createClass = (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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
 
-	TreeFilter = __webpack_require__(200);
+	exports['default'] = createProvider;
 
-	SelectedFilter = __webpack_require__(201);
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-	QueryBuilder = __webpack_require__(178);
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
 
-	LastAddedFilter = __webpack_require__(202);
+	function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-	Filter = React.createClass({
-	  displayName: 'Filter',
-	  mixins: [FilterMixin],
+	var _utilsCreateStoreShape = __webpack_require__(190);
+
+	var _utilsCreateStoreShape2 = _interopRequireDefault(_utilsCreateStoreShape);
+
+	function isUsingOwnerContext(React) {
+	  var version = React.version;
+
+	  if (typeof version !== 'string') {
+	    return true;
+	  }
+
+	  var sections = version.split('.');
+	  var major = parseInt(sections[0], 10);
+	  var minor = parseInt(sections[1], 10);
+
+	  return major === 0 && minor === 13;
+	}
+
+	function createProvider(React) {
+	  var Component = React.Component;
+	  var PropTypes = React.PropTypes;
+	  var Children = React.Children;
+
+	  var storeShape = _utilsCreateStoreShape2['default'](PropTypes);
+	  var requireFunctionChild = isUsingOwnerContext(React);
+
+	  var didWarnAboutChild = false;
+	  function warnAboutFunctionChild() {
+	    if (didWarnAboutChild || requireFunctionChild) {
+	      return;
+	    }
+
+	    didWarnAboutChild = true;
+	    console.error( // eslint-disable-line no-console
+	    'With React 0.14 and later versions, you no longer need to ' + 'wrap <Provider> child into a function.');
+	  }
+	  function warnAboutElementChild() {
+	    if (didWarnAboutChild || !requireFunctionChild) {
+	      return;
+	    }
+
+	    didWarnAboutChild = true;
+	    console.error( // eslint-disable-line no-console
+	    'With React 0.13, you need to ' + 'wrap <Provider> child into a function. ' + 'This restriction will be removed with React 0.14.');
+	  }
+
+	  var didWarnAboutReceivingStore = false;
+	  function warnAboutReceivingStore() {
+	    if (didWarnAboutReceivingStore) {
+	      return;
+	    }
+
+	    didWarnAboutReceivingStore = true;
+	    console.error( // eslint-disable-line no-console
+	    '<Provider> does not support changing `store` on the fly. ' + 'It is most likely that you see this error because you updated to ' + 'Redux 2.x and React Redux 2.x which no longer hot reload reducers ' + 'automatically. See https://github.com/rackt/react-redux/releases/' + 'tag/v2.0.0 for the migration instructions.');
+	  }
+
+	  return (function (_Component) {
+	    _inherits(Provider, _Component);
+
+	    Provider.prototype.getChildContext = function getChildContext() {
+	      return { store: this.store };
+	    };
+
+	    _createClass(Provider, null, [{
+	      key: 'childContextTypes',
+	      value: {
+	        store: storeShape.isRequired
+	      },
+	      enumerable: true
+	    }, {
+	      key: 'propTypes',
+	      value: {
+	        store: storeShape.isRequired,
+	        children: (requireFunctionChild ? PropTypes.func : PropTypes.element).isRequired
+	      },
+	      enumerable: true
+	    }]);
+
+	    function Provider(props, context) {
+	      _classCallCheck(this, Provider);
+
+	      _Component.call(this, props, context);
+	      this.store = props.store;
+	    }
+
+	    Provider.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+	      var store = this.store;
+	      var nextStore = nextProps.store;
+
+	      if (store !== nextStore) {
+	        warnAboutReceivingStore();
+	      }
+	    };
+
+	    Provider.prototype.render = function render() {
+	      var children = this.props.children;
+
+	      if (typeof children === 'function') {
+	        warnAboutFunctionChild();
+	        children = children();
+	      } else {
+	        warnAboutElementChild();
+	      }
+
+	      return Children.only(children);
+	    };
+
+	    return Provider;
+	  })(Component);
+	}
+
+	module.exports = exports['default'];
+
+/***/ },
+/* 190 */
+/***/ function(module, exports) {
+
+	"use strict";
+
+	exports.__esModule = true;
+	exports["default"] = createStoreShape;
+
+	function createStoreShape(PropTypes) {
+	  return PropTypes.shape({
+	    subscribe: PropTypes.func.isRequired,
+	    dispatch: PropTypes.func.isRequired,
+	    getState: PropTypes.func.isRequired
+	  });
+	}
+
+	module.exports = exports["default"];
+
+/***/ },
+/* 191 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
+
+	exports.__esModule = true;
+
+	var _createClass = (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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+
+	var _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; };
+
+	exports['default'] = createConnect;
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
+
+	function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+	var _utilsCreateStoreShape = __webpack_require__(190);
+
+	var _utilsCreateStoreShape2 = _interopRequireDefault(_utilsCreateStoreShape);
+
+	var _utilsShallowEqual = __webpack_require__(192);
+
+	var _utilsShallowEqual2 = _interopRequireDefault(_utilsShallowEqual);
+
+	var _utilsIsPlainObject = __webpack_require__(193);
+
+	var _utilsIsPlainObject2 = _interopRequireDefault(_utilsIsPlainObject);
+
+	var _utilsWrapActionCreators = __webpack_require__(194);
+
+	var _utilsWrapActionCreators2 = _interopRequireDefault(_utilsWrapActionCreators);
+
+	var _invariant = __webpack_require__(205);
+
+	var _invariant2 = _interopRequireDefault(_invariant);
+
+	var defaultMapStateToProps = function defaultMapStateToProps() {
+	  return {};
+	};
+	var defaultMapDispatchToProps = function defaultMapDispatchToProps(dispatch) {
+	  return { dispatch: dispatch };
+	};
+	var defaultMergeProps = function defaultMergeProps(stateProps, dispatchProps, parentProps) {
+	  return _extends({}, parentProps, stateProps, dispatchProps);
+	};
+
+	function getDisplayName(Component) {
+	  return Component.displayName || Component.name || 'Component';
+	}
+
+	// Helps track hot reloading.
+	var nextVersion = 0;
+
+	function createConnect(React) {
+	  var Component = React.Component;
+	  var PropTypes = React.PropTypes;
+
+	  var storeShape = _utilsCreateStoreShape2['default'](PropTypes);
+
+	  return function connect(mapStateToProps, mapDispatchToProps, mergeProps) {
+	    var options = arguments.length <= 3 || arguments[3] === undefined ? {} : arguments[3];
+
+	    var shouldSubscribe = Boolean(mapStateToProps);
+	    var finalMapStateToProps = mapStateToProps || defaultMapStateToProps;
+	    var finalMapDispatchToProps = _utilsIsPlainObject2['default'](mapDispatchToProps) ? _utilsWrapActionCreators2['default'](mapDispatchToProps) : mapDispatchToProps || defaultMapDispatchToProps;
+	    var finalMergeProps = mergeProps || defaultMergeProps;
+	    var shouldUpdateStateProps = finalMapStateToProps.length > 1;
+	    var shouldUpdateDispatchProps = finalMapDispatchToProps.length > 1;
+	    var _options$pure = options.pure;
+	    var pure = _options$pure === undefined ? true : _options$pure;
+
+	    // Helps track hot reloading.
+	    var version = nextVersion++;
+
+	    function computeStateProps(store, props) {
+	      var state = store.getState();
+	      var stateProps = shouldUpdateStateProps ? finalMapStateToProps(state, props) : finalMapStateToProps(state);
+
+	      _invariant2['default'](_utilsIsPlainObject2['default'](stateProps), '`mapStateToProps` must return an object. Instead received %s.', stateProps);
+	      return stateProps;
+	    }
+
+	    function computeDispatchProps(store, props) {
+	      var dispatch = store.dispatch;
+
+	      var dispatchProps = shouldUpdateDispatchProps ? finalMapDispatchToProps(dispatch, props) : finalMapDispatchToProps(dispatch);
+
+	      _invariant2['default'](_utilsIsPlainObject2['default'](dispatchProps), '`mapDispatchToProps` must return an object. Instead received %s.', dispatchProps);
+	      return dispatchProps;
+	    }
+
+	    function _computeNextState(stateProps, dispatchProps, parentProps) {
+	      var mergedProps = finalMergeProps(stateProps, dispatchProps, parentProps);
+	      _invariant2['default'](_utilsIsPlainObject2['default'](mergedProps), '`mergeProps` must return an object. Instead received %s.', mergedProps);
+	      return mergedProps;
+	    }
+
+	    return function wrapWithConnect(WrappedComponent) {
+	      var Connect = (function (_Component) {
+	        _inherits(Connect, _Component);
+
+	        Connect.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) {
+	          return !pure || !_utilsShallowEqual2['default'](this.state.props, nextState.props);
+	        };
+
+	        _createClass(Connect, null, [{
+	          key: 'displayName',
+	          value: 'Connect(' + getDisplayName(WrappedComponent) + ')',
+	          enumerable: true
+	        }, {
+	          key: 'WrappedComponent',
+	          value: WrappedComponent,
+	          enumerable: true
+	        }, {
+	          key: 'contextTypes',
+	          value: {
+	            store: storeShape
+	          },
+	          enumerable: true
+	        }, {
+	          key: 'propTypes',
+	          value: {
+	            store: storeShape
+	          },
+	          enumerable: true
+	        }]);
+
+	        function Connect(props, context) {
+	          _classCallCheck(this, Connect);
+
+	          _Component.call(this, props, context);
+	          this.version = version;
+	          this.store = props.store || context.store;
+
+	          _invariant2['default'](this.store, 'Could not find "store" in either the context or ' + ('props of "' + this.constructor.displayName + '". ') + 'Either wrap the root component in a <Provider>, ' + ('or explicitly pass "store" as a prop to "' + this.constructor.displayName + '".'));
+
+	          this.stateProps = computeStateProps(this.store, props);
+	          this.dispatchProps = computeDispatchProps(this.store, props);
+	          this.state = {
+	            props: this.computeNextState()
+	          };
+	        }
+
+	        Connect.prototype.computeNextState = function computeNextState() {
+	          var props = arguments.length <= 0 || arguments[0] === undefined ? this.props : arguments[0];
+
+	          return _computeNextState(this.stateProps, this.dispatchProps, props);
+	        };
+
+	        Connect.prototype.updateStateProps = function updateStateProps() {
+	          var props = arguments.length <= 0 || arguments[0] === undefined ? this.props : arguments[0];
+
+	          var nextStateProps = computeStateProps(this.store, props);
+	          if (_utilsShallowEqual2['default'](nextStateProps, this.stateProps)) {
+	            return false;
+	          }
+
+	          this.stateProps = nextStateProps;
+	          return true;
+	        };
+
+	        Connect.prototype.updateDispatchProps = function updateDispatchProps() {
+	          var props = arguments.length <= 0 || arguments[0] === undefined ? this.props : arguments[0];
+
+	          var nextDispatchProps = computeDispatchProps(this.store, props);
+	          if (_utilsShallowEqual2['default'](nextDispatchProps, this.dispatchProps)) {
+	            return false;
+	          }
+
+	          this.dispatchProps = nextDispatchProps;
+	          return true;
+	        };
+
+	        Connect.prototype.updateState = function updateState() {
+	          var props = arguments.length <= 0 || arguments[0] === undefined ? this.props : arguments[0];
+
+	          var nextState = this.computeNextState(props);
+	          if (!_utilsShallowEqual2['default'](nextState, this.state.props)) {
+	            this.setState({
+	              props: nextState
+	            });
+	          }
+	        };
+
+	        Connect.prototype.isSubscribed = function isSubscribed() {
+	          return typeof this.unsubscribe === 'function';
+	        };
+
+	        Connect.prototype.trySubscribe = function trySubscribe() {
+	          if (shouldSubscribe && !this.unsubscribe) {
+	            this.unsubscribe = this.store.subscribe(this.handleChange.bind(this));
+	            this.handleChange();
+	          }
+	        };
+
+	        Connect.prototype.tryUnsubscribe = function tryUnsubscribe() {
+	          if (this.unsubscribe) {
+	            this.unsubscribe();
+	            this.unsubscribe = null;
+	          }
+	        };
+
+	        Connect.prototype.componentDidMount = function componentDidMount() {
+	          this.trySubscribe();
+	        };
+
+	        Connect.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+	          if (!_utilsShallowEqual2['default'](nextProps, this.props)) {
+	            if (shouldUpdateStateProps) {
+	              this.updateStateProps(nextProps);
+	            }
+
+	            if (shouldUpdateDispatchProps) {
+	              this.updateDispatchProps(nextProps);
+	            }
+
+	            this.updateState(nextProps);
+	          }
+	        };
+
+	        Connect.prototype.componentWillUnmount = function componentWillUnmount() {
+	          this.tryUnsubscribe();
+	        };
+
+	        Connect.prototype.handleChange = function handleChange() {
+	          if (!this.unsubscribe) {
+	            return;
+	          }
+
+	          if (this.updateStateProps()) {
+	            this.updateState();
+	          }
+	        };
+
+	        Connect.prototype.getWrappedInstance = function getWrappedInstance() {
+	          return this.refs.wrappedInstance;
+	        };
+
+	        Connect.prototype.render = function render() {
+	          return React.createElement(WrappedComponent, _extends({ ref: 'wrappedInstance'
+	          }, this.state.props));
+	        };
+
+	        return Connect;
+	      })(Component);
+
+	      if (process.env.NODE_ENV !== 'production') {
+	        Connect.prototype.componentWillUpdate = function componentWillUpdate() {
+	          if (this.version === version) {
+	            return;
+	          }
+
+	          // We are hot reloading!
+	          this.version = version;
+
+	          // Update the state and bindings.
+	          this.trySubscribe();
+	          this.updateStateProps();
+	          this.updateDispatchProps();
+	          this.updateState();
+	        };
+	      }
+
+	      return Connect;
+	    };
+	  };
+	}
+
+	module.exports = exports['default'];
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+
+/***/ },
+/* 192 */
+/***/ function(module, exports) {
+
+	"use strict";
+
+	exports.__esModule = true;
+	exports["default"] = shallowEqual;
+
+	function shallowEqual(objA, objB) {
+	  if (objA === objB) {
+	    return true;
+	  }
+
+	  var keysA = Object.keys(objA);
+	  var keysB = Object.keys(objB);
+
+	  if (keysA.length !== keysB.length) {
+	    return false;
+	  }
+
+	  // Test for A's keys different from B.
+	  var hasOwn = Object.prototype.hasOwnProperty;
+	  for (var i = 0; i < keysA.length; i++) {
+	    if (!hasOwn.call(objB, keysA[i]) || objA[keysA[i]] !== objB[keysA[i]]) {
+	      return false;
+	    }
+	  }
+
+	  return true;
+	}
+
+	module.exports = exports["default"];
+
+/***/ },
+/* 193 */
+/***/ function(module, exports) {
+
+	'use strict';
+
+	exports.__esModule = true;
+	exports['default'] = isPlainObject;
+	var fnToString = function fnToString(fn) {
+	  return Function.prototype.toString.call(fn);
+	};
+
+	/**
+	 * @param {any} obj The object to inspect.
+	 * @returns {boolean} True if the argument appears to be a plain object.
+	 */
+
+	function isPlainObject(obj) {
+	  if (!obj || typeof obj !== 'object') {
+	    return false;
+	  }
+
+	  var proto = typeof obj.constructor === 'function' ? Object.getPrototypeOf(obj) : Object.prototype;
+
+	  if (proto === null) {
+	    return true;
+	  }
+
+	  var constructor = proto.constructor;
+
+	  return typeof constructor === 'function' && constructor instanceof constructor && fnToString(constructor) === fnToString(Object);
+	}
+
+	module.exports = exports['default'];
+
+/***/ },
+/* 194 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	exports.__esModule = true;
+	exports['default'] = wrapActionCreators;
+
+	var _redux = __webpack_require__(195);
+
+	function wrapActionCreators(actionCreators) {
+	  return function (dispatch) {
+	    return _redux.bindActionCreators(actionCreators, dispatch);
+	  };
+	}
+
+	module.exports = exports['default'];
+
+/***/ },
+/* 195 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
+
+	exports.__esModule = true;
+	exports.compose = exports.applyMiddleware = exports.bindActionCreators = exports.combineReducers = exports.createStore = undefined;
+
+	var _createStore = __webpack_require__(196);
+
+	var _createStore2 = _interopRequireDefault(_createStore);
+
+	var _combineReducers = __webpack_require__(200);
+
+	var _combineReducers2 = _interopRequireDefault(_combineReducers);
+
+	var _bindActionCreators = __webpack_require__(202);
+
+	var _bindActionCreators2 = _interopRequireDefault(_bindActionCreators);
+
+	var _applyMiddleware = __webpack_require__(203);
+
+	var _applyMiddleware2 = _interopRequireDefault(_applyMiddleware);
+
+	var _compose = __webpack_require__(204);
+
+	var _compose2 = _interopRequireDefault(_compose);
+
+	var _warning = __webpack_require__(201);
+
+	var _warning2 = _interopRequireDefault(_warning);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+	/*
+	* This is a dummy function to check if the function name has been altered by minification.
+	* If the function has been minified and NODE_ENV !== 'production', warn the user.
+	*/
+	function isCrushed() {}
+
+	if (process.env.NODE_ENV !== 'production' && typeof isCrushed.name === 'string' && isCrushed.name !== 'isCrushed') {
+	  (0, _warning2["default"])('You are currently using minified code outside of NODE_ENV === \'production\'. ' + 'This means that you are running a slower development build of Redux. ' + 'You can use loose-envify (https://github.com/zertosh/loose-envify) for browserify ' + 'or DefinePlugin for webpack (http://stackoverflow.com/questions/30030031) ' + 'to ensure you have the correct code for your production build.');
+	}
+
+	exports.createStore = _createStore2["default"];
+	exports.combineReducers = _combineReducers2["default"];
+	exports.bindActionCreators = _bindActionCreators2["default"];
+	exports.applyMiddleware = _applyMiddleware2["default"];
+	exports.compose = _compose2["default"];
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+
+/***/ },
+/* 196 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	exports.__esModule = true;
+	exports.ActionTypes = undefined;
+	exports["default"] = createStore;
+
+	var _isPlainObject = __webpack_require__(197);
+
+	var _isPlainObject2 = _interopRequireDefault(_isPlainObject);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+	/**
+	 * These are private action types reserved by Redux.
+	 * For any unknown actions, you must return the current state.
+	 * If the current state is undefined, you must return the initial state.
+	 * Do not reference these action types directly in your code.
+	 */
+	var ActionTypes = exports.ActionTypes = {
+	  INIT: '@@redux/INIT'
+	};
+
+	/**
+	 * Creates a Redux store that holds the state tree.
+	 * The only way to change the data in the store is to call `dispatch()` on it.
+	 *
+	 * There should only be a single store in your app. To specify how different
+	 * parts of the state tree respond to actions, you may combine several reducers
+	 * into a single reducer function by using `combineReducers`.
+	 *
+	 * @param {Function} reducer A function that returns the next state tree, given
+	 * the current state tree and the action to handle.
+	 *
+	 * @param {any} [initialState] The initial state. You may optionally specify it
+	 * to hydrate the state from the server in universal apps, or to restore a
+	 * previously serialized user session.
+	 * If you use `combineReducers` to produce the root reducer function, this must be
+	 * an object with the same shape as `combineReducers` keys.
+	 *
+	 * @param {Function} enhancer The store enhancer. You may optionally specify it
+	 * to enhance the store with third-party capabilities such as middleware,
+	 * time travel, persistence, etc. The only store enhancer that ships with Redux
+	 * is `applyMiddleware()`.
+	 *
+	 * @returns {Store} A Redux store that lets you read the state, dispatch actions
+	 * and subscribe to changes.
+	 */
+	function createStore(reducer, initialState, enhancer) {
+	  if (typeof initialState === 'function' && typeof enhancer === 'undefined') {
+	    enhancer = initialState;
+	    initialState = undefined;
+	  }
+
+	  if (typeof enhancer !== 'undefined') {
+	    if (typeof enhancer !== 'function') {
+	      throw new Error('Expected the enhancer to be a function.');
+	    }
+
+	    return enhancer(createStore)(reducer, initialState);
+	  }
+
+	  if (typeof reducer !== 'function') {
+	    throw new Error('Expected the reducer to be a function.');
+	  }
+
+	  var currentReducer = reducer;
+	  var currentState = initialState;
+	  var currentListeners = [];
+	  var nextListeners = currentListeners;
+	  var isDispatching = false;
+
+	  function ensureCanMutateNextListeners() {
+	    if (nextListeners === currentListeners) {
+	      nextListeners = currentListeners.slice();
+	    }
+	  }
+
+	  /**
+	   * Reads the state tree managed by the store.
+	   *
+	   * @returns {any} The current state tree of your application.
+	   */
+	  function getState() {
+	    return currentState;
+	  }
+
+	  /**
+	   * Adds a change listener. It will be called any time an action is dispatched,
+	   * and some part of the state tree may potentially have changed. You may then
+	   * call `getState()` to read the current state tree inside the callback.
+	   *
+	   * You may call `dispatch()` from a change listener, with the following
+	   * caveats:
+	   *
+	   * 1. The subscriptions are snapshotted just before every `dispatch()` call.
+	   * If you subscribe or unsubscribe while the listeners are being invoked, this
+	   * will not have any effect on the `dispatch()` that is currently in progress.
+	   * However, the next `dispatch()` call, whether nested or not, will use a more
+	   * recent snapshot of the subscription list.
+	   *
+	   * 2. The listener should not expect to see all states changes, as the state
+	   * might have been updated multiple times during a nested `dispatch()` before
+	   * the listener is called. It is, however, guaranteed that all subscribers
+	   * registered before the `dispatch()` started will be called with the latest
+	   * state by the time it exits.
+	   *
+	   * @param {Function} listener A callback to be invoked on every dispatch.
+	   * @returns {Function} A function to remove this change listener.
+	   */
+	  function subscribe(listener) {
+	    if (typeof listener !== 'function') {
+	      throw new Error('Expected listener to be a function.');
+	    }
+
+	    var isSubscribed = true;
+
+	    ensureCanMutateNextListeners();
+	    nextListeners.push(listener);
+
+	    return function unsubscribe() {
+	      if (!isSubscribed) {
+	        return;
+	      }
+
+	      isSubscribed = false;
+
+	      ensureCanMutateNextListeners();
+	      var index = nextListeners.indexOf(listener);
+	      nextListeners.splice(index, 1);
+	    };
+	  }
+
+	  /**
+	   * Dispatches an action. It is the only way to trigger a state change.
+	   *
+	   * The `reducer` function, used to create the store, will be called with the
+	   * current state tree and the given `action`. Its return value will
+	   * be considered the **next** state of the tree, and the change listeners
+	   * will be notified.
+	   *
+	   * The base implementation only supports plain object actions. If you want to
+	   * dispatch a Promise, an Observable, a thunk, or something else, you need to
+	   * wrap your store creating function into the corresponding middleware. For
+	   * example, see the documentation for the `redux-thunk` package. Even the
+	   * middleware will eventually dispatch plain object actions using this method.
+	   *
+	   * @param {Object} action A plain object representing “what changed”. It is
+	   * a good idea to keep actions serializable so you can record and replay user
+	   * sessions, or use the time travelling `redux-devtools`. An action must have
+	   * a `type` property which may not be `undefined`. It is a good idea to use
+	   * string constants for action types.
+	   *
+	   * @returns {Object} For convenience, the same action object you dispatched.
+	   *
+	   * Note that, if you use a custom middleware, it may wrap `dispatch()` to
+	   * return something else (for example, a Promise you can await).
+	   */
+	  function dispatch(action) {
+	    if (!(0, _isPlainObject2["default"])(action)) {
+	      throw new Error('Actions must be plain objects. ' + 'Use custom middleware for async actions.');
+	    }
+
+	    if (typeof action.type === 'undefined') {
+	      throw new Error('Actions may not have an undefined "type" property. ' + 'Have you misspelled a constant?');
+	    }
+
+	    if (isDispatching) {
+	      throw new Error('Reducers may not dispatch actions.');
+	    }
+
+	    try {
+	      isDispatching = true;
+	      currentState = currentReducer(currentState, action);
+	    } finally {
+	      isDispatching = false;
+	    }
+
+	    var listeners = currentListeners = nextListeners;
+	    for (var i = 0; i < listeners.length; i++) {
+	      listeners[i]();
+	    }
+
+	    return action;
+	  }
+
+	  /**
+	   * Replaces the reducer currently used by the store to calculate the state.
+	   *
+	   * You might need this if your app implements code splitting and you want to
+	   * load some of the reducers dynamically. You might also need this if you
+	   * implement a hot reloading mechanism for Redux.
+	   *
+	   * @param {Function} nextReducer The reducer for the store to use instead.
+	   * @returns {void}
+	   */
+	  function replaceReducer(nextReducer) {
+	    if (typeof nextReducer !== 'function') {
+	      throw new Error('Expected the nextReducer to be a function.');
+	    }
+
+	    currentReducer = nextReducer;
+	    dispatch({ type: ActionTypes.INIT });
+	  }
+
+	  // When a store is created, an "INIT" action is dispatched so that every
+	  // reducer returns their initial state. This effectively populates
+	  // the initial state tree.
+	  dispatch({ type: ActionTypes.INIT });
+
+	  return {
+	    dispatch: dispatch,
+	    subscribe: subscribe,
+	    getState: getState,
+	    replaceReducer: replaceReducer
+	  };
+	}
+
+/***/ },
+/* 197 */
+/***/ function(module, exports, __webpack_require__) {
+
+	var isHostObject = __webpack_require__(198),
+	    isObjectLike = __webpack_require__(199);
+
+	/** `Object#toString` result references. */
+	var objectTag = '[object Object]';
+
+	/** Used for built-in method references. */
+	var objectProto = Object.prototype;
+
+	/** Used to resolve the decompiled source of functions. */
+	var funcToString = Function.prototype.toString;
+
+	/** Used to infer the `Object` constructor. */
+	var objectCtorString = funcToString.call(Object);
+
+	/**
+	 * Used to resolve the [`toStringTag`](http://ecma-international.org/ecma-262/6.0/#sec-object.prototype.tostring)
+	 * of values.
+	 */
+	var objectToString = objectProto.toString;
+
+	/** Built-in value references. */
+	var getPrototypeOf = Object.getPrototypeOf;
+
+	/**
+	 * Checks if `value` is a plain object, that is, an object created by the
+	 * `Object` constructor or one with a `[[Prototype]]` of `null`.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @category Lang
+	 * @param {*} value The value to check.
+	 * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.
+	 * @example
+	 *
+	 * function Foo() {
+	 *   this.a = 1;
+	 * }
+	 *
+	 * _.isPlainObject(new Foo);
+	 * // => false
+	 *
+	 * _.isPlainObject([1, 2, 3]);
+	 * // => false
+	 *
+	 * _.isPlainObject({ 'x': 0, 'y': 0 });
+	 * // => true
+	 *
+	 * _.isPlainObject(Object.create(null));
+	 * // => true
+	 */
+	function isPlainObject(value) {
+	  if (!isObjectLike(value) || objectToString.call(value) != objectTag || isHostObject(value)) {
+	    return false;
+	  }
+	  var proto = objectProto;
+	  if (typeof value.constructor == 'function') {
+	    proto = getPrototypeOf(value);
+	  }
+	  if (proto === null) {
+	    return true;
+	  }
+	  var Ctor = proto.constructor;
+	  return (typeof Ctor == 'function' &&
+	    Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString);
+	}
+
+	module.exports = isPlainObject;
+
+
+/***/ },
+/* 198 */
+/***/ function(module, exports) {
+
+	/**
+	 * Checks if `value` is a host object in IE < 9.
+	 *
+	 * @private
+	 * @param {*} value The value to check.
+	 * @returns {boolean} Returns `true` if `value` is a host object, else `false`.
+	 */
+	function isHostObject(value) {
+	  // Many host objects are `Object` objects that can coerce to strings
+	  // despite having improperly defined `toString` methods.
+	  var result = false;
+	  if (value != null && typeof value.toString != 'function') {
+	    try {
+	      result = !!(value + '');
+	    } catch (e) {}
+	  }
+	  return result;
+	}
+
+	module.exports = isHostObject;
+
+
+/***/ },
+/* 199 */
+/***/ function(module, exports) {
+
+	/**
+	 * Checks if `value` is object-like. A value is object-like if it's not `null`
+	 * and has a `typeof` result of "object".
+	 *
+	 * @static
+	 * @memberOf _
+	 * @category Lang
+	 * @param {*} value The value to check.
+	 * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+	 * @example
+	 *
+	 * _.isObjectLike({});
+	 * // => true
+	 *
+	 * _.isObjectLike([1, 2, 3]);
+	 * // => true
+	 *
+	 * _.isObjectLike(_.noop);
+	 * // => false
+	 *
+	 * _.isObjectLike(null);
+	 * // => false
+	 */
+	function isObjectLike(value) {
+	  return !!value && typeof value == 'object';
+	}
+
+	module.exports = isObjectLike;
+
+
+/***/ },
+/* 200 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
+
+	exports.__esModule = true;
+	exports["default"] = combineReducers;
+
+	var _createStore = __webpack_require__(196);
+
+	var _isPlainObject = __webpack_require__(197);
+
+	var _isPlainObject2 = _interopRequireDefault(_isPlainObject);
+
+	var _warning = __webpack_require__(201);
+
+	var _warning2 = _interopRequireDefault(_warning);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+	function getUndefinedStateErrorMessage(key, action) {
+	  var actionType = action && action.type;
+	  var actionName = actionType && '"' + actionType.toString() + '"' || 'an action';
+
+	  return 'Reducer "' + key + '" returned undefined handling ' + actionName + '. ' + 'To ignore an action, you must explicitly return the previous state.';
+	}
+
+	function getUnexpectedStateShapeWarningMessage(inputState, reducers, action) {
+	  var reducerKeys = Object.keys(reducers);
+	  var argumentName = action && action.type === _createStore.ActionTypes.INIT ? 'initialState argument passed to createStore' : 'previous state received by the reducer';
+
+	  if (reducerKeys.length === 0) {
+	    return 'Store does not have a valid reducer. Make sure the argument passed ' + 'to combineReducers is an object whose values are reducers.';
+	  }
+
+	  if (!(0, _isPlainObject2["default"])(inputState)) {
+	    return 'The ' + argumentName + ' has unexpected type of "' + {}.toString.call(inputState).match(/\s([a-z|A-Z]+)/)[1] + '". Expected argument to be an object with the following ' + ('keys: "' + reducerKeys.join('", "') + '"');
+	  }
+
+	  var unexpectedKeys = Object.keys(inputState).filter(function (key) {
+	    return !reducers.hasOwnProperty(key);
+	  });
+
+	  if (unexpectedKeys.length > 0) {
+	    return 'Unexpected ' + (unexpectedKeys.length > 1 ? 'keys' : 'key') + ' ' + ('"' + unexpectedKeys.join('", "') + '" found in ' + argumentName + '. ') + 'Expected to find one of the known reducer keys instead: ' + ('"' + reducerKeys.join('", "') + '". Unexpected keys will be ignored.');
+	  }
+	}
+
+	function assertReducerSanity(reducers) {
+	  Object.keys(reducers).forEach(function (key) {
+	    var reducer = reducers[key];
+	    var initialState = reducer(undefined, { type: _createStore.ActionTypes.INIT });
+
+	    if (typeof initialState === 'undefined') {
+	      throw new Error('Reducer "' + key + '" returned undefined during initialization. ' + 'If the state passed to the reducer is undefined, you must ' + 'explicitly return the initial state. The initial state may ' + 'not be undefined.');
+	    }
+
+	    var type = '@@redux/PROBE_UNKNOWN_ACTION_' + Math.random().toString(36).substring(7).split('').join('.');
+	    if (typeof reducer(undefined, { type: type }) === 'undefined') {
+	      throw new Error('Reducer "' + key + '" returned undefined when probed with a random type. ' + ('Don\'t try to handle ' + _createStore.ActionTypes.INIT + ' or other actions in "redux/*" ') + 'namespace. They are considered private. Instead, you must return the ' + 'current state for any unknown actions, unless it is undefined, ' + 'in which case you must return the initial state, regardless of the ' + 'action type. The initial state may not be undefined.');
+	    }
+	  });
+	}
+
+	/**
+	 * Turns an object whose values are different reducer functions, into a single
+	 * reducer function. It will call every child reducer, and gather their results
+	 * into a single state object, whose keys correspond to the keys of the passed
+	 * reducer functions.
+	 *
+	 * @param {Object} reducers An object whose values correspond to different
+	 * reducer functions that need to be combined into one. One handy way to obtain
+	 * it is to use ES6 `import * as reducers` syntax. The reducers may never return
+	 * undefined for any action. Instead, they should return their initial state
+	 * if the state passed to them was undefined, and the current state for any
+	 * unrecognized action.
+	 *
+	 * @returns {Function} A reducer function that invokes every reducer inside the
+	 * passed object, and builds a state object with the same shape.
+	 */
+	function combineReducers(reducers) {
+	  var reducerKeys = Object.keys(reducers);
+	  var finalReducers = {};
+	  for (var i = 0; i < reducerKeys.length; i++) {
+	    var key = reducerKeys[i];
+	    if (typeof reducers[key] === 'function') {
+	      finalReducers[key] = reducers[key];
+	    }
+	  }
+	  var finalReducerKeys = Object.keys(finalReducers);
+
+	  var sanityError;
+	  try {
+	    assertReducerSanity(finalReducers);
+	  } catch (e) {
+	    sanityError = e;
+	  }
+
+	  return function combination() {
+	    var state = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
+	    var action = arguments[1];
+
+	    if (sanityError) {
+	      throw sanityError;
+	    }
+
+	    if (process.env.NODE_ENV !== 'production') {
+	      var warningMessage = getUnexpectedStateShapeWarningMessage(state, finalReducers, action);
+	      if (warningMessage) {
+	        (0, _warning2["default"])(warningMessage);
+	      }
+	    }
+
+	    var hasChanged = false;
+	    var nextState = {};
+	    for (var i = 0; i < finalReducerKeys.length; i++) {
+	      var key = finalReducerKeys[i];
+	      var reducer = finalReducers[key];
+	      var previousStateForKey = state[key];
+	      var nextStateForKey = reducer(previousStateForKey, action);
+	      if (typeof nextStateForKey === 'undefined') {
+	        var errorMessage = getUndefinedStateErrorMessage(key, action);
+	        throw new Error(errorMessage);
+	      }
+	      nextState[key] = nextStateForKey;
+	      hasChanged = hasChanged || nextStateForKey !== previousStateForKey;
+	    }
+	    return hasChanged ? nextState : state;
+	  };
+	}
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+
+/***/ },
+/* 201 */
+/***/ function(module, exports) {
+
+	'use strict';
+
+	exports.__esModule = true;
+	exports["default"] = warning;
+	/**
+	 * Prints a warning in the console if it exists.
+	 *
+	 * @param {String} message The warning message.
+	 * @returns {void}
+	 */
+	function warning(message) {
+	  /* eslint-disable no-console */
+	  if (typeof console !== 'undefined' && typeof console.error === 'function') {
+	    console.error(message);
+	  }
+	  /* eslint-enable no-console */
+	  try {
+	    // This error was thrown as a convenience so that you can use this stack
+	    // to find the callsite that caused this warning to fire.
+	    throw new Error(message);
+	    /* eslint-disable no-empty */
+	  } catch (e) {}
+	  /* eslint-enable no-empty */
+	}
+
+/***/ },
+/* 202 */
+/***/ function(module, exports) {
+
+	'use strict';
+
+	exports.__esModule = true;
+	exports["default"] = bindActionCreators;
+	function bindActionCreator(actionCreator, dispatch) {
+	  return function () {
+	    return dispatch(actionCreator.apply(undefined, arguments));
+	  };
+	}
+
+	/**
+	 * Turns an object whose values are action creators, into an object with the
+	 * same keys, but with every function wrapped into a `dispatch` call so they
+	 * may be invoked directly. This is just a convenience method, as you can call
+	 * `store.dispatch(MyActionCreators.doSomething())` yourself just fine.
+	 *
+	 * For convenience, you can also pass a single function as the first argument,
+	 * and get a function in return.
+	 *
+	 * @param {Function|Object} actionCreators An object whose values are action
+	 * creator functions. One handy way to obtain it is to use ES6 `import * as`
+	 * syntax. You may also pass a single function.
+	 *
+	 * @param {Function} dispatch The `dispatch` function available on your Redux
+	 * store.
+	 *
+	 * @returns {Function|Object} The object mimicking the original object, but with
+	 * every action creator wrapped into the `dispatch` call. If you passed a
+	 * function as `actionCreators`, the return value will also be a single
+	 * function.
+	 */
+	function bindActionCreators(actionCreators, dispatch) {
+	  if (typeof actionCreators === 'function') {
+	    return bindActionCreator(actionCreators, dispatch);
+	  }
+
+	  if (typeof actionCreators !== 'object' || actionCreators === null) {
+	    throw new Error('bindActionCreators expected an object or a function, instead received ' + (actionCreators === null ? 'null' : typeof actionCreators) + '. ' + 'Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?');
+	  }
+
+	  var keys = Object.keys(actionCreators);
+	  var boundActionCreators = {};
+	  for (var i = 0; i < keys.length; i++) {
+	    var key = keys[i];
+	    var actionCreator = actionCreators[key];
+	    if (typeof actionCreator === 'function') {
+	      boundActionCreators[key] = bindActionCreator(actionCreator, dispatch);
+	    }
+	  }
+	  return boundActionCreators;
+	}
+
+/***/ },
+/* 203 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	var _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; };
+
+	exports.__esModule = true;
+	exports["default"] = applyMiddleware;
+
+	var _compose = __webpack_require__(204);
+
+	var _compose2 = _interopRequireDefault(_compose);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+	/**
+	 * Creates a store enhancer that applies middleware to the dispatch method
+	 * of the Redux store. This is handy for a variety of tasks, such as expressing
+	 * asynchronous actions in a concise manner, or logging every action payload.
+	 *
+	 * See `redux-thunk` package as an example of the Redux middleware.
+	 *
+	 * Because middleware is potentially asynchronous, this should be the first
+	 * store enhancer in the composition chain.
+	 *
+	 * Note that each middleware will be given the `dispatch` and `getState` functions
+	 * as named arguments.
+	 *
+	 * @param {...Function} middlewares The middleware chain to be applied.
+	 * @returns {Function} A store enhancer applying the middleware.
+	 */
+	function applyMiddleware() {
+	  for (var _len = arguments.length, middlewares = Array(_len), _key = 0; _key < _len; _key++) {
+	    middlewares[_key] = arguments[_key];
+	  }
+
+	  return function (createStore) {
+	    return function (reducer, initialState, enhancer) {
+	      var store = createStore(reducer, initialState, enhancer);
+	      var _dispatch = store.dispatch;
+	      var chain = [];
+
+	      var middlewareAPI = {
+	        getState: store.getState,
+	        dispatch: function dispatch(action) {
+	          return _dispatch(action);
+	        }
+	      };
+	      chain = middlewares.map(function (middleware) {
+	        return middleware(middlewareAPI);
+	      });
+	      _dispatch = _compose2["default"].apply(undefined, chain)(store.dispatch);
+
+	      return _extends({}, store, {
+	        dispatch: _dispatch
+	      });
+	    };
+	  };
+	}
+
+/***/ },
+/* 204 */
+/***/ function(module, exports) {
+
+	"use strict";
+
+	exports.__esModule = true;
+	exports["default"] = compose;
+	/**
+	 * Composes single-argument functions from right to left.
+	 *
+	 * @param {...Function} funcs The functions to compose.
+	 * @returns {Function} A function obtained by composing functions from right to
+	 * left. For example, compose(f, g, h) is identical to arg => f(g(h(arg))).
+	 */
+	function compose() {
+	  for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
+	    funcs[_key] = arguments[_key];
+	  }
+
+	  return function () {
+	    if (funcs.length === 0) {
+	      return arguments.length <= 0 ? undefined : arguments[0];
+	    }
+
+	    var last = funcs[funcs.length - 1];
+	    var rest = funcs.slice(0, -1);
+
+	    return rest.reduceRight(function (composed, f) {
+	      return f(composed);
+	    }, last.apply(undefined, arguments));
+	  };
+	}
+
+/***/ },
+/* 205 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-2015, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 */
+
+	'use strict';
+
+	/**
+	 * Use invariant() to assert state which your program assumes to be true.
+	 *
+	 * Provide sprintf-style format (only %s is supported) and arguments
+	 * to provide information about what broke and what you were
+	 * expecting.
+	 *
+	 * The invariant message will be stripped in production, but the invariant
+	 * will remain to ensure logic does not differ in production.
+	 */
+
+	var invariant = function(condition, format, a, b, c, d, e, f) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    if (format === undefined) {
+	      throw new Error('invariant requires an error message argument');
+	    }
+	  }
+
+	  if (!condition) {
+	    var error;
+	    if (format === undefined) {
+	      error = new Error(
+	        'Minified exception occurred; use the non-minified dev environment ' +
+	        'for the full error message and additional helpful warnings.'
+	      );
+	    } else {
+	      var args = [a, b, c, d, e, f];
+	      var argIndex = 0;
+	      error = new Error(
+	        format.replace(/%s/g, function() { return args[argIndex++]; })
+	      );
+	      error.name = 'Invariant Violation';
+	    }
+
+	    error.framesToPop = 1; // we don't care about invariant's own frame
+	    throw error;
+	  }
+	};
+
+	module.exports = invariant;
+
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4)))
+
+/***/ },
+/* 206 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(React) {var ObjDisplayActionCreator, ReactRedux, ViewModeBarItem;
+
+	ReactRedux = __webpack_require__(187);
+
+	ObjDisplayActionCreator = __webpack_require__(207);
+
+	ViewModeBarItem = React.createClass({
+	  displayName: 'ViewModeBarItem',
+	  viewModeButtonsData: {
+	    "THUMBNAIL_VIEW": {
+	      iconTitle: "Thumbnails",
+	      iconClassName: "scrivito_icon_th_small"
+	    },
+	    "TABLE_VIEW": {
+	      iconTitle: "List",
+	      iconClassName: "scrivito_icon_list_medium"
+	    }
+	  },
+	  getIconClassName: function() {
+	    return "scrivito_icon " + this.viewModeButtonsData[this.props.mode].iconClassName;
+	  },
+	  getIconTitle: function() {
+	    return this.viewModeButtonsData[this.props.mode].iconTitle;
+	  },
+	  getLabelClasses: function() {
+	    var className;
+	    className = "";
+	    if (this.props.viewMode === this.props.mode) {
+	      className += "active ";
+	    }
+	    return className += "editing-button-view";
+	  },
+	  changeViewMode: function() {
+	    return this.props.setViewMode(this.props.mode);
+	  },
+	  render: function() {
+	    return React.createElement("span", {
+	      "data-size": this.props.mode,
+	      "className": this.getLabelClasses(),
+	      "onClick": this.changeViewMode
+	    }, React.createElement("i", {
+	      "title": this.getIconTitle(),
+	      "className": this.getIconClassName()
+	    }));
+	  }
+	});
+
+	module.exports = ViewModeBarItem;
+
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
+
+/***/ },
+/* 207 */
+/***/ function(module, exports) {
+
+	var ObjDisplayActionCreator;
+
+	ObjDisplayActionCreator = (function() {
+	  function ObjDisplayActionCreator() {}
+
+	  ObjDisplayActionCreator.THUMBNAIL_VIEW = 'THUMBNAIL_VIEW';
+
+	  ObjDisplayActionCreator.TABLE_VIEW = 'TABLE_VIEW';
+
+	  ObjDisplayActionCreator.SET_VIEW_MODE = 'SET_VIEW_MODE';
+
+	  ObjDisplayActionCreator.setViewMode = function(viewMode) {
+	    return {
+	      type: ObjDisplayActionCreator.SET_VIEW_MODE,
+	      viewMode: viewMode
+	    };
+	  };
+
+	  return ObjDisplayActionCreator;
+
+	})();
+
+	module.exports = ObjDisplayActionCreator;
+
+
+/***/ },
+/* 208 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(React) {var SortMenu, SortMenuItem;
+
+	SortMenuItem = __webpack_require__(209);
+
+	SortMenu = React.createClass({
+	  displayName: 'SortMenu',
+	  sortItemsData: {
+	    "relevance": {
+	      itemTitle: "Sort by relevance",
+	      ascCriteriaTitle: "Relevance",
+	      sortItemType: "relevance"
+	    },
+	    "date": {
+	      itemTitle: "Sort by date",
+	      descCriteriaTitle: "Last change: latest first",
+	      ascCriteriaTitle: "Last change: oldest first",
+	      sortItemType: "_last_changed"
+	    }
+	  },
+	  toggleSortMenu: function() {
+	    return $('.scrivito-content-browser-sort-menu .scrivito_menu_box').fadeToggle();
+	  },
+	  getSortIconClassName: function() {
+	    var sortCriteria, sortIcon;
+	    sortIcon = "scrivito_icon ";
+	    sortCriteria = this.props.filter.sortCriteria;
+	    if (sortCriteria.isSortedDesc()) {
+	      sortIcon += "scrivito_icon_sort_down";
+	    } else {
+	      sortIcon += "scrivito_icon_sort_up";
+	    }
+	    return sortIcon;
+	  },
+	  render: function() {
+	    var sortItem;
+	    return React.createElement("span", {
+	      "className": "scrivito-content-browser-sort-menu scrivito_button scrivito_lightgrey scrivito_right",
+	      "onClick": this.toggleSortMenu
+	    }, React.createElement("i", {
+	      "className": this.getSortIconClassName()
+	    }), this.props.filter.sortCriteria.activeElement(), React.createElement("i", {
+	      "className": "scrivito_icon scrivito-content-browser-menu-icon scrivito_icon_chevron_down"
+	    }), React.createElement("ul", {
+	      "className": "scrivito_menu_box scrivito_left"
+	    }, (function() {
+	      var _i, _len, _ref, _results;
+	      _ref = Object.keys(this.sortItemsData);
+	      _results = [];
+	      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+	        sortItem = _ref[_i];
+	        _results.push(React.createElement(SortMenuItem, {
+	          "filter": this.props.filter,
+	          "key": sortItem,
+	          "sortItem": this.sortItemsData[sortItem]
+	        }));
+	      }
+	      return _results;
+	    }).call(this), React.createElement("li", {
+	      "className": "scrivito_menu_box_overlay"
+	    })));
+	  }
+	});
+
+	module.exports = SortMenu;
+
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
+
+/***/ },
+/* 209 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(React) {var SortCriteria, SortMenuItem;
+
+	SortCriteria = __webpack_require__(164);
+
+	SortMenuItem = React.createClass({
+	  displayName: 'SortMenuItem',
+	  basicIcon: "scrivito_icon  ",
+	  _ascIconSortClass: function() {
+	    return this.basicIcon + "scrivito_icon_sort_down";
+	  },
+	  _descIconSortClass: function() {
+	    return this.basicIcon + "scrivito_icon_sort_up";
+	  },
+	  getSortLiClassName: function(activeElement) {
+	    var itemIcon;
+	    itemIcon = "scrivito_menu_item";
+	    if (this.props.filter.sortCriteria.activeElement() === activeElement) {
+	      itemIcon += " active";
+	    }
+	    return itemIcon;
+	  },
+	  _getAscSortLiClassName: function() {
+	    return this.getSortLiClassName(this.currentSortItem().ascCriteriaTitle);
+	  },
+	  _getDescSortLiClassName: function() {
+	    return this.getSortLiClassName(this.currentSortItem().descCriteriaTitle);
+	  },
+	  currentSortItem: function() {
+	    return this.props.sortItem;
+	  },
+	  _changeSortCriteria: function(reverse, activeItemElement) {
+	    var sortCriteria;
+	    sortCriteria = new SortCriteria(this.currentSortItem().sortItemType, reverse, activeItemElement, this.currentSortItem().itemTitle);
+	    return this.props.filter.setSortCriteria(sortCriteria);
+	  },
+	  _sortInAscOrder: function() {
+	    return this._changeSortCriteria(false, this.currentSortItem().ascCriteriaTitle);
+	  },
+	  _sortInDescOrder: function() {
+	    return this._changeSortCriteria(true, this.currentSortItem().descCriteriaTitle);
+	  },
+	  render: function() {
+	    return React.createElement("div", null, React.createElement("li", {
+	      "className": "scrivito_menu_separator"
+	    }, React.createElement("span", null, (this.currentSortItem().itemTitle))), ((this.currentSortItem().descCriteriaTitle) ? React.createElement("li", {
+	      "className": this._getDescSortLiClassName(),
+	      "onClick": this._sortInDescOrder
+	    }, React.createElement("span", null, React.createElement("i", {
+	      "className": this._descIconSortClass()
+	    }, " "), (this.currentSortItem().descCriteriaTitle))) : void 0), ((this.currentSortItem().ascCriteriaTitle) ? React.createElement("li", {
+	      "className": this._getAscSortLiClassName(),
+	      "onClick": this._sortInAscOrder
+	    }, React.createElement("span", null, React.createElement("i", {
+	      "className": this._ascIconSortClass()
+	    }, " "), (this.currentSortItem().ascCriteriaTitle))) : void 0));
+	  }
+	});
+
+	module.exports = SortMenuItem;
+
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
+
+/***/ },
+/* 210 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(React) {var AdditionalOptionFilter, Filter, FilterMixin, LastAddedFilter, QueryBuilder, SelectedFilter, TreeFilter;
+
+	FilterMixin = __webpack_require__(211);
+
+	AdditionalOptionFilter = __webpack_require__(212);
+
+	TreeFilter = __webpack_require__(219);
+
+	SelectedFilter = __webpack_require__(220);
+
+	QueryBuilder = __webpack_require__(177);
+
+	LastAddedFilter = __webpack_require__(221);
+
+	Filter = React.createClass({
+	  displayName: 'Filter',
+	  mixins: [FilterMixin],
 	  renderAdditionalFilters: function() {
 	    var subFilters;
 	    subFilters = _.map(this.props.filter.additionalFilters, function(additionalFilter) {
@@ -22048,42 +23416,73 @@
 	    });
 	    return this.renderSubFiltersList(subFilters, "compact");
 	  },
-	  loadObjsByFilterQuery: function(filter) {
-	    var query, queryBder;
+	  _activeTags: function() {
+	    return this._activeTags;
+	  },
+	  componentWillReceiveProps: function(nextProps) {
+	    if (!this.state.selectedFilter) {
+	      this._activeTags = nextProps.activeTags;
+	      if (!_.isEqual(this._activeTags, this.props.activeTags)) {
+	        return this.props.filter.trigger("tagActiveStateChanged", this.props.filter);
+	      }
+	    }
+	  },
+	  _buildQuery: function(filter) {
+	    var queryBder;
+	    queryBder = new QueryBuilder(filter, this.props.baseQuery, this._activeTags);
+	    return queryBder.searchRequest();
+	  },
+	  loadObjsByFilterQuery: function(query) {
 	    this.setState({
 	      selectedFilter: false
 	    });
 	    this.props.updateLastAdded(false);
-	    queryBder = new QueryBuilder(filter, this.props.baseQuery);
-	    query = queryBder.searchRequest();
 	    this.props.objCollection.deselectObjs();
 	    return this.props.objCollection.loadFromBackend(query);
 	  },
 	  addedObjsCollectionCount: function() {
 	    return this.props.addedObjsCollection.count();
 	  },
+	  loadObjs: function(filter) {
+	    var query;
+	    query = this._buildQuery(filter);
+	    return this.loadObjsByFilterQuery(query);
+	  },
+	  loadObjsAndTags: function(filter) {
+	    var query;
+	    this._activeTags = [];
+	    query = this._buildQuery(filter);
+	    this.loadObjsByFilterQuery(query);
+	    if (query != null) {
+	      return this.props.fetchTags(query);
+	    } else {
+	      return this.props.disableTags();
+	    }
+	  },
 	  getFilterClassName: function() {
 	    var filterBrowserClass;
 	    filterBrowserClass = "scrivito-content-browser-filter";
-	    if (this.addedObjsCollectionCount() > 0 && this.props.viewMode.isStandAlone()) {
+	    if (this.addedObjsCollectionCount() > 0 && this.props.standAlone) {
 	      return filterBrowserClass;
 	    }
 	    if (this.addedObjsCollectionCount() > 0) {
 	      filterBrowserClass += " last_added";
 	    }
-	    if (this.props.viewMode.isStandAlone()) {
+	    if (this.props.standAlone) {
 	      filterBrowserClass += " stand-alone";
 	    }
 	    return filterBrowserClass;
 	  },
 	  componentDidMount: function() {
-	    return this.props.filter.onChange(this.loadObjsByFilterQuery);
+	    this._activeTags = this.props.activeTags;
+	    this.props.filter.onChange(this.loadObjsAndTags);
+	    return this.props.filter.on("tagActiveStateChanged", this.loadObjs);
 	  },
 	  activateInitialFilter: function() {
 	    if (this.props.objCollection.selectedObjsIds().length > 0) {
 	      return this.activateSelectedFilter();
 	    } else if (this.props.filter.hasActiveChildren()) {
-	      return this.loadObjsByFilterQuery(this.props.filter);
+	      return this.loadObjsAndTags(this.props.filter);
 	    }
 	  },
 	  activateLastAddedFilter: function() {
@@ -22091,6 +23490,7 @@
 	      selectedFilter: false
 	    });
 	    this.props.updateLastAdded(true);
+	    this.props.disableTags();
 	    return this.props.filter.deselectHierarchicalFilters();
 	  },
 	  activateSelectedFilter: function() {
@@ -22100,6 +23500,7 @@
 	      selectedFilter: true
 	    });
 	    this.props.updateLastAdded(false);
+	    this.props.disableTags();
 	    query = QueryBuilder.byId(this.props.objCollection.selectedObjsIds());
 	    return this.props.objCollection.loadFromBackend(query);
 	  },
@@ -22117,18 +23518,20 @@
 	  },
 	  render: function() {
 	    var selectedObjsCount, treeSubFilters;
-	    treeSubFilters = _.map(this.props.filter.getHierarchicalFilters(), function(treeFilter) {
-	      return React.createElement(TreeFilter, {
-	        "key": treeFilter.name,
-	        "filter": treeFilter
-	      });
-	    });
+	    treeSubFilters = _.map(this.props.filter.getHierarchicalFilters(), (function(_this) {
+	      return function(treeFilter) {
+	        return React.createElement(TreeFilter, {
+	          "key": treeFilter.name,
+	          "filter": treeFilter
+	        });
+	      };
+	    })(this));
 	    selectedObjsCount = this.props.objCollection.getSelectedObjs().length;
 	    return React.createElement("div", {
 	      "className": this.getFilterClassName()
 	    }, React.createElement("div", {
 	      "className": "scrivito-content-browser-filter-fixed"
-	    }, (!this.props.viewMode.isStandAlone() ? React.createElement(SelectedFilter, {
+	    }, (!this.props.standAlone ? React.createElement(SelectedFilter, {
 	      "selectedCount": selectedObjsCount,
 	      "active": this.state.selectedFilter,
 	      "activateSelectedFilter": this.activateSelectedFilter
@@ -22147,7 +23550,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 192 */
+/* 211 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var FilterMixin;
@@ -22170,18 +23573,18 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 193 */
+/* 212 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var AdditionalOptionFilter, CheckBoxOptionFilter, DeselectAllRadioOptionFilter, ExpandableFilterNodeMixin, RadioOptionFilter;
 
-	ExpandableFilterNodeMixin = __webpack_require__(194);
+	ExpandableFilterNodeMixin = __webpack_require__(213);
 
-	DeselectAllRadioOptionFilter = __webpack_require__(195);
+	DeselectAllRadioOptionFilter = __webpack_require__(214);
 
-	RadioOptionFilter = __webpack_require__(197);
+	RadioOptionFilter = __webpack_require__(216);
 
-	CheckBoxOptionFilter = __webpack_require__(199);
+	CheckBoxOptionFilter = __webpack_require__(218);
 
 	AdditionalOptionFilter = React.createClass({
 	  displayName: 'AdditionalOptionFilter',
@@ -22237,7 +23640,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 194 */
+/* 213 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var ExpandableFilterNodeMixin;
@@ -22273,12 +23676,12 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 195 */
+/* 214 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var DeselectAllRadioOptionFilter, OptionFilterLabelRenderMixin;
 
-	OptionFilterLabelRenderMixin = __webpack_require__(196);
+	OptionFilterLabelRenderMixin = __webpack_require__(215);
 
 	DeselectAllRadioOptionFilter = React.createClass({
 	  displayName: 'DeselectAllRadioOptionFilter',
@@ -22308,7 +23711,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 196 */
+/* 215 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var OptionFilterLabelRenderMixin;
@@ -22326,12 +23729,12 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 197 */
+/* 216 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var OptionFilterMixin, RadioOptionFilter;
 
-	OptionFilterMixin = __webpack_require__(198);
+	OptionFilterMixin = __webpack_require__(217);
 
 	RadioOptionFilter = React.createClass({
 	  displayName: 'RadioOptionFilter',
@@ -22356,12 +23759,12 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 198 */
+/* 217 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var OptionFilterLabelRenderMixin, OptionFilterMixin;
 
-	OptionFilterLabelRenderMixin = __webpack_require__(196);
+	OptionFilterLabelRenderMixin = __webpack_require__(215);
 
 	OptionFilterMixin = {
 	  mixins: [OptionFilterLabelRenderMixin],
@@ -22384,12 +23787,12 @@
 
 
 /***/ },
-/* 199 */
+/* 218 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var CheckBoxOptionFilter, OptionFilterMixin;
 
-	OptionFilterMixin = __webpack_require__(198);
+	OptionFilterMixin = __webpack_require__(217);
 
 	CheckBoxOptionFilter = React.createClass({
 	  displayName: 'CheckBoxOptionFilter',
@@ -22409,12 +23812,14 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 200 */
+/* 219 */
 /***/ function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(React) {var ExpandableFilterNodeMixin, TreeFilter;
+	/* WEBPACK VAR INJECTION */(function(React) {var ExpandableFilterNodeMixin, QueryBuilder, TreeFilter;
 
-	ExpandableFilterNodeMixin = __webpack_require__(194);
+	ExpandableFilterNodeMixin = __webpack_require__(213);
+
+	QueryBuilder = __webpack_require__(177);
 
 	TreeFilter = React.createClass({
 	  displayName: 'TreeFilter',
@@ -22422,13 +23827,20 @@
 	  getInitialState: function() {
 	    return this.defaultExpansionState();
 	  },
+	  _convertLegacyIconName: function(iconName) {
+	    if (iconName === "generic") {
+	      return "sheet";
+	    } else {
+	      return iconName;
+	    }
+	  },
 	  renderIconTag: function() {
-	    var baseIconClass, iconClass;
+	    var iconClass, iconName;
 	    if (this.props.filter.icon != null) {
-	      baseIconClass = "scrivito_icon";
-	      iconClass = baseIconClass + ("_" + this.props.filter.icon);
+	      iconName = this._convertLegacyIconName(this.props.filter.icon);
+	      iconClass = "scrivito_customer_icon sci_" + iconName;
 	      return React.createElement("i", {
-	        "className": "" + baseIconClass + " " + iconClass
+	        "className": iconClass
 	      });
 	    }
 	  },
@@ -22474,7 +23886,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 201 */
+/* 220 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var SelectedFilter;
@@ -22508,7 +23920,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 202 */
+/* 221 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var LastAddedFilter;
@@ -22542,20 +23954,26 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 203 */
+/* 222 */
 /***/ function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(React) {var Items, LastAddedItems, PresetBuilder, TableView, TableViewContent, ThumbnailItems;
+	/* WEBPACK VAR INJECTION */(function(React) {var Items, LastAddedItems, PresetBuilder, TableView, TableViewContent, TagBar, ThumbnailItems, objDisplayAction, toggleExpandTagBar, toggleTag, _ref;
+
+	TableView = __webpack_require__(223);
+
+	ThumbnailItems = __webpack_require__(224);
 
-	TableView = __webpack_require__(204);
+	PresetBuilder = __webpack_require__(232);
 
-	ThumbnailItems = __webpack_require__(205);
+	LastAddedItems = __webpack_require__(233);
 
-	PresetBuilder = __webpack_require__(213);
+	TableViewContent = __webpack_require__(243);
 
-	LastAddedItems = __webpack_require__(214);
+	TagBar = __webpack_require__(245);
 
-	TableViewContent = __webpack_require__(224);
+	objDisplayAction = __webpack_require__(207);
+
+	_ref = __webpack_require__(246), toggleExpandTagBar = _ref.toggleExpandTagBar, toggleTag = _ref.toggleTag;
 
 	Items = React.createClass({
 	  displayName: 'Items',
@@ -22564,9 +23982,26 @@
 	      dragInProgress: false
 	    };
 	  },
+	  baseItemsClass: function() {
+	    var baseItemClass;
+	    baseItemClass = "scrivito-content-browser-items";
+	    if (this.props.tags.items.length > 0) {
+	      baseItemClass += " tags-row";
+	      if (this.props.tags.isExpanded) {
+	        baseItemClass += " expanded";
+	      }
+	    }
+	    return baseItemClass;
+	  },
+	  toggleExpandTagBar: function() {
+	    return this.props.dispatch(toggleExpandTagBar());
+	  },
+	  toggleTagAction: function(tag) {
+	    return this.props.dispatch(toggleTag(tag, this.props.filter));
+	  },
 	  dropZoneClass: function() {
 	    var className;
-	    className = "scrivito-content-browser-items";
+	    className = this.baseItemsClass();
 	    if (this.state.dragInProgress) {
 	      if (this.props.showLastAdded) {
 	        className += " uploader-drag-over-forbiden";
@@ -22644,7 +24079,11 @@
 	      "onDragOver": this.changeDragState(true),
 	      "onDrop": this.uploadFiles,
 	      "onDragLeave": this.changeDragState(false)
-	    }, (this.props.objCollection.isLoading() ? React.createElement("div", {
+	    }, React.createElement(TagBar, {
+	      "tags": this.props.tags,
+	      "toggleTag": this.toggleTagAction,
+	      "toggleExpandTagBar": this.toggleExpandTagBar
+	    }), (this.props.objCollection.isLoading() ? React.createElement("div", {
 	      "className": "scrivito-content-browser-loading"
 	    }, React.createElement("i", {
 	      "className": "scrivito_icon scrivito_icon_refresh"
@@ -22652,14 +24091,14 @@
 	      "viewMode": this.props.viewMode,
 	      "dragInProgress": this.state.dragInProgress,
 	      "addedObjsCollection": this.props.addedObjsCollection
-	    })) : this.props.viewMode.isList() ? React.createElement(TableView, {
+	    })) : this.props.viewMode === objDisplayAction.TABLE_VIEW ? React.createElement(TableView, {
 	      "objCollection": this.props.objCollection,
 	      "toggleSelected": this.props.toggleSelected,
 	      "filter": this.props.filter,
 	      "addedObjsCollection": this.props.addedObjsCollection
 	    }, React.createElement(TableViewContent, React.__spread({}, this.props))) : React.createElement(ThumbnailItems, {
 	      "objCollection": this.props.objCollection,
-	      "viewMode": this.props.viewMode.getMode(),
+	      "viewMode": this.props.viewMode,
 	      "filter": this.props.filter,
 	      "addedObjsCollection": this.props.addedObjsCollection
 	    })));
@@ -22671,7 +24110,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 204 */
+/* 223 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var TableView;
@@ -22691,20 +24130,20 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 205 */
+/* 224 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var ActiveNodeConfigCollector, InfiniteScrollMixin, ObjCreation, ReactDOM, ThumbnailAddItem, ThumbnailItem, ThumbnailItems;
 
-	InfiniteScrollMixin = __webpack_require__(206);
+	InfiniteScrollMixin = __webpack_require__(225);
 
-	ThumbnailItem = __webpack_require__(207);
+	ThumbnailItem = __webpack_require__(226);
 
-	ThumbnailAddItem = __webpack_require__(210);
+	ThumbnailAddItem = __webpack_require__(229);
 
-	ObjCreation = __webpack_require__(212);
+	ObjCreation = __webpack_require__(231);
 
-	ActiveNodeConfigCollector = __webpack_require__(179);
+	ActiveNodeConfigCollector = __webpack_require__(178);
 
 	ReactDOM = __webpack_require__(158);
 
@@ -22712,7 +24151,7 @@
 	  displayName: 'ThumbnailItems',
 	  mixins: [InfiniteScrollMixin],
 	  getElementDOMNode: function() {
-	    return ReactDOM.findDOMNode(this).parentElement;
+	    return ReactDOM.findDOMNode(this);
 	  },
 	  getSizeClassName: function() {
 	    return "items scrivito-content-browser-thumbnails small";
@@ -22751,7 +24190,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 206 */
+/* 225 */
 /***/ function(module, exports) {
 
 	var InfiniteScrollMixin;
@@ -22818,14 +24257,14 @@
 
 
 /***/ },
-/* 207 */
+/* 226 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var InspectedItemMixin, MimeTypeIcon, ThumbnailItem;
 
-	InspectedItemMixin = __webpack_require__(208);
+	InspectedItemMixin = __webpack_require__(227);
 
-	MimeTypeIcon = __webpack_require__(209);
+	MimeTypeIcon = __webpack_require__(228);
 
 	ThumbnailItem = React.createClass({
 	  displayName: 'ThumbnailItem',
@@ -22884,7 +24323,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 208 */
+/* 227 */
 /***/ function(module, exports) {
 
 	var InspectedItemMixin;
@@ -22915,7 +24354,7 @@
 
 
 /***/ },
-/* 209 */
+/* 228 */
 /***/ function(module, exports) {
 
 	var MimeTypeIcon;
@@ -22962,12 +24401,12 @@
 
 
 /***/ },
-/* 210 */
+/* 229 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var AddItemMixin, ThumbnailAddItem;
 
-	AddItemMixin = __webpack_require__(211);
+	AddItemMixin = __webpack_require__(230);
 
 	ThumbnailAddItem = React.createClass({
 	  displayName: 'ThumbnailAddItem',
@@ -22992,7 +24431,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 211 */
+/* 230 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var AddItemMixin;
@@ -23087,14 +24526,14 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 212 */
+/* 231 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var ActiveNodeConfigCollector, ObjCreation, PresetBuilder;
 
-	ActiveNodeConfigCollector = __webpack_require__(179);
+	ActiveNodeConfigCollector = __webpack_require__(178);
 
-	PresetBuilder = __webpack_require__(213);
+	PresetBuilder = __webpack_require__(232);
 
 	ObjCreation = (function() {
 	  function ObjCreation(filter) {
@@ -23174,12 +24613,12 @@
 
 
 /***/ },
-/* 213 */
+/* 232 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var ActiveNodeConfigCollector, PresetBuilder;
 
-	ActiveNodeConfigCollector = __webpack_require__(179);
+	ActiveNodeConfigCollector = __webpack_require__(178);
 
 	PresetBuilder = (function() {
 	  var Preset;
@@ -23270,16 +24709,18 @@
 
 
 /***/ },
-/* 214 */
+/* 233 */
 /***/ function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(React) {var LastAddedItems, LastAddedTableViewContent, LastAddedThumbnailItems, TableView;
+	/* WEBPACK VAR INJECTION */(function(React) {var LastAddedItems, LastAddedTableViewContent, LastAddedThumbnailItems, TableView, objDisplayAction;
+
+	LastAddedTableViewContent = __webpack_require__(234);
 
-	LastAddedTableViewContent = __webpack_require__(215);
+	LastAddedThumbnailItems = __webpack_require__(240);
 
-	LastAddedThumbnailItems = __webpack_require__(221);
+	TableView = __webpack_require__(223);
 
-	TableView = __webpack_require__(204);
+	objDisplayAction = __webpack_require__(207);
 
 	LastAddedItems = React.createClass({
 	  displayName: 'LastAddedItems',
@@ -23293,7 +24734,7 @@
 	      "className": "scrivito_icon scrivito_icon_error"
 	    }), React.createElement("span", {
 	      "className": "scrivito_title"
-	    }, this.getForbiddenUploadText())) : this.props.viewMode.isList() ? React.createElement(TableView, React.__spread({}, this.props), React.createElement(LastAddedTableViewContent, React.__spread({}, this.props))) : React.createElement(LastAddedThumbnailItems, React.__spread({}, this.props))));
+	    }, this.getForbiddenUploadText())) : this.props.viewMode === objDisplayAction.TABLE_VIEW ? React.createElement(TableView, React.__spread({}, this.props), React.createElement(LastAddedTableViewContent, React.__spread({}, this.props))) : React.createElement(LastAddedThumbnailItems, React.__spread({}, this.props))));
 	  }
 	});
 
@@ -23302,16 +24743,16 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 215 */
+/* 234 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var LastAddedTableViewContent, LastAddedTableViewErrorItem, LastAddedTableViewItem, TableViewItem;
 
-	LastAddedTableViewErrorItem = __webpack_require__(216);
+	LastAddedTableViewErrorItem = __webpack_require__(235);
 
-	LastAddedTableViewItem = __webpack_require__(218);
+	LastAddedTableViewItem = __webpack_require__(237);
 
-	TableViewItem = __webpack_require__(220);
+	TableViewItem = __webpack_require__(239);
 
 	LastAddedTableViewContent = React.createClass({
 	  displayName: 'LastAddedTableViewContent',
@@ -23353,12 +24794,12 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 216 */
+/* 235 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var LastAddedErrorItemMixin, LastAddedTableViewErrorItem;
 
-	LastAddedErrorItemMixin = __webpack_require__(217);
+	LastAddedErrorItemMixin = __webpack_require__(236);
 
 	LastAddedTableViewErrorItem = React.createClass({
 	  displayName: 'LastAddedTableViewError',
@@ -23381,7 +24822,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 217 */
+/* 236 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var LastAddedErrorItemMixin;
@@ -23419,12 +24860,12 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 218 */
+/* 237 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var LastAddedItemMixin, LastAddedTableViewItem;
 
-	LastAddedItemMixin = __webpack_require__(219);
+	LastAddedItemMixin = __webpack_require__(238);
 
 	LastAddedTableViewItem = React.createClass({
 	  displayName: 'LastAddedTableViewItem',
@@ -23449,7 +24890,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 219 */
+/* 238 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var LastAddedItemMixin;
@@ -23475,12 +24916,12 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 220 */
+/* 239 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var InspectedItemMixin, TableViewItem;
 
-	InspectedItemMixin = __webpack_require__(208);
+	InspectedItemMixin = __webpack_require__(227);
 
 	TableViewItem = React.createClass({
 	  displayName: 'TableViewItem',
@@ -23524,16 +24965,16 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 221 */
+/* 240 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var LastAddedThumbnailErrorItem, LastAddedThumbnailItem, LastAddedThumbnailItems, ThumbnailItem;
 
-	LastAddedThumbnailErrorItem = __webpack_require__(222);
+	LastAddedThumbnailErrorItem = __webpack_require__(241);
 
-	LastAddedThumbnailItem = __webpack_require__(223);
+	LastAddedThumbnailItem = __webpack_require__(242);
 
-	ThumbnailItem = __webpack_require__(207);
+	ThumbnailItem = __webpack_require__(226);
 
 	LastAddedThumbnailItems = React.createClass({
 	  displayName: "LastAddedThumbnailItems",
@@ -23577,12 +25018,12 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 222 */
+/* 241 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var LastAddedErrorItemMixin, LastAddedThumbnailErrorItem;
 
-	LastAddedErrorItemMixin = __webpack_require__(217);
+	LastAddedErrorItemMixin = __webpack_require__(236);
 
 	LastAddedThumbnailErrorItem = React.createClass({
 	  displayName: 'LastAddedThumbnailErrorItem',
@@ -23607,12 +25048,12 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 223 */
+/* 242 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var LastAddedItemMixin, LastAddedThumbnailItem;
 
-	LastAddedItemMixin = __webpack_require__(219);
+	LastAddedItemMixin = __webpack_require__(238);
 
 	LastAddedThumbnailItem = React.createClass({
 	  displayName: 'LastAddedThumbnailItem',
@@ -23643,18 +25084,18 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 224 */
+/* 243 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var InfiniteScrollMixin, ObjCreation, ReactDOM, TableViewAddItem, TableViewContent, TableViewItem;
 
-	TableViewItem = __webpack_require__(220);
+	TableViewItem = __webpack_require__(239);
 
-	TableViewAddItem = __webpack_require__(225);
+	TableViewAddItem = __webpack_require__(244);
 
-	ObjCreation = __webpack_require__(212);
+	ObjCreation = __webpack_require__(231);
 
-	InfiniteScrollMixin = __webpack_require__(206);
+	InfiniteScrollMixin = __webpack_require__(225);
 
 	ReactDOM = __webpack_require__(158);
 
@@ -23693,12 +25134,12 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 225 */
+/* 244 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var AddItemMixin, TableViewAddItem;
 
-	AddItemMixin = __webpack_require__(211);
+	AddItemMixin = __webpack_require__(230);
 
 	TableViewAddItem = React.createClass({
 	  mixins: [AddItemMixin],
@@ -23723,7 +25164,134 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 226 */
+/* 245 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(React) {var TagBar;
+
+	TagBar = React.createClass({
+	  displayName: 'TagBar',
+	  expandTagBar: function() {
+	    return this.props.toggleExpandTagBar();
+	  },
+	  tagClasName: function(tag) {
+	    var className;
+	    className = "";
+	    if (_.include(this.props.tags.activeTags, tag)) {
+	      className = "active";
+	    }
+	    return className;
+	  },
+	  toggleTag: function(tag) {
+	    return this.props.toggleTag(tag);
+	  },
+	  renderTags: function() {
+	    return _.map(this.props.tags.items, (function(_this) {
+	      return function(tag) {
+	        return React.createElement("li", {
+	          "key": tag.name,
+	          "onClick": (function() {
+	            return _this.toggleTag(tag.name);
+	          }),
+	          "className": _this.tagClasName(tag.name)
+	        }, tag.name);
+	      };
+	    })(this));
+	  },
+	  render: function() {
+	    return React.createElement("div", {
+	      "className": "scrivito-content-browser-items-tag-wrapper"
+	    }, React.createElement("ul", {
+	      "className": "scrivito-content-browser-items-tag-list"
+	    }, this.renderTags()), React.createElement("i", {
+	      "onClick": this.expandTagBar,
+	      "className": "scrivito_icon scrivito_icon_slidedown"
+	    }));
+	  }
+	});
+
+	module.exports = TagBar;
+
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
+
+/***/ },
+/* 246 */
+/***/ function(module, exports) {
+
+	var TagsActionCreator;
+
+	TagsActionCreator = (function() {
+	  function TagsActionCreator() {}
+
+	  TagsActionCreator.COMPLETE_FETCHING_TAGS = 'COMPLETE_FETCHING_TAGS';
+
+	  TagsActionCreator.START_FETCHING_TAGS = 'START_FETCHING_TAGS';
+
+	  TagsActionCreator.EXPAND_TOGGLE = 'EXPAND_TOGGLE';
+
+	  TagsActionCreator.TOGGLE_TAG = 'TOGGLE_TAG';
+
+	  TagsActionCreator.DISABLE_TAGS = 'DISABLE_TAGS';
+
+	  TagsActionCreator.toggleExpandTagBar = function() {
+	    return {
+	      type: TagsActionCreator.EXPAND_TOGGLE
+	    };
+	  };
+
+	  TagsActionCreator._startToggleTag = function(tag) {
+	    return {
+	      type: TagsActionCreator.TOGGLE_TAG,
+	      tag: tag
+	    };
+	  };
+
+	  TagsActionCreator.disableTags = function() {
+	    return {
+	      type: TagsActionCreator.DISABLE_TAGS
+	    };
+	  };
+
+	  TagsActionCreator.toggleTag = function(tag, filter) {
+	    return function(dispatch, getState) {
+	      dispatch(TagsActionCreator._startToggleTag(tag));
+	      return filter.trigger("tagActiveStateChanged", filter);
+	    };
+	  };
+
+	  TagsActionCreator._startFetchingTags = function() {
+	    return {
+	      type: TagsActionCreator.START_FETCHING_TAGS
+	    };
+	  };
+
+	  TagsActionCreator._completeFetchingTags = function(tags) {
+	    return {
+	      type: TagsActionCreator.COMPLETE_FETCHING_TAGS,
+	      tags: tags
+	    };
+	  };
+
+	  TagsActionCreator.fetchTags = function(query) {
+	    return function(dispatch) {
+	      dispatch(TagsActionCreator._startFetchingTags());
+	      return query.batch_size(0).facet("tags", {
+	        limit: 100
+	      }).then(function(result) {
+	        return dispatch(TagsActionCreator._completeFetchingTags(result));
+	      });
+	    };
+	  };
+
+	  return TagsActionCreator;
+
+	})();
+
+	module.exports = TagsActionCreator;
+
+
+/***/ },
+/* 247 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var MoreItemsSpinner;
@@ -23744,20 +25312,27 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 227 */
+/* 248 */
 /***/ function(module, exports, __webpack_require__) {
 
-	/* WEBPACK VAR INJECTION */(function(React) {var Inspector, MaximizeInspectorToggle, ModalDialogsModule;
+	/* WEBPACK VAR INJECTION */(function(React) {var Inspector, InspectorAction, MaximizeInspectorToggle, ModalDialogsModule, ReactRedux;
+
+	ModalDialogsModule = __webpack_require__(249);
 
-	ModalDialogsModule = __webpack_require__(228);
+	MaximizeInspectorToggle = __webpack_require__(250);
 
-	MaximizeInspectorToggle = __webpack_require__(229);
+	InspectorAction = __webpack_require__(251);
+
+	ReactRedux = __webpack_require__(187);
 
 	Inspector = React.createClass({
 	  displayName: 'Inspector',
 	  getDetailsClassName: function() {
 	    return "scrivito_icon scrivito_icon_eye";
 	  },
+	  toggleInspectorMaximized: function() {
+	    return this.props.dispatch(InspectorAction.toggleInspectorMaximized());
+	  },
 	  getEmptyPlaceholder: function() {
 	    return React.createElement("div", {
 	      "className": "details-view"
@@ -23781,7 +25356,7 @@
 	    return React.createElement("h3", {
 	      "title": title
 	    }, React.createElement(MaximizeInspectorToggle, {
-	      "viewMode": this.props.viewMode
+	      "toggleInspectorMaximized": this.toggleInspectorMaximized
 	    }), React.createElement("span", {
 	      "title": "Details",
 	      "className": this.getDetailsClassName()
@@ -23816,7 +25391,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 228 */
+/* 249 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var ModalDialogsModule;
@@ -23843,7 +25418,7 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 229 */
+/* 250 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var MaximizeInspectorToggle;
@@ -23851,7 +25426,7 @@
 	MaximizeInspectorToggle = React.createClass({
 	  displayName: 'MaximizeInspectorToggle',
 	  _toggleMaximized: function() {
-	    return this.props.viewMode.toggleInspectorMaximized();
+	    return this.props.toggleInspectorMaximized();
 	  },
 	  render: function() {
 	    return React.createElement("span", {
@@ -23869,12 +25444,36 @@
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
 /***/ },
-/* 230 */
+/* 251 */
+/***/ function(module, exports) {
+
+	var InspectorActionCreator;
+
+	InspectorActionCreator = (function() {
+	  function InspectorActionCreator() {}
+
+	  InspectorActionCreator.MAXIMIZE_TOGGLE = 'MAXIMAZED_INSPECTOR_TOGGLE';
+
+	  InspectorActionCreator.toggleInspectorMaximized = function() {
+	    return {
+	      type: this.MAXIMIZE_TOGGLE
+	    };
+	  };
+
+	  return InspectorActionCreator;
+
+	})();
+
+	module.exports = InspectorActionCreator;
+
+
+/***/ },
+/* 252 */
 /***/ function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(React) {var Footer, ModalDialogsModule;
 
-	ModalDialogsModule = __webpack_require__(228);
+	ModalDialogsModule = __webpack_require__(249);
 
 	Footer = React.createClass({
 	  displayName: 'Footer',
@@ -23890,7 +25489,7 @@
 	    return className;
 	  },
 	  closeClick: function() {
-	    if (this.props.viewMode.isStandAlone()) {
+	    if (this.props.standAlone) {
 	      return this.props.promise.resolve();
 	    } else {
 	      return this.props.promise.reject();
@@ -23911,7 +25510,7 @@
 	  _getClassNameCloseButton: function() {
 	    var className;
 	    className = "scrivito_button content-browser-close";
-	    if (this.props.viewMode.isStandAlone()) {
+	    if (this.props.standAlone) {
 	      className += " scrivito_green";
 	    }
 	    return className;
@@ -23924,7 +25523,7 @@
 	      "onClick": this.deleteClick
 	    }, "Delete", React.createElement("span", {
 	      "className": "scrivito-content-browser-counter selected-total"
-	    }, this.currentSelectedCount())), (!this.props.viewMode.isStandAlone() ? React.createElement("a", {
+	    }, this.currentSelectedCount())), (!this.props.standAlone ? React.createElement("a", {
 	      "className": "scrivito_button scrivito_green content-browser-save",
 	      "onClick": this.doneClick
 	    }, "Select", React.createElement("span", {
@@ -23940,5 +25539,235 @@
 
 	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))
 
+/***/ },
+/* 253 */
+/***/ function(module, exports) {
+
+	var LastAddedActionCreator;
+
+	LastAddedActionCreator = (function() {
+	  function LastAddedActionCreator() {}
+
+	  LastAddedActionCreator.LAST_ADDED_TOOGLE = 'LAST_ADDED_TOOGLE';
+
+	  LastAddedActionCreator.setLastAddedVisibility = function(isVisible) {
+	    return {
+	      type: LastAddedActionCreator.LAST_ADDED_TOOGLE,
+	      isVisible: isVisible
+	    };
+	  };
+
+	  return LastAddedActionCreator;
+
+	})();
+
+	module.exports = LastAddedActionCreator;
+
+
+/***/ },
+/* 254 */
+/***/ function(module, exports, __webpack_require__) {
+
+	var applyMiddleware, combinedReducer, configureStore, createStore, thunkMiddleware, _ref;
+
+	thunkMiddleware = __webpack_require__(255);
+
+	_ref = __webpack_require__(195), createStore = _ref.createStore, applyMiddleware = _ref.applyMiddleware;
+
+	combinedReducer = __webpack_require__(256);
+
+	configureStore = function(initialState) {
+	  var createStoreWithMiddleware;
+	  createStoreWithMiddleware = applyMiddleware(thunkMiddleware)(createStore);
+	  return createStoreWithMiddleware(combinedReducer, initialState);
+	};
+
+	module.exports = configureStore;
+
+
+/***/ },
+/* 255 */
+/***/ function(module, exports) {
+
+	'use strict';
+
+	function thunkMiddleware(_ref) {
+	  var dispatch = _ref.dispatch;
+	  var getState = _ref.getState;
+
+	  return function (next) {
+	    return function (action) {
+	      return typeof action === 'function' ? action(dispatch, getState) : next(action);
+	    };
+	  };
+	}
+
+	module.exports = thunkMiddleware;
+
+/***/ },
+/* 256 */
+/***/ function(module, exports, __webpack_require__) {
+
+	var Redux, TagsReducer, combinedReducer, inspectorReducer, lastAddedReducer, objDisplayReducer;
+
+	Redux = __webpack_require__(195);
+
+	inspectorReducer = __webpack_require__(257);
+
+	lastAddedReducer = __webpack_require__(258);
+
+	objDisplayReducer = __webpack_require__(259);
+
+	TagsReducer = __webpack_require__(260);
+
+	combinedReducer = Redux.combineReducers({
+	  objDisplay: objDisplayReducer,
+	  inspector: inspectorReducer,
+	  lastAdded: lastAddedReducer,
+	  tags: TagsReducer
+	});
+
+	module.exports = combinedReducer;
+
+
+/***/ },
+/* 257 */
+/***/ function(module, exports, __webpack_require__) {
+
+	var inspectorActions, inspectorReducer;
+
+	inspectorActions = __webpack_require__(251);
+
+	inspectorReducer = function(state, action) {
+	  if (state == null) {
+	    state = {
+	      isMaximized: false
+	    };
+	  }
+	  switch (action.type) {
+	    case inspectorActions.MAXIMIZE_TOGGLE:
+	      return _.extend({}, state, {
+	        isMaximized: !state.isMaximized
+	      });
+	    default:
+	      return state;
+	  }
+	};
+
+	module.exports = inspectorReducer;
+
+
+/***/ },
+/* 258 */
+/***/ function(module, exports, __webpack_require__) {
+
+	var LAST_ADDED_TOOGLE, LastAddedReducer;
+
+	LAST_ADDED_TOOGLE = __webpack_require__(253).LAST_ADDED_TOOGLE;
+
+	LastAddedReducer = function(state, action) {
+	  if (state == null) {
+	    state = {
+	      isVisible: false
+	    };
+	  }
+	  switch (action.type) {
+	    case LAST_ADDED_TOOGLE:
+	      return _.extend({}, state, {
+	        isVisible: action.isVisible
+	      });
+	    default:
+	      return state;
+	  }
+	};
+
+	module.exports = LastAddedReducer;
+
+
+/***/ },
+/* 259 */
+/***/ function(module, exports, __webpack_require__) {
+
+	var SET_VIEW_MODE, THUMBNAIL_VIEW, objDisplayReducer, _ref;
+
+	_ref = __webpack_require__(207), THUMBNAIL_VIEW = _ref.THUMBNAIL_VIEW, SET_VIEW_MODE = _ref.SET_VIEW_MODE;
+
+	objDisplayReducer = function(state, action) {
+	  if (state == null) {
+	    state = {
+	      viewMode: THUMBNAIL_VIEW
+	    };
+	  }
+	  switch (action.type) {
+	    case SET_VIEW_MODE:
+	      return {
+	        viewMode: action.viewMode
+	      };
+	    default:
+	      return state;
+	  }
+	};
+
+	module.exports = objDisplayReducer;
+
+
+/***/ },
+/* 260 */
+/***/ function(module, exports, __webpack_require__) {
+
+	var COMPLETE_FETCHING_TAGS, DISABLE_TAGS, EXPAND_TOGGLE, START_FETCHING_TAGS, TOGGLE_TAG, TagsReducer, defaultState, getActiveTags, _ref;
+
+	_ref = __webpack_require__(246), START_FETCHING_TAGS = _ref.START_FETCHING_TAGS, EXPAND_TOGGLE = _ref.EXPAND_TOGGLE, TOGGLE_TAG = _ref.TOGGLE_TAG, COMPLETE_FETCHING_TAGS = _ref.COMPLETE_FETCHING_TAGS, DISABLE_TAGS = _ref.DISABLE_TAGS;
+
+	getActiveTags = function(currentActiveTags, actionTag) {
+	  var activeTags;
+	  if (_.include(currentActiveTags, actionTag)) {
+	    return activeTags = _.without(currentActiveTags, actionTag);
+	  } else {
+	    return currentActiveTags.concat([actionTag]);
+	  }
+	};
+
+	defaultState = function() {
+	  return {
+	    isExpanded: false,
+	    items: [],
+	    activeTags: []
+	  };
+	};
+
+	TagsReducer = function(state, action) {
+	  if (state == null) {
+	    state = defaultState();
+	  }
+	  switch (action.type) {
+	    case TOGGLE_TAG:
+	      return _.extend({}, state, {
+	        activeTags: getActiveTags(state.activeTags, action.tag)
+	      });
+	    case EXPAND_TOGGLE:
+	      return _.extend({}, state, {
+	        isExpanded: !state.isExpanded
+	      });
+	    case START_FETCHING_TAGS:
+	      return _.extend({}, state, {
+	        items: [],
+	        activeTags: []
+	      });
+	    case COMPLETE_FETCHING_TAGS:
+	      return _.extend({}, state, {
+	        items: action.tags,
+	        isExpanded: action.tags.length ? state.isExpanded : false
+	      });
+	    case DISABLE_TAGS:
+	      return _.extend({}, state, defaultState());
+	    default:
+	      return state;
+	  }
+	};
+
+	module.exports = TagsReducer;
+
+
 /***/ }
 /******/ ]);