@plusscommunities/pluss-newsletter-web-sharing 1.4.36 → 1.4.38

package/dist/index.cjs.js

@@ -12,9 +12,9 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var reactRedux = require('react-redux');
 var _ = require('lodash');
-var moment = require('moment');
 var FontAwesome = require('react-fontawesome');
 var PlussCore = require('@plusscommunities/pluss-core-web');
+var moment = require('moment');
 var reactBootstrap = require('react-bootstrap');
 var reactRouterDom = require('react-router-dom');
 var reactRouter = require('react-router');
@@ -57,9 +57,9 @@ var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeO
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var FontAwesome__default = /*#__PURE__*/_interopDefaultLegacy(FontAwesome);
 var PlussCore__namespace = /*#__PURE__*/_interopNamespace(PlussCore);
+var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var $__default = /*#__PURE__*/_interopDefaultLegacy($);
 var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
@@ -158,7 +158,13 @@ var values = {
   textTheNewsSectionUsesCondensedNewsItems: 'The Sharing section uses condensed Sharing items - smaller images, less information and less scrolling.',
   textMenuTitle: 'Sharing',
   textPermissionNewsletterManagement: 'Sharing Management',
-  textPermissionNewsletterSubmission: 'Sharing Submission (Approval Required)'
+  textPermissionNewsletterSubmission: 'Sharing Submission (Approval Required)',
+  // Comment subscription notification preference
+  notificationPreference: {
+    key: 'newsSharingComments',
+    label: 'Sharing comments',
+    permission: 'newsletterSharing'
+  }
 };
 
 // import * as PlussCore from '../../pluss-core/src';
@@ -322,7 +328,8 @@ var FeatureConfig = {
   init: function init(environment) {
     FeatureConfig.env = environment;
     PlussCore__namespace.Config.init(environment);
-  }
+  },
+  notificationPreference: values.notificationPreference
 };
 
 var Components$2 = PlussCore__namespace.Components;
@@ -704,7 +711,7 @@ var COLOUR_BRANDING_MAIN = Colours.COLOUR_BRANDING_MAIN;
 var COLOUR_BRANDING_OFF = Colours.COLOUR_BRANDING_OFF;
 Colours.COLOUR_BRANDING_ACTION;
 var COLOUR_BRANDING_APP = Colours.COLOUR_BRANDING_APP;
-Colours.TEXT_LIGHT;
+var TEXT_LIGHT = Colours.TEXT_LIGHT;
 var hexToRGBAstring = Colours.hexToRGBAstring; // Misc
 
 var hideChat = Helper$1.hideChat;
@@ -715,6 +722,7 @@ var Text = Components$1.Text;
 function _createSuper$g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$g(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
 function _isNativeReflectConstruct$g() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var PAGE_SIZE = 100;
 
 var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](ListNewsletter, _Component);
@@ -734,12 +742,43 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "state", {
       newsletterEntries: [],
-      sortColumn: 'DateUnix',
-      // column to sort by
-      sortDesc: false,
-      // if true, sort descending rather than ascending
+      // Date column sorts on the real UnixTimestamp; defaults to descending so newest posts appear first.
+      sortColumn: 'UnixTimestamp',
+      sortDesc: true,
       now: moment__default['default'].utc(),
-      onlyFuture: true
+      search: '',
+      startIndex: 0,
+      endIndex: PAGE_SIZE
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onSearchChange", function (e) {
+      _this.setState({
+        search: e.target.value,
+        startIndex: 0,
+        endIndex: PAGE_SIZE
+      });
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "prevPage", function () {
+      if (_this.state.startIndex === 0) {
+        return;
+      }
+
+      _this.setState({
+        startIndex: _this.state.startIndex - PAGE_SIZE,
+        endIndex: Math.ceil(_this.state.endIndex / PAGE_SIZE) * PAGE_SIZE - PAGE_SIZE
+      });
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "nextPage", function (filteredCount) {
+      if (_this.state.startIndex + PAGE_SIZE >= filteredCount) {
+        return;
+      }
+
+      _this.setState({
+        startIndex: _this.state.startIndex + PAGE_SIZE,
+        endIndex: Math.ceil(_this.state.endIndex / PAGE_SIZE) * PAGE_SIZE + PAGE_SIZE
+      });
     });
 
     return _this;
@@ -784,15 +823,24 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
     value: function sortByCol(col) {
       if (this.state.sortColumn === col) {
         this.setState({
-          sortDesc: !this.state.sortDesc
+          sortDesc: !this.state.sortDesc,
+          startIndex: 0,
+          endIndex: PAGE_SIZE
         });
       } else {
         this.setState({
           sortColumn: col,
-          sortDesc: false
+          sortDesc: false,
+          startIndex: 0,
+          endIndex: PAGE_SIZE
         });
       }
     }
+  }, {
+    key: "getPaginationText",
+    value: function getPaginationText(filteredCount) {
+      return "".concat(Math.min(this.state.startIndex + 1, filteredCount), "-").concat(Math.min(this.state.endIndex, filteredCount), "/").concat(filteredCount);
+    }
   }, {
     key: "removeNewsletterEntry",
     value: function removeNewsletterEntry(newsletter) {
@@ -812,22 +860,6 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
     value: function renderNewsletter(source) {
       var _this4 = this;
 
-      // let source = _.sortBy(this.state.newsletterEntries, this.state.sortColumn);
-      // if (this.state.sortDesc) {
-      //     source.reverse();
-      // }
-      // source = _.filter(source, (ev) => {
-      //     if (!ev) {
-      //         return false
-      //     }
-      //     return true;
-      // });
-      // if (this.props.onlyFuture) {
-      //     const nownow = moment().startOf('month');
-      //     source = _.filter(source, (ev) => {
-      //         return nownow.isSameOrBefore(moment.utc(ev.UnixTimestamp).local());
-      //     });
-      // }
       return source.map(function (ev) {
         if (ev != null) {
           return /*#__PURE__*/React__default['default'].createElement("tr", {
@@ -916,15 +948,15 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
         condensed: true,
         hover: true
       }, /*#__PURE__*/React__default['default'].createElement("thead", null, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
-        className: "".concat(this.sortIsActive('DateUnix')),
+        className: "".concat(this.sortIsActive('UnixTimestamp')),
         style: {
           cursor: 'pointer',
           width: 140
         },
         onClick: function onClick() {
-          _this5.sortByCol('DateUnix');
+          _this5.sortByCol('UnixTimestamp');
         }
-      }, "Date published", this.renderSort('DateUnix')), /*#__PURE__*/React__default['default'].createElement("th", {
+      }, "Date published", this.renderSort('UnixTimestamp')), /*#__PURE__*/React__default['default'].createElement("th", {
         className: "".concat(this.sortIsActive('Title')),
         style: {
           cursor: 'pointer'
@@ -962,9 +994,57 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
         type: "h3"
       }, values.textThereAreNoNews)));
     }
+  }, {
+    key: "renderPager",
+    value: function renderPager(filteredCount) {
+      var _this6 = this;
+
+      if (filteredCount <= PAGE_SIZE) {
+        return null;
+      }
+
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "paginationContainer",
+        style: {
+          margin: '8px 0'
+        }
+      }, /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
+        className: "pagination__left",
+        name: "chevron-left",
+        style: {
+          cursor: 'pointer',
+          fontSize: 20,
+          color: TEXT_LIGHT
+        },
+        onClick: this.prevPage
+      }), /*#__PURE__*/React__default['default'].createElement("p", {
+        className: "pagination__text",
+        style: {
+          display: 'inline-block',
+          margin: 0,
+          padding: '0 16px',
+          minWidth: 120,
+          textAlign: 'center',
+          color: TEXT_LIGHT
+        }
+      }, this.getPaginationText(filteredCount)), /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
+        className: "pagination__right",
+        name: "chevron-right",
+        style: {
+          cursor: 'pointer',
+          fontSize: 20,
+          color: TEXT_LIGHT
+        },
+        onClick: function onClick() {
+          return _this6.nextPage(filteredCount);
+        }
+      }));
+    }
   }, {
     key: "renderContent",
     value: function renderContent() {
+      var _this7 = this;
+
       var source = ___default['default'].sortBy(this.state.newsletterEntries, this.state.sortColumn);
 
       if (this.state.sortDesc) {
@@ -978,20 +1058,25 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
 
         return true;
       });
+      var search = this.state.search;
 
-      if (this.props.onlyFuture) {
-        var nownow = moment__default['default']().startOf('month');
+      if (!___default['default'].isEmpty(search)) {
+        var lowSearch = search.toLowerCase();
         source = ___default['default'].filter(source, function (ev) {
-          return nownow.isSameOrBefore(moment__default['default'].utc(ev.UnixTimestamp).local());
-        });
-      } // source = []
+          if (!ev.Title) {
+            return false;
+          }
 
+          return ev.Title.toLowerCase().indexOf(lowSearch) > -1;
+        });
+      } // Total matching the search/sort BEFORE the page slice — drives the pager text.
 
-      if (___default['default'].isEmpty(source)) {
-        return this.renderEmpty();
-      }
 
-      return this.renderView(source);
+      var filteredCount = source.length;
+      source = ___default['default'].filter(source, function (ev, i) {
+        return i >= _this7.state.startIndex && i < _this7.state.endIndex;
+      });
+      return /*#__PURE__*/React__default['default'].createElement("div", null, ___default['default'].isEmpty(source) ? this.renderEmpty() : this.renderView(source), this.renderPager(filteredCount));
     }
   }, {
     key: "render",
@@ -1000,7 +1085,16 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
         style: {
           minWidth: '100%'
         }
-      }, this.renderContent());
+      }, /*#__PURE__*/React__default['default'].createElement(reactBootstrap.FormControl, {
+        type: "text",
+        placeholder: "Search news",
+        value: this.state.search,
+        onChange: this.onSearchChange,
+        style: {
+          marginBottom: 16,
+          maxWidth: 360
+        }
+      }), this.renderContent());
     }
   }]);
 
@@ -1981,9 +2075,6 @@ var NewsHub = /*#__PURE__*/function (_Component) {
       loadingSubmissions: false,
       submissionEntries: [],
       allList: [],
-      thisMonth: [],
-      now: moment__default['default'].utc(),
-      onlyFuture: true,
       search: ''
     };
     return _this;
@@ -2008,18 +2099,8 @@ var NewsHub = /*#__PURE__*/function (_Component) {
   }, {
     key: "updateProps",
     value: function updateProps(props) {
-      var thisMonth = [];
-      var nownow = moment__default['default']().startOf('month');
-      props.news.forEach(function (rep) {
-        var isThisMonth = nownow.isSameOrBefore(moment__default['default'].utc(rep.UnixTimestamp).local());
-
-        if (isThisMonth) {
-          thisMonth.push(rep);
-        }
-      });
       this.setState({
         allList: props.news,
-        thisMonth: thisMonth,
         submissionEntries: props.submissions
       });
     }
@@ -2223,9 +2304,7 @@ var NewsHub = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/React__default['default'].createElement(AvailableNews, null);
       }
 
-      return /*#__PURE__*/React__default['default'].createElement(ListNewsletterEntries, {
-        onlyFuture: this.state.selectedSection === 'thisMonth'
-      });
+      return /*#__PURE__*/React__default['default'].createElement(ListNewsletterEntries, null);
     }
   }, {
     key: "render",

package/dist/index.esm.js

@@ -8,10 +8,10 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React, { Component, useState, useEffect } from 'react';
 import { connect } from 'react-redux';
 import _ from 'lodash';
-import moment from 'moment';
 import FontAwesome from 'react-fontawesome';
 import * as PlussCore from '@plusscommunities/pluss-core-web';
-import { Table, FormGroup } from 'react-bootstrap';
+import moment from 'moment';
+import { Table, FormControl, FormGroup } from 'react-bootstrap';
 import { Link } from 'react-router-dom';
 import { withRouter } from 'react-router';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -114,7 +114,13 @@ var values = {
   textTheNewsSectionUsesCondensedNewsItems: 'The Sharing section uses condensed Sharing items - smaller images, less information and less scrolling.',
   textMenuTitle: 'Sharing',
   textPermissionNewsletterManagement: 'Sharing Management',
-  textPermissionNewsletterSubmission: 'Sharing Submission (Approval Required)'
+  textPermissionNewsletterSubmission: 'Sharing Submission (Approval Required)',
+  // Comment subscription notification preference
+  notificationPreference: {
+    key: 'newsSharingComments',
+    label: 'Sharing comments',
+    permission: 'newsletterSharing'
+  }
 };
 
 // import * as PlussCore from '../../pluss-core/src';
@@ -278,7 +284,8 @@ var FeatureConfig = {
   init: function init(environment) {
     FeatureConfig.env = environment;
     PlussCore.Config.init(environment);
-  }
+  },
+  notificationPreference: values.notificationPreference
 };
 
 var Components$2 = PlussCore.Components;
@@ -660,7 +667,7 @@ var COLOUR_BRANDING_MAIN = Colours.COLOUR_BRANDING_MAIN;
 var COLOUR_BRANDING_OFF = Colours.COLOUR_BRANDING_OFF;
 Colours.COLOUR_BRANDING_ACTION;
 var COLOUR_BRANDING_APP = Colours.COLOUR_BRANDING_APP;
-Colours.TEXT_LIGHT;
+var TEXT_LIGHT = Colours.TEXT_LIGHT;
 var hexToRGBAstring = Colours.hexToRGBAstring; // Misc
 
 var hideChat = Helper$1.hideChat;
@@ -671,6 +678,7 @@ var Text = Components$1.Text;
 function _createSuper$g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$g(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$g() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var PAGE_SIZE = 100;
 
 var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
   _inherits(ListNewsletter, _Component);
@@ -690,12 +698,43 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "state", {
       newsletterEntries: [],
-      sortColumn: 'DateUnix',
-      // column to sort by
-      sortDesc: false,
-      // if true, sort descending rather than ascending
+      // Date column sorts on the real UnixTimestamp; defaults to descending so newest posts appear first.
+      sortColumn: 'UnixTimestamp',
+      sortDesc: true,
       now: moment.utc(),
-      onlyFuture: true
+      search: '',
+      startIndex: 0,
+      endIndex: PAGE_SIZE
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onSearchChange", function (e) {
+      _this.setState({
+        search: e.target.value,
+        startIndex: 0,
+        endIndex: PAGE_SIZE
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "prevPage", function () {
+      if (_this.state.startIndex === 0) {
+        return;
+      }
+
+      _this.setState({
+        startIndex: _this.state.startIndex - PAGE_SIZE,
+        endIndex: Math.ceil(_this.state.endIndex / PAGE_SIZE) * PAGE_SIZE - PAGE_SIZE
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "nextPage", function (filteredCount) {
+      if (_this.state.startIndex + PAGE_SIZE >= filteredCount) {
+        return;
+      }
+
+      _this.setState({
+        startIndex: _this.state.startIndex + PAGE_SIZE,
+        endIndex: Math.ceil(_this.state.endIndex / PAGE_SIZE) * PAGE_SIZE + PAGE_SIZE
+      });
     });
 
     return _this;
@@ -740,15 +779,24 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
     value: function sortByCol(col) {
       if (this.state.sortColumn === col) {
         this.setState({
-          sortDesc: !this.state.sortDesc
+          sortDesc: !this.state.sortDesc,
+          startIndex: 0,
+          endIndex: PAGE_SIZE
         });
       } else {
         this.setState({
           sortColumn: col,
-          sortDesc: false
+          sortDesc: false,
+          startIndex: 0,
+          endIndex: PAGE_SIZE
         });
       }
     }
+  }, {
+    key: "getPaginationText",
+    value: function getPaginationText(filteredCount) {
+      return "".concat(Math.min(this.state.startIndex + 1, filteredCount), "-").concat(Math.min(this.state.endIndex, filteredCount), "/").concat(filteredCount);
+    }
   }, {
     key: "removeNewsletterEntry",
     value: function removeNewsletterEntry(newsletter) {
@@ -768,22 +816,6 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
     value: function renderNewsletter(source) {
       var _this4 = this;
 
-      // let source = _.sortBy(this.state.newsletterEntries, this.state.sortColumn);
-      // if (this.state.sortDesc) {
-      //     source.reverse();
-      // }
-      // source = _.filter(source, (ev) => {
-      //     if (!ev) {
-      //         return false
-      //     }
-      //     return true;
-      // });
-      // if (this.props.onlyFuture) {
-      //     const nownow = moment().startOf('month');
-      //     source = _.filter(source, (ev) => {
-      //         return nownow.isSameOrBefore(moment.utc(ev.UnixTimestamp).local());
-      //     });
-      // }
       return source.map(function (ev) {
         if (ev != null) {
           return /*#__PURE__*/React.createElement("tr", {
@@ -872,15 +904,15 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
         condensed: true,
         hover: true
       }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
-        className: "".concat(this.sortIsActive('DateUnix')),
+        className: "".concat(this.sortIsActive('UnixTimestamp')),
         style: {
           cursor: 'pointer',
           width: 140
         },
         onClick: function onClick() {
-          _this5.sortByCol('DateUnix');
+          _this5.sortByCol('UnixTimestamp');
         }
-      }, "Date published", this.renderSort('DateUnix')), /*#__PURE__*/React.createElement("th", {
+      }, "Date published", this.renderSort('UnixTimestamp')), /*#__PURE__*/React.createElement("th", {
         className: "".concat(this.sortIsActive('Title')),
         style: {
           cursor: 'pointer'
@@ -918,9 +950,57 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
         type: "h3"
       }, values.textThereAreNoNews)));
     }
+  }, {
+    key: "renderPager",
+    value: function renderPager(filteredCount) {
+      var _this6 = this;
+
+      if (filteredCount <= PAGE_SIZE) {
+        return null;
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: "paginationContainer",
+        style: {
+          margin: '8px 0'
+        }
+      }, /*#__PURE__*/React.createElement(FontAwesome, {
+        className: "pagination__left",
+        name: "chevron-left",
+        style: {
+          cursor: 'pointer',
+          fontSize: 20,
+          color: TEXT_LIGHT
+        },
+        onClick: this.prevPage
+      }), /*#__PURE__*/React.createElement("p", {
+        className: "pagination__text",
+        style: {
+          display: 'inline-block',
+          margin: 0,
+          padding: '0 16px',
+          minWidth: 120,
+          textAlign: 'center',
+          color: TEXT_LIGHT
+        }
+      }, this.getPaginationText(filteredCount)), /*#__PURE__*/React.createElement(FontAwesome, {
+        className: "pagination__right",
+        name: "chevron-right",
+        style: {
+          cursor: 'pointer',
+          fontSize: 20,
+          color: TEXT_LIGHT
+        },
+        onClick: function onClick() {
+          return _this6.nextPage(filteredCount);
+        }
+      }));
+    }
   }, {
     key: "renderContent",
     value: function renderContent() {
+      var _this7 = this;
+
       var source = _.sortBy(this.state.newsletterEntries, this.state.sortColumn);
 
       if (this.state.sortDesc) {
@@ -934,20 +1014,25 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
 
         return true;
       });
+      var search = this.state.search;
 
-      if (this.props.onlyFuture) {
-        var nownow = moment().startOf('month');
+      if (!_.isEmpty(search)) {
+        var lowSearch = search.toLowerCase();
         source = _.filter(source, function (ev) {
-          return nownow.isSameOrBefore(moment.utc(ev.UnixTimestamp).local());
-        });
-      } // source = []
+          if (!ev.Title) {
+            return false;
+          }
 
+          return ev.Title.toLowerCase().indexOf(lowSearch) > -1;
+        });
+      } // Total matching the search/sort BEFORE the page slice — drives the pager text.
 
-      if (_.isEmpty(source)) {
-        return this.renderEmpty();
-      }
 
-      return this.renderView(source);
+      var filteredCount = source.length;
+      source = _.filter(source, function (ev, i) {
+        return i >= _this7.state.startIndex && i < _this7.state.endIndex;
+      });
+      return /*#__PURE__*/React.createElement("div", null, _.isEmpty(source) ? this.renderEmpty() : this.renderView(source), this.renderPager(filteredCount));
     }
   }, {
     key: "render",
@@ -956,7 +1041,16 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
         style: {
           minWidth: '100%'
         }
-      }, this.renderContent());
+      }, /*#__PURE__*/React.createElement(FormControl, {
+        type: "text",
+        placeholder: "Search news",
+        value: this.state.search,
+        onChange: this.onSearchChange,
+        style: {
+          marginBottom: 16,
+          maxWidth: 360
+        }
+      }), this.renderContent());
     }
   }]);
 
@@ -1937,9 +2031,6 @@ var NewsHub = /*#__PURE__*/function (_Component) {
       loadingSubmissions: false,
       submissionEntries: [],
       allList: [],
-      thisMonth: [],
-      now: moment.utc(),
-      onlyFuture: true,
       search: ''
     };
     return _this;
@@ -1964,18 +2055,8 @@ var NewsHub = /*#__PURE__*/function (_Component) {
   }, {
     key: "updateProps",
     value: function updateProps(props) {
-      var thisMonth = [];
-      var nownow = moment().startOf('month');
-      props.news.forEach(function (rep) {
-        var isThisMonth = nownow.isSameOrBefore(moment.utc(rep.UnixTimestamp).local());
-
-        if (isThisMonth) {
-          thisMonth.push(rep);
-        }
-      });
       this.setState({
         allList: props.news,
-        thisMonth: thisMonth,
         submissionEntries: props.submissions
       });
     }
@@ -2179,9 +2260,7 @@ var NewsHub = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/React.createElement(AvailableNews, null);
       }
 
-      return /*#__PURE__*/React.createElement(ListNewsletterEntries, {
-        onlyFuture: this.state.selectedSection === 'thisMonth'
-      });
+      return /*#__PURE__*/React.createElement(ListNewsletterEntries, null);
     }
   }, {
     key: "render",