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

package/dist/index.cjs.js

@@ -1085,14 +1085,16 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
         style: {
           minWidth: '100%'
         }
-      }, /*#__PURE__*/React__default['default'].createElement(reactBootstrap.FormControl, {
+      }, /*#__PURE__*/React__default['default'].createElement(GenericInput, {
+        id: "search",
         type: "text",
-        placeholder: "Search news",
+        placeholder: "Search by title",
         value: this.state.search,
         onChange: this.onSearchChange,
+        className: "genericInputContainer-rounded marginTop-10",
         style: {
-          marginBottom: 16,
-          maxWidth: 360
+          maxWidth: 500,
+          marginBottom: 16
         }
       }), this.renderContent());
     }

package/dist/index.esm.js

@@ -11,7 +11,7 @@ import _ from 'lodash';
 import FontAwesome from 'react-fontawesome';
 import * as PlussCore from '@plusscommunities/pluss-core-web';
 import moment from 'moment';
-import { Table, FormControl, FormGroup } from 'react-bootstrap';
+import { Table, FormGroup } from 'react-bootstrap';
 import { Link } from 'react-router-dom';
 import { withRouter } from 'react-router';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -1041,14 +1041,16 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
         style: {
           minWidth: '100%'
         }
-      }, /*#__PURE__*/React.createElement(FormControl, {
+      }, /*#__PURE__*/React.createElement(GenericInput, {
+        id: "search",
         type: "text",
-        placeholder: "Search news",
+        placeholder: "Search by title",
         value: this.state.search,
         onChange: this.onSearchChange,
+        className: "genericInputContainer-rounded marginTop-10",
         style: {
-          marginBottom: 16,
-          maxWidth: 360
+          maxWidth: 500,
+          marginBottom: 16
         }
       }), this.renderContent());
     }

package/dist/index.umd.js

@@ -1063,14 +1063,16 @@
           style: {
             minWidth: '100%'
           }
-        }, /*#__PURE__*/React__default['default'].createElement(reactBootstrap.FormControl, {
+        }, /*#__PURE__*/React__default['default'].createElement(GenericInput, {
+          id: "search",
           type: "text",
-          placeholder: "Search news",
+          placeholder: "Search by title",
           value: this.state.search,
           onChange: this.onSearchChange,
+          className: "genericInputContainer-rounded marginTop-10",
           style: {
-            marginBottom: 16,
-            maxWidth: 360
+            maxWidth: 500,
+            marginBottom: 16
           }
         }), this.renderContent());
       }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@plusscommunities/pluss-newsletter-web-sharing",
-	"version": "1.4.38",
+	"version": "1.4.39",
 	"description": "Extension package to enable newsletter on Pluss Communities Platform",
 	"main": "dist/index.cjs.js",
 	"scripts": {

package/src/screens/Newsletter/ListNewsletterEntries.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Table, FormControl } from 'react-bootstrap';
+import { Table } from 'react-bootstrap';
 import { connect } from 'react-redux';
 import moment from 'moment';
 import _ from 'lodash';
@@ -9,6 +9,7 @@ import { newsLoaded, removeNews } from '../../actions';
 import { newsletterActions } from '../../webapi';
 import { checkLoggedIn, validateAccess } from '../../session';
 import { Text } from '../../components/text';
+import { GenericInput } from '../../components';
 import { TEXT_LIGHT } from '../../js';
 import { values } from '../../values.config';
 
@@ -286,12 +287,14 @@ class ListNewsletter extends Component {
   render() {
     return (
       <div style={{ minWidth: '100%' }}>
-        <FormControl
+        <GenericInput
+          id="search"
           type="text"
-          placeholder="Search news"
+          placeholder="Search by title"
           value={this.state.search}
           onChange={this.onSearchChange}
-          style={{ marginBottom: 16, maxWidth: 360 }}
+          className="genericInputContainer-rounded marginTop-10"
+          style={{ maxWidth: 500, marginBottom: 16 }}
         />
         {this.renderContent()}
       </div>