@plusscommunities/pluss-core-web 1.3.3-beta.0 → 1.4.1

package/dist/index.cjs.js

@@ -28,6 +28,7 @@ var reactRouter = require('react-router');
 var reactBootstrap = require('react-bootstrap');
 var reactLottie = require('@crello/react-lottie');
 var reactCsv = require('react-csv');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -51,6 +52,7 @@ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
 var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
 var Dropzone__default = /*#__PURE__*/_interopDefaultLegacy(Dropzone);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 
 var CoreConfig = {
   env: {
@@ -1635,8 +1637,8 @@ var LINEGREY = COLOUR_BRANDING_INACTIVE; // const BORDER_LINE_GREY = COLOUR_BRAN
 // const COLOUR_BLUE_ALPHA10 = 'rgba(0, 131, 238, 0.1)';
 // const COLOUR_DARKBLUE = '#191e78';
 // const COLOUR_PURPLE = '#6e79c5';
-// const COLOUR_RED = '#c02743';
-// const COLOUR_GREEN = '#00cc9c';
+
+var COLOUR_RED = '#c02743'; // const COLOUR_GREEN = '#00cc9c';
 // const COLOUR_TANGERINE = '#ff8c75';
 // const COLOUR_CITRON = '#bdbd27';
 // const COLOUR_GRAPEFRUIT = '#ff6363';
@@ -1657,6 +1659,7 @@ var colours = /*#__PURE__*/Object.freeze({
   COLOUR_DUSK_LIGHT: COLOUR_DUSK_LIGHT,
   COLOUR_DUSK_LIGHTER: COLOUR_DUSK_LIGHTER,
   LINEGREY: LINEGREY,
+  COLOUR_RED: COLOUR_RED,
   COLOUR_BRANDING_MAIN: COLOUR_BRANDING_MAIN,
   COLOUR_BRANDING_OFF: COLOUR_BRANDING_OFF,
   COLOUR_BRANDING_ACTION: COLOUR_BRANDING_ACTION,
@@ -10883,6 +10886,27 @@ var ExportCsvPopup = /*#__PURE__*/function (_Component) {
   return ExportCsvPopup;
 }(React.Component);
 
+var _excluded = ["id", "label", "help", "showError", "required"];
+
+function InputGroup(_ref) {
+  var id = _ref.id,
+      label = _ref.label,
+      help = _ref.help,
+      showError = _ref.showError,
+      required = _ref.required,
+      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+
+  return /*#__PURE__*/React__default['default'].createElement(reactBootstrap.FormGroup, {
+    controlId: id,
+    validationState: showError ? 'error' : null
+  }, /*#__PURE__*/React__default['default'].createElement(reactBootstrap.ControlLabel, null, /*#__PURE__*/React__default['default'].createElement("span", null, label), required && /*#__PURE__*/React__default['default'].createElement("span", {
+    style: {
+      color: COLOUR_RED,
+      marginLeft: 5
+    }
+  }, "*")), /*#__PURE__*/React__default['default'].createElement(reactBootstrap.FormControl, props), help && /*#__PURE__*/React__default['default'].createElement(reactBootstrap.HelpBlock, null, help));
+}
+
 var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
   AddButton: AddButton,
@@ -10922,7 +10946,8 @@ var index = /*#__PURE__*/Object.freeze({
   OptionsSection: OptionsSection,
   DropdownInput: DropdownInput,
   MakerPopup: exportObj,
-  ExportCsvPopup: ExportCsvPopup
+  ExportCsvPopup: ExportCsvPopup,
+  InputGroup: InputGroup
 });
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

package/dist/index.esm.js

@@ -21,9 +21,10 @@ import { connect } from 'react-redux';
 import Textarea from 'react-textarea-autosize';
 import Dropzone from 'react-dropzone';
 import { withRouter } from 'react-router';
-import { MenuItem, DropdownButton } from 'react-bootstrap';
+import { MenuItem, DropdownButton, FormGroup, ControlLabel, FormControl, HelpBlock } from 'react-bootstrap';
 import { Lottie } from '@crello/react-lottie';
 import { CSVLink } from 'react-csv';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 
 var CoreConfig = {
   env: {
@@ -1608,8 +1609,8 @@ var LINEGREY = COLOUR_BRANDING_INACTIVE; // const BORDER_LINE_GREY = COLOUR_BRAN
 // const COLOUR_BLUE_ALPHA10 = 'rgba(0, 131, 238, 0.1)';
 // const COLOUR_DARKBLUE = '#191e78';
 // const COLOUR_PURPLE = '#6e79c5';
-// const COLOUR_RED = '#c02743';
-// const COLOUR_GREEN = '#00cc9c';
+
+var COLOUR_RED = '#c02743'; // const COLOUR_GREEN = '#00cc9c';
 // const COLOUR_TANGERINE = '#ff8c75';
 // const COLOUR_CITRON = '#bdbd27';
 // const COLOUR_GRAPEFRUIT = '#ff6363';
@@ -1630,6 +1631,7 @@ var colours = /*#__PURE__*/Object.freeze({
   COLOUR_DUSK_LIGHT: COLOUR_DUSK_LIGHT,
   COLOUR_DUSK_LIGHTER: COLOUR_DUSK_LIGHTER,
   LINEGREY: LINEGREY,
+  COLOUR_RED: COLOUR_RED,
   COLOUR_BRANDING_MAIN: COLOUR_BRANDING_MAIN,
   COLOUR_BRANDING_OFF: COLOUR_BRANDING_OFF,
   COLOUR_BRANDING_ACTION: COLOUR_BRANDING_ACTION,
@@ -10856,6 +10858,27 @@ var ExportCsvPopup = /*#__PURE__*/function (_Component) {
   return ExportCsvPopup;
 }(Component);
 
+var _excluded = ["id", "label", "help", "showError", "required"];
+
+function InputGroup(_ref) {
+  var id = _ref.id,
+      label = _ref.label,
+      help = _ref.help,
+      showError = _ref.showError,
+      required = _ref.required,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(FormGroup, {
+    controlId: id,
+    validationState: showError ? 'error' : null
+  }, /*#__PURE__*/React.createElement(ControlLabel, null, /*#__PURE__*/React.createElement("span", null, label), required && /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: COLOUR_RED,
+      marginLeft: 5
+    }
+  }, "*")), /*#__PURE__*/React.createElement(FormControl, props), help && /*#__PURE__*/React.createElement(HelpBlock, null, help));
+}
+
 var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
   AddButton: AddButton,
@@ -10895,7 +10918,8 @@ var index = /*#__PURE__*/Object.freeze({
   OptionsSection: OptionsSection,
   DropdownInput: DropdownInput,
   MakerPopup: exportObj,
-  ExportCsvPopup: ExportCsvPopup
+  ExportCsvPopup: ExportCsvPopup,
+  InputGroup: InputGroup
 });
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@babel/runtime/helpers/toConsumableArray'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('lodash'), require('axios'), require('aws-amplify'), require('@babel/runtime/helpers/defineProperty'), require('react'), require('jquery'), require('moment'), require('js-cookie'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('react-fontawesome'), require('@babel/runtime/helpers/extends'), require('@babel/runtime/helpers/assertThisInitialized'), require('react-redux'), require('react-textarea-autosize'), require('react-dropzone'), require('react-router'), require('react-bootstrap'), require('@crello/react-lottie'), require('react-csv')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@babel/runtime/helpers/toConsumableArray', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', 'lodash', 'axios', 'aws-amplify', '@babel/runtime/helpers/defineProperty', 'react', 'jquery', 'moment', 'js-cookie', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', 'react-fontawesome', '@babel/runtime/helpers/extends', '@babel/runtime/helpers/assertThisInitialized', 'react-redux', 'react-textarea-autosize', 'react-dropzone', 'react-router', 'react-bootstrap', '@crello/react-lottie', 'react-csv'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['@plusscommunities/pluss-core-web'] = {}, global._toConsumableArray, global._asyncToGenerator, global._regeneratorRuntime, global._, global.axios, global.awsAmplify, global._defineProperty, global.React, global.$, global.moment, global.Cookies, global._classCallCheck, global._createClass, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global.FontAwesome, global._extends, global._assertThisInitialized, global.reactRedux, global.Textarea, global.Dropzone, global.reactRouter, global.reactBootstrap, global.reactLottie, global.reactCsv));
-}(this, (function (exports, _toConsumableArray, _asyncToGenerator, _regeneratorRuntime, _, axios, awsAmplify, _defineProperty, React, $, moment, Cookies, _classCallCheck, _createClass, _inherits, _possibleConstructorReturn, _getPrototypeOf, FontAwesome, _extends, _assertThisInitialized, reactRedux, Textarea, Dropzone, reactRouter, reactBootstrap, reactLottie, reactCsv) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@babel/runtime/helpers/toConsumableArray'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('lodash'), require('axios'), require('aws-amplify'), require('@babel/runtime/helpers/defineProperty'), require('react'), require('jquery'), require('moment'), require('js-cookie'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('react-fontawesome'), require('@babel/runtime/helpers/extends'), require('@babel/runtime/helpers/assertThisInitialized'), require('react-redux'), require('react-textarea-autosize'), require('react-dropzone'), require('react-router'), require('react-bootstrap'), require('@crello/react-lottie'), require('react-csv'), require('@babel/runtime/helpers/objectWithoutProperties')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@babel/runtime/helpers/toConsumableArray', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', 'lodash', 'axios', 'aws-amplify', '@babel/runtime/helpers/defineProperty', 'react', 'jquery', 'moment', 'js-cookie', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', 'react-fontawesome', '@babel/runtime/helpers/extends', '@babel/runtime/helpers/assertThisInitialized', 'react-redux', 'react-textarea-autosize', 'react-dropzone', 'react-router', 'react-bootstrap', '@crello/react-lottie', 'react-csv', '@babel/runtime/helpers/objectWithoutProperties'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['@plusscommunities/pluss-core-web'] = {}, global._toConsumableArray, global._asyncToGenerator, global._regeneratorRuntime, global._, global.axios, global.awsAmplify, global._defineProperty, global.React, global.$, global.moment, global.Cookies, global._classCallCheck, global._createClass, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global.FontAwesome, global._extends, global._assertThisInitialized, global.reactRedux, global.Textarea, global.Dropzone, global.reactRouter, global.reactBootstrap, global.reactLottie, global.reactCsv, global._objectWithoutProperties));
+}(this, (function (exports, _toConsumableArray, _asyncToGenerator, _regeneratorRuntime, _, axios, awsAmplify, _defineProperty, React, $, moment, Cookies, _classCallCheck, _createClass, _inherits, _possibleConstructorReturn, _getPrototypeOf, FontAwesome, _extends, _assertThisInitialized, reactRedux, Textarea, Dropzone, reactRouter, reactBootstrap, reactLottie, reactCsv, _objectWithoutProperties) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,6 +26,7 @@
   var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
   var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
   var Dropzone__default = /*#__PURE__*/_interopDefaultLegacy(Dropzone);
+  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 
   var CoreConfig = {
     env: {
@@ -1610,8 +1611,8 @@
   // const COLOUR_BLUE_ALPHA10 = 'rgba(0, 131, 238, 0.1)';
   // const COLOUR_DARKBLUE = '#191e78';
   // const COLOUR_PURPLE = '#6e79c5';
-  // const COLOUR_RED = '#c02743';
-  // const COLOUR_GREEN = '#00cc9c';
+
+  var COLOUR_RED = '#c02743'; // const COLOUR_GREEN = '#00cc9c';
   // const COLOUR_TANGERINE = '#ff8c75';
   // const COLOUR_CITRON = '#bdbd27';
   // const COLOUR_GRAPEFRUIT = '#ff6363';
@@ -1632,6 +1633,7 @@
     COLOUR_DUSK_LIGHT: COLOUR_DUSK_LIGHT,
     COLOUR_DUSK_LIGHTER: COLOUR_DUSK_LIGHTER,
     LINEGREY: LINEGREY,
+    COLOUR_RED: COLOUR_RED,
     COLOUR_BRANDING_MAIN: COLOUR_BRANDING_MAIN,
     COLOUR_BRANDING_OFF: COLOUR_BRANDING_OFF,
     COLOUR_BRANDING_ACTION: COLOUR_BRANDING_ACTION,
@@ -10858,6 +10860,27 @@
     return ExportCsvPopup;
   }(React.Component);
 
+  var _excluded = ["id", "label", "help", "showError", "required"];
+
+  function InputGroup(_ref) {
+    var id = _ref.id,
+        label = _ref.label,
+        help = _ref.help,
+        showError = _ref.showError,
+        required = _ref.required,
+        props = _objectWithoutProperties__default['default'](_ref, _excluded);
+
+    return /*#__PURE__*/React__default['default'].createElement(reactBootstrap.FormGroup, {
+      controlId: id,
+      validationState: showError ? 'error' : null
+    }, /*#__PURE__*/React__default['default'].createElement(reactBootstrap.ControlLabel, null, /*#__PURE__*/React__default['default'].createElement("span", null, label), required && /*#__PURE__*/React__default['default'].createElement("span", {
+      style: {
+        color: COLOUR_RED,
+        marginLeft: 5
+      }
+    }, "*")), /*#__PURE__*/React__default['default'].createElement(reactBootstrap.FormControl, props), help && /*#__PURE__*/React__default['default'].createElement(reactBootstrap.HelpBlock, null, help));
+  }
+
   var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     AddButton: AddButton,
@@ -10897,7 +10920,8 @@
     OptionsSection: OptionsSection,
     DropdownInput: DropdownInput,
     MakerPopup: exportObj,
-    ExportCsvPopup: ExportCsvPopup
+    ExportCsvPopup: ExportCsvPopup,
+    InputGroup: InputGroup
   });
 
   function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-core-web",
-  "version": "1.3.3-beta.0",
+  "version": "1.4.1",
   "description": "Core extension package for Pluss Communities platform",
   "main": "dist/index.cjs.js",
   "scripts": {

package/src/colours.js

@@ -31,7 +31,7 @@ const LINEGREY = COLOUR_BRANDING_INACTIVE;
 // const COLOUR_BLUE_ALPHA10 = 'rgba(0, 131, 238, 0.1)';
 // const COLOUR_DARKBLUE = '#191e78';
 // const COLOUR_PURPLE = '#6e79c5';
-// const COLOUR_RED = '#c02743';
+const COLOUR_RED = '#c02743';
 // const COLOUR_GREEN = '#00cc9c';
 // const COLOUR_TANGERINE = '#ff8c75';
 // const COLOUR_CITRON = '#bdbd27';
@@ -109,7 +109,7 @@ export {
   // COLOUR_BLUE_ALPHA10,
   // COLOUR_DARKBLUE,
   // COLOUR_PURPLE,
-  // COLOUR_RED,
+  COLOUR_RED,
   // COLOUR_TANGERINE,
   // COLOUR_CITRON,
   // COLOUR_GRAPEFRUIT,

package/src/components/InputGroup.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { FormGroup, FormControl, ControlLabel, HelpBlock } from 'react-bootstrap';
+import { COLOUR_RED } from '../colours';
+
+function InputGroup({ id, label, help, showError, required, ...props }) {
+  return (
+    <FormGroup controlId={id} validationState={showError ? 'error' : null}>
+      <ControlLabel>
+        <span>{label}</span>
+        {required && <span style={{ color: COLOUR_RED, marginLeft: 5 }}>*</span>}
+      </ControlLabel>
+      <FormControl {...props} />
+      {help && <HelpBlock>{help}</HelpBlock>}
+    </FormGroup>
+  );
+}
+
+export { InputGroup };

package/src/components/index.js

@@ -38,3 +38,4 @@ export * from './OptionsSection';
 export * from './DropdownInput';
 export * from './MakerPopup';
 export * from './ExportCsvPopup';
+export * from './InputGroup';