@plusscommunities/pluss-core-web 1.4.34 → 1.4.35

package/dist/index.cjs.js

@@ -27,6 +27,7 @@ var _typeof = require('@babel/runtime/helpers/typeof');
 var Dropzone = require('react-dropzone');
 var reactRouter = require('react-router');
 var reactBootstrap = require('react-bootstrap');
+var PlussCore = require('@plusscommunities/pluss-core-web');
 var reactFontawesome = require('@fortawesome/react-fontawesome');
 var reactLottie = require('@crello/react-lottie');
 var reactCsv = require('react-csv');
@@ -38,6 +39,26 @@ var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () {
+            return e[k];
+          }
+        });
+      }
+    });
+  }
+  n['default'] = e;
+  return Object.freeze(n);
+}
+
 var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
@@ -59,6 +80,7 @@ var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
 var Dropzone__default = /*#__PURE__*/_interopDefaultLegacy(Dropzone);
+var PlussCore__namespace = /*#__PURE__*/_interopNamespace(PlussCore);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var tinycolor__default = /*#__PURE__*/_interopDefaultLegacy(tinycolor);
 
@@ -1164,7 +1186,7 @@ var index$3 = /*#__PURE__*/Object.freeze({
 // const COLOUR_1 = '#011d5c';
 // const COLOUR_2 = '#3179cb';
 // const COLOUR_3 = '#1bb7ee';
-var COLOUR_BRANDING_MAIN = '#4a57b7'; // const COLOUR_BRANDING_DARK = '#364196';
+var COLOUR_BRANDING_MAIN$1 = '#4a57b7'; // const COLOUR_BRANDING_DARK = '#364196';
 // const COLOUR_BRANDING_LIGHT = '#597db4';
 
 var COLOUR_BRANDING_OFF = '#597db4';
@@ -1238,7 +1260,7 @@ var colours = /*#__PURE__*/Object.freeze({
   COLOUR_RED: COLOUR_RED,
   hexToRGB: hexToRGB,
   hexToRGBAstring: hexToRGBAstring,
-  COLOUR_BRANDING_MAIN: COLOUR_BRANDING_MAIN,
+  COLOUR_BRANDING_MAIN: COLOUR_BRANDING_MAIN$1,
   COLOUR_BRANDING_OFF: COLOUR_BRANDING_OFF,
   COLOUR_BRANDING_ACTION: COLOUR_BRANDING_ACTION,
   INACTIVE_TEXT: INACTIVE_TEXT,
@@ -8267,6 +8289,10 @@ var AnalyticsFilter = /*#__PURE__*/function (_PureComponent) {
   return AnalyticsFilter;
 }(React.PureComponent);
 
+var Colours = PlussCore__namespace.Colours;
+Colours.COLOUR_DUSK_LIGHT;
+var COLOUR_BRANDING_MAIN = '#4a57b7';
+
 function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); 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$a() { 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; } }
@@ -8366,7 +8392,8 @@ var UserListing = /*#__PURE__*/function (_Component) {
             marginRight: 8,
             backgroundSize: 'cover',
             backgroundPosition: 'center',
-            backgroundImage: "url(".concat(this.getImage(), ")")
+            backgroundImage: "url(".concat(this.getImage(), ")"),
+            backgroundColor: COLOUR_BRANDING_MAIN
           },
           alt: "".concat(this.getText(), " Image")
         });
@@ -9998,7 +10025,7 @@ var TextFormatPopup = /*#__PURE__*/function (_Component) {
       }, "*t*"), " =", ' ', /*#__PURE__*/React__default['default'].createElement("span", {
         style: {
           fontWeight: 600,
-          color: COLOUR_BRANDING_MAIN,
+          color: COLOUR_BRANDING_MAIN$1,
           fontSize: 20
         }
       }, "Some Text"), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("br", null), "Surround text with ", /*#__PURE__*/React__default['default'].createElement("span", {
@@ -10096,7 +10123,7 @@ var OptionsSection = /*#__PURE__*/function (_Component) {
         default:
           return /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
             icon: o.icon,
-            colour: isSelected ? '#fff' : COLOUR_BRANDING_MAIN
+            colour: isSelected ? '#fff' : COLOUR_BRANDING_MAIN$1
           });
       }
     }

package/dist/index.esm.js

@@ -23,6 +23,7 @@ import _typeof from '@babel/runtime/helpers/typeof';
 import Dropzone from 'react-dropzone';
 import { withRouter } from 'react-router';
 import { MenuItem, DropdownButton, FormGroup, ControlLabel, FormControl, HelpBlock } from 'react-bootstrap';
+import * as PlussCore from '@plusscommunities/pluss-core-web';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Lottie } from '@crello/react-lottie';
 import { CSVLink } from 'react-csv';
@@ -1134,7 +1135,7 @@ var index$3 = /*#__PURE__*/Object.freeze({
 // const COLOUR_1 = '#011d5c';
 // const COLOUR_2 = '#3179cb';
 // const COLOUR_3 = '#1bb7ee';
-var COLOUR_BRANDING_MAIN = '#4a57b7'; // const COLOUR_BRANDING_DARK = '#364196';
+var COLOUR_BRANDING_MAIN$1 = '#4a57b7'; // const COLOUR_BRANDING_DARK = '#364196';
 // const COLOUR_BRANDING_LIGHT = '#597db4';
 
 var COLOUR_BRANDING_OFF = '#597db4';
@@ -1208,7 +1209,7 @@ var colours = /*#__PURE__*/Object.freeze({
   COLOUR_RED: COLOUR_RED,
   hexToRGB: hexToRGB,
   hexToRGBAstring: hexToRGBAstring,
-  COLOUR_BRANDING_MAIN: COLOUR_BRANDING_MAIN,
+  COLOUR_BRANDING_MAIN: COLOUR_BRANDING_MAIN$1,
   COLOUR_BRANDING_OFF: COLOUR_BRANDING_OFF,
   COLOUR_BRANDING_ACTION: COLOUR_BRANDING_ACTION,
   INACTIVE_TEXT: INACTIVE_TEXT,
@@ -8237,6 +8238,10 @@ var AnalyticsFilter = /*#__PURE__*/function (_PureComponent) {
   return AnalyticsFilter;
 }(PureComponent);
 
+var Colours = PlussCore.Colours;
+Colours.COLOUR_DUSK_LIGHT;
+var COLOUR_BRANDING_MAIN = '#4a57b7';
+
 function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); 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$a() { 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; } }
@@ -8336,7 +8341,8 @@ var UserListing = /*#__PURE__*/function (_Component) {
             marginRight: 8,
             backgroundSize: 'cover',
             backgroundPosition: 'center',
-            backgroundImage: "url(".concat(this.getImage(), ")")
+            backgroundImage: "url(".concat(this.getImage(), ")"),
+            backgroundColor: COLOUR_BRANDING_MAIN
           },
           alt: "".concat(this.getText(), " Image")
         });
@@ -9968,7 +9974,7 @@ var TextFormatPopup = /*#__PURE__*/function (_Component) {
       }, "*t*"), " =", ' ', /*#__PURE__*/React.createElement("span", {
         style: {
           fontWeight: 600,
-          color: COLOUR_BRANDING_MAIN,
+          color: COLOUR_BRANDING_MAIN$1,
           fontSize: 20
         }
       }, "Some Text"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "Surround text with ", /*#__PURE__*/React.createElement("span", {
@@ -10066,7 +10072,7 @@ var OptionsSection = /*#__PURE__*/function (_Component) {
         default:
           return /*#__PURE__*/React.createElement(SVGIcon, {
             icon: o.icon,
-            colour: isSelected ? '#fff' : COLOUR_BRANDING_MAIN
+            colour: isSelected ? '#fff' : COLOUR_BRANDING_MAIN$1
           });
       }
     }

package/dist/index.umd.js

@@ -1,11 +1,31 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('lodash'), require('axios'), require('aws-amplify'), require('@babel/runtime/helpers/defineProperty'), require('moment'), require('react'), require('jquery'), 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('@babel/runtime/helpers/toConsumableArray'), require('@babel/runtime/helpers/typeof'), require('react-dropzone'), require('react-router'), require('react-bootstrap'), require('@fortawesome/react-fontawesome'), require('@crello/react-lottie'), require('react-csv'), require('@babel/runtime/helpers/objectWithoutProperties'), require('react-color'), require('tinycolor2'), require('react-router-dom'), require('@fortawesome/free-solid-svg-icons')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', 'lodash', 'axios', 'aws-amplify', '@babel/runtime/helpers/defineProperty', 'moment', 'react', 'jquery', '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', '@babel/runtime/helpers/toConsumableArray', '@babel/runtime/helpers/typeof', 'react-dropzone', 'react-router', 'react-bootstrap', '@fortawesome/react-fontawesome', '@crello/react-lottie', 'react-csv', '@babel/runtime/helpers/objectWithoutProperties', 'react-color', 'tinycolor2', 'react-router-dom', '@fortawesome/free-solid-svg-icons'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['@plusscommunities/pluss-core-web'] = {}, global._asyncToGenerator, global._regeneratorRuntime, global._, global.axios, global.awsAmplify, global._defineProperty, global.moment, global.React, global.$, global.Cookies, global._classCallCheck, global._createClass, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global.FontAwesome, global._extends, global._assertThisInitialized, global.reactRedux, global.Textarea, global._toConsumableArray, global._typeof, global.Dropzone, global.reactRouter, global.reactBootstrap, global.reactFontawesome, global.reactLottie, global.reactCsv, global._objectWithoutProperties, global.reactColor, global.tinycolor, global.reactRouterDom, global.freeSolidSvgIcons));
-}(this, (function (exports, _asyncToGenerator, _regeneratorRuntime, _, axios, awsAmplify, _defineProperty, moment, React, $, Cookies, _classCallCheck, _createClass, _inherits, _possibleConstructorReturn, _getPrototypeOf, FontAwesome, _extends, _assertThisInitialized, reactRedux, Textarea, _toConsumableArray, _typeof, Dropzone, reactRouter, reactBootstrap, reactFontawesome, reactLottie, reactCsv, _objectWithoutProperties, reactColor, tinycolor, reactRouterDom, freeSolidSvgIcons) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('lodash'), require('axios'), require('aws-amplify'), require('@babel/runtime/helpers/defineProperty'), require('moment'), require('react'), require('jquery'), 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('@babel/runtime/helpers/toConsumableArray'), require('@babel/runtime/helpers/typeof'), require('react-dropzone'), require('react-router'), require('react-bootstrap'), require('@plusscommunities/pluss-core-web'), require('@fortawesome/react-fontawesome'), require('@crello/react-lottie'), require('react-csv'), require('@babel/runtime/helpers/objectWithoutProperties'), require('react-color'), require('tinycolor2'), require('react-router-dom'), require('@fortawesome/free-solid-svg-icons')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', 'lodash', 'axios', 'aws-amplify', '@babel/runtime/helpers/defineProperty', 'moment', 'react', 'jquery', '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', '@babel/runtime/helpers/toConsumableArray', '@babel/runtime/helpers/typeof', 'react-dropzone', 'react-router', 'react-bootstrap', '@plusscommunities/pluss-core-web', '@fortawesome/react-fontawesome', '@crello/react-lottie', 'react-csv', '@babel/runtime/helpers/objectWithoutProperties', 'react-color', 'tinycolor2', 'react-router-dom', '@fortawesome/free-solid-svg-icons'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['@plusscommunities/pluss-core-web'] = {}, global._asyncToGenerator, global._regeneratorRuntime, global._, global.axios, global.awsAmplify, global._defineProperty, global.moment, global.React, global.$, global.Cookies, global._classCallCheck, global._createClass, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global.FontAwesome, global._extends, global._assertThisInitialized, global.reactRedux, global.Textarea, global._toConsumableArray, global._typeof, global.Dropzone, global.reactRouter, global.reactBootstrap, global.PlussCore, global.reactFontawesome, global.reactLottie, global.reactCsv, global._objectWithoutProperties, global.reactColor, global.tinycolor, global.reactRouterDom, global.freeSolidSvgIcons));
+}(this, (function (exports, _asyncToGenerator, _regeneratorRuntime, _, axios, awsAmplify, _defineProperty, moment, React, $, Cookies, _classCallCheck, _createClass, _inherits, _possibleConstructorReturn, _getPrototypeOf, FontAwesome, _extends, _assertThisInitialized, reactRedux, Textarea, _toConsumableArray, _typeof, Dropzone, reactRouter, reactBootstrap, PlussCore, reactFontawesome, reactLottie, reactCsv, _objectWithoutProperties, reactColor, tinycolor, reactRouterDom, freeSolidSvgIcons) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+  function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () {
+              return e[k];
+            }
+          });
+        }
+      });
+    }
+    n['default'] = e;
+    return Object.freeze(n);
+  }
+
   var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
   var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
   var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
@@ -27,6 +47,7 @@
   var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
   var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
   var Dropzone__default = /*#__PURE__*/_interopDefaultLegacy(Dropzone);
+  var PlussCore__namespace = /*#__PURE__*/_interopNamespace(PlussCore);
   var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
   var tinycolor__default = /*#__PURE__*/_interopDefaultLegacy(tinycolor);
 
@@ -1132,7 +1153,7 @@
   // const COLOUR_1 = '#011d5c';
   // const COLOUR_2 = '#3179cb';
   // const COLOUR_3 = '#1bb7ee';
-  var COLOUR_BRANDING_MAIN = '#4a57b7'; // const COLOUR_BRANDING_DARK = '#364196';
+  var COLOUR_BRANDING_MAIN$1 = '#4a57b7'; // const COLOUR_BRANDING_DARK = '#364196';
   // const COLOUR_BRANDING_LIGHT = '#597db4';
 
   var COLOUR_BRANDING_OFF = '#597db4';
@@ -1206,7 +1227,7 @@
     COLOUR_RED: COLOUR_RED,
     hexToRGB: hexToRGB,
     hexToRGBAstring: hexToRGBAstring,
-    COLOUR_BRANDING_MAIN: COLOUR_BRANDING_MAIN,
+    COLOUR_BRANDING_MAIN: COLOUR_BRANDING_MAIN$1,
     COLOUR_BRANDING_OFF: COLOUR_BRANDING_OFF,
     COLOUR_BRANDING_ACTION: COLOUR_BRANDING_ACTION,
     INACTIVE_TEXT: INACTIVE_TEXT,
@@ -8235,6 +8256,10 @@
     return AnalyticsFilter;
   }(React.PureComponent);
 
+  var Colours = PlussCore__namespace.Colours;
+  Colours.COLOUR_DUSK_LIGHT;
+  var COLOUR_BRANDING_MAIN = '#4a57b7';
+
   function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); 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$a() { 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; } }
@@ -8334,7 +8359,8 @@
               marginRight: 8,
               backgroundSize: 'cover',
               backgroundPosition: 'center',
-              backgroundImage: "url(".concat(this.getImage(), ")")
+              backgroundImage: "url(".concat(this.getImage(), ")"),
+              backgroundColor: COLOUR_BRANDING_MAIN
             },
             alt: "".concat(this.getText(), " Image")
           });
@@ -9966,7 +9992,7 @@
         }, "*t*"), " =", ' ', /*#__PURE__*/React__default['default'].createElement("span", {
           style: {
             fontWeight: 600,
-            color: COLOUR_BRANDING_MAIN,
+            color: COLOUR_BRANDING_MAIN$1,
             fontSize: 20
           }
         }, "Some Text"), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("br", null), "Surround text with ", /*#__PURE__*/React__default['default'].createElement("span", {
@@ -10064,7 +10090,7 @@
           default:
             return /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
               icon: o.icon,
-              colour: isSelected ? '#fff' : COLOUR_BRANDING_MAIN
+              colour: isSelected ? '#fff' : COLOUR_BRANDING_MAIN$1
             });
         }
       }

package/package.json

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

package/src/components/UserListing.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import { Text } from './Text';
 import { ProfilePic } from './ProfilePic';
+import { COLOUR_BRANDING_MAIN } from '../../../../js/Colours';
 
 class UserListing extends Component {
   getSize() {
@@ -71,10 +72,12 @@ class UserListing extends Component {
             backgroundSize: 'cover',
             backgroundPosition: 'center',
             backgroundImage: `url(${this.getImage()})`,
+            backgroundColor: COLOUR_BRANDING_MAIN,
           }}
           alt={`${this.getText()} Image`}
         />
       );
+      p;
     }
     return <ProfilePic size={this.getSize()} className="userListing_profilePic" image={this.getImage()} />;
   }