@plusscommunities/pluss-core-web 1.7.4-beta.1 → 1.7.4-beta.2

package/dist/components.js

@@ -1193,12 +1193,12 @@ function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t
 class CheckBox extends PureComponent {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "onChange", e => {
+    this.onChange = e => {
       if (this.props.disabled) {
         return;
       }
       return this.props.onChange(e);
-    });
+    };
   }
   generateClassNames() {
     var result = 'checkBox';
@@ -1550,12 +1550,12 @@ class CommentSection extends Component {
     var _this;
     super(props);
     _this = this;
-    _defineProperty(this, "onHandleChange", event => {
+    this.onHandleChange = event => {
       var stateChange = {};
       stateChange[event.target.getAttribute('id')] = event.target.value;
       this.setState(stateChange);
-    });
-    _defineProperty(this, "onAddComment", /*#__PURE__*/_asyncToGenerator(function* () {
+    };
+    this.onAddComment = /*#__PURE__*/_asyncToGenerator(function* () {
       var {
         commentInput
       } = _this.state;
@@ -1563,16 +1563,16 @@ class CommentSection extends Component {
         commentInput: ''
       });
       _this.props.onAddComment(commentInput);
-    }));
-    _defineProperty(this, "getComments", () => {
+    });
+    this.getComments = () => {
       if (!this.props.onlyParents) {
         return this.props.comments;
       }
       return _.filter(this.props.comments, c => {
         return !c.ParentId;
       });
-    });
-    _defineProperty(this, "renderReplyText", c => {
+    };
+    this.renderReplyText = c => {
       if (!this.props.onOpenThread) {
         return null;
       }
@@ -1610,7 +1610,7 @@ class CommentSection extends Component {
           children: "".concat(threadComments.length, " repl").concat(getPluralOptions(threadComments.length, 'y', 'ies'))
         })]
       });
-    });
+    };
     this.state = {
       commentInput: ''
     };
@@ -1654,10 +1654,10 @@ function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t
 class P60Icon extends Component {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "state", {
+    this.state = {
       doublePaths: ['add-image', 'add-circle', 'facility', 'news'],
       triplePaths: []
-    });
+    };
   }
   renderIconPaths() {
     if (_.includes(this.state.doublePaths, this.props.icon)) {
@@ -1693,10 +1693,10 @@ class P60Icon extends Component {
 class DatePicker extends Component {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "state", {
+    this.state = {
       shownMonth: new Date(),
       grid: []
-    });
+    };
   }
   UNSAFE_componentWillMount() {
     this.onNewProps(this.props, true);
@@ -3147,13 +3147,13 @@ class FileInputComponent extends Component {
     var _this;
     super(...arguments);
     _this = this;
-    _defineProperty(this, "state", {
+    this.state = {
       inputs: [{
         uploadingFile: false,
         value: ""
       }]
-    });
-    _defineProperty(this, "getAccept", () => {
+    };
+    this.getAccept = () => {
       if (typeof this.props.accept === "object") {
         return this.props.accept;
       }
@@ -3164,8 +3164,8 @@ class FileInputComponent extends Component {
         return accept;
       }
       return null;
-    });
-    _defineProperty(this, "checkRefreshCallback", inputs => {
+    };
+    this.checkRefreshCallback = inputs => {
       if (_.isUndefined(this.props.refreshCallback)) {
         return;
       }
@@ -3182,8 +3182,8 @@ class FileInputComponent extends Component {
         });
         this.props.refreshCallback(files);
       }
-    });
-    _defineProperty(this, "onDrop", files => {
+    };
+    this.onDrop = files => {
       if (this.props.multiple) {
         var newInputs = _.clone(this.state.inputs);
         files.forEach(file => {
@@ -3206,8 +3206,8 @@ class FileInputComponent extends Component {
       } else {
         this.handleFile(this.state.inputs[0], files[0]);
       }
-    });
-    _defineProperty(this, "handleFile", /*#__PURE__*/function () {
+    };
+    this.handleFile = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator(function* (input, file) {
         if (!file || input.uploadingFile) {
           return;
@@ -3237,7 +3237,7 @@ class FileInputComponent extends Component {
       return function (_x, _x2) {
         return _ref.apply(this, arguments);
       };
-    }());
+    }();
   }
   componentDidMount() {
     setTimeout(() => {
@@ -3676,14 +3676,14 @@ var setNavData = data => {
 class Header extends Component {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "goToHelpGuide", () => {
+    this.goToHelpGuide = () => {
       window.open('https://www.plusscommunities.com/user-guide', '_blank');
-    });
-    _defineProperty(this, "toggleSideMenu", () => {
+    };
+    this.toggleSideMenu = () => {
       this.props.setNavData({
         isSideMenuOpen: !this.props.isSideMenuOpen
       });
-    });
+    };
   }
   getHomeLink() {
     this.props.history.replace('/');
@@ -3770,7 +3770,7 @@ function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t
 class SideNavItem extends Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "goTo", () => {
+    this.goTo = () => {
       if (this.props.onClick) {
         return this.props.onClick();
       }
@@ -3778,7 +3778,7 @@ class SideNavItem extends Component {
         this.props.onUrlChange();
       }
       this.props.history.push(this.props.Link);
-    });
+    };
     this.state = {
       url: window.location.pathname
     };
@@ -3882,7 +3882,7 @@ function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t
 class HubSidebar extends PureComponent {
   constructor(props) {
     super(props);
-    _defineProperty(this, "renderHelpGuide", () => {
+    this.renderHelpGuide = () => {
       if (!this.props.helpGuide) return null;
       var {
         text,
@@ -3903,7 +3903,7 @@ class HubSidebar extends PureComponent {
           children: text || 'Help Guide'
         })
       });
-    });
+    };
     this.state = {
       showSidebar: false
     };
@@ -4109,7 +4109,7 @@ class ImageInputComponent extends Component {
     var _this;
     super(...arguments);
     _this = this;
-    _defineProperty(this, "state", {
+    this.state = {
       selectedTab: "upload",
       inputs: [{
         uploadingImage: false,
@@ -4128,8 +4128,8 @@ class ImageInputComponent extends Component {
       addFolderInput: "",
       selectedFolder: null,
       saveErrorMessage: ""
-    });
-    _defineProperty(this, "getAccept", () => {
+    };
+    this.getAccept = () => {
       var accept = {
         "image/*": [".jpeg", ".png"]
       };
@@ -4137,12 +4137,12 @@ class ImageInputComponent extends Component {
         accept["video/*"] = [".mp4"];
       }
       return accept;
-    });
-    _defineProperty(this, "refreshFolders", /*#__PURE__*/_asyncToGenerator(function* () {
+    };
+    this.refreshFolders = /*#__PURE__*/_asyncToGenerator(function* () {
       var res = yield fileActions.getMediaFolders(_this.props.auth.site);
       return res.data;
-    }));
-    _defineProperty(this, "checkRefreshCallback", inputs => {
+    });
+    this.checkRefreshCallback = inputs => {
       if (_.isUndefined(this.props.refreshCallback)) {
         return;
       }
@@ -4159,8 +4159,8 @@ class ImageInputComponent extends Component {
         });
         this.props.refreshCallback(images);
       }
-    });
-    _defineProperty(this, "parseImagesArray", images => {
+    };
+    this.parseImagesArray = images => {
       return _.map(images, f => {
         var uri = typeof f === "string" ? f : f.uri;
         var image1400 = get1400(uri);
@@ -4171,24 +4171,24 @@ class ImageInputComponent extends Component {
           Selected: _.some(this.state.inputs, input => input.value === uri || input.value === image1400)
         };
       });
-    });
-    _defineProperty(this, "addFolder", () => {
+    };
+    this.addFolder = () => {
       this.setState({
         addFolderOpen: true
       }, () => {
         var input = document.getElementById("addFolderInput");
         if (input) input.focus();
       });
-    });
-    _defineProperty(this, "cancelAddStates", {
+    };
+    this.cancelAddStates = {
       addFolderOpen: false,
       addFolderInput: "",
       saveErrorMessage: ""
-    });
-    _defineProperty(this, "cancelAddFolder", () => {
+    };
+    this.cancelAddFolder = () => {
       this.setState(this.cancelAddStates);
-    });
-    _defineProperty(this, "saveFolder", () => {
+    };
+    this.saveFolder = () => {
       this.setState({
         addingFolder: true
       }, /*#__PURE__*/_asyncToGenerator(function* () {
@@ -4207,26 +4207,26 @@ class ImageInputComponent extends Component {
           });
         }
       }));
-    });
-    _defineProperty(this, "isStockFolder", folder => {
+    };
+    this.isStockFolder = folder => {
       if (!folder) folder = this.state.selectedFolder;
       return folder && _.isNil(folder.RowId);
-    });
-    _defineProperty(this, "selectFolder", selectedFolder => {
+    };
+    this.selectFolder = selectedFolder => {
       if (!this.isStockFolder(selectedFolder)) {
         selectedFolder.parsedImages = this.parseImagesArray(selectedFolder.Images);
       }
       this.setState({
         selectedFolder
       });
-    });
-    _defineProperty(this, "selectRoot", () => {
+    };
+    this.selectRoot = () => {
       this.getFolders();
       this.setState({
         selectedFolder: null
       });
-    });
-    _defineProperty(this, "onDrop", function (files) {
+    };
+    this.onDrop = function (files) {
       var fromLibrary = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       if (_this.props.multiple) {
         var newInputs = _.clone(_this.state.inputs);
@@ -4252,8 +4252,8 @@ class ImageInputComponent extends Component {
       } else {
         _this.handleFile(_this.state.inputs[0], files[0]);
       }
-    });
-    _defineProperty(this, "handleFile", /*#__PURE__*/function () {
+    };
+    this.handleFile = /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator(function* (input, file) {
         if (!file || input.uploadingImage) {
           return;
@@ -4281,13 +4281,13 @@ class ImageInputComponent extends Component {
       return function (_x, _x2) {
         return _ref3.apply(this, arguments);
       };
-    }());
-    _defineProperty(this, "handleChange", event => {
+    }();
+    this.handleChange = event => {
       var stateChange = {};
       stateChange[event.target.getAttribute("id")] = event.target.value;
       this.setState(stateChange);
-    });
-    _defineProperty(this, "deleteFolder", (event, folder) => {
+    };
+    this.deleteFolder = (event, folder) => {
       event.stopPropagation();
       if (window.confirm("Are you sure you want to delete ".concat(folder.Name, "?"))) {
         var deletingFolder = _objectSpread$b({}, this.state.deletingFolder);
@@ -4312,8 +4312,8 @@ class ImageInputComponent extends Component {
           }
         }));
       }
-    });
-    _defineProperty(this, "deleteImage", (event, image) => {
+    };
+    this.deleteImage = (event, image) => {
       if (window.confirm("Are you sure you want to delete the image?")) {
         // Unselect the image first if selected
         if (image.Selected) this.toggleLibraryItem(image);
@@ -4348,13 +4348,13 @@ class ImageInputComponent extends Component {
           }
         }));
       }
-    });
-    _defineProperty(this, "canManageLibrary", () => {
+    };
+    this.canManageLibrary = () => {
       return validateAccess(this.props.auth.site, "manageImageLibrary", this.props.auth);
-    });
-    _defineProperty(this, "canAddImageToLibrary", () => {
+    };
+    this.canAddImageToLibrary = () => {
       return validateAccess(this.props.auth.site, "addToImageLibrary", this.props.auth);
-    });
+    };
   }
   UNSAFE_componentWillMount() {
     setTimeout(() => {
@@ -5600,9 +5600,9 @@ var getReactions = () => {
 class Reactions extends Component {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "state", {
+    this.state = {
       reactions: getReactions()
-    });
+    };
   }
   getReaction(key) {
     if (this.props.reactions) {
@@ -5695,7 +5695,7 @@ var getAnalyticsFilterOptions = () => {
 class AnalyticsFilter extends PureComponent {
   constructor(props) {
     super(props);
-    _defineProperty(this, "renderOptions", () => {
+    this.renderOptions = () => {
       return this.state.filterOptions.map(ev => {
         if (this.props.hideOptions && _.includes(this.props.hideOptions, ev.dayCount)) {
           return null;
@@ -5706,8 +5706,8 @@ class AnalyticsFilter extends PureComponent {
           children: ev.text
         }, ev.dayCount);
       });
-    });
-    _defineProperty(this, "selectFilter", key => {
+    };
+    this.selectFilter = key => {
       var selectedFilter = _.find(this.state.filterOptions, o => {
         return o.dayCount === key;
       });
@@ -5720,16 +5720,16 @@ class AnalyticsFilter extends PureComponent {
       }, () => {
         this.props.filterChanged(selectedFilter);
       });
-    });
-    _defineProperty(this, "getDateRangeText", (start, end) => {
+    };
+    this.getDateRangeText = (start, end) => {
       return "".concat(moment(start).format("DD/MM/YYYY"), "  to  ").concat(moment(end).format("DD/MM/YYYY"));
-    });
-    _defineProperty(this, "toggleDateSelectors", () => {
+    };
+    this.toggleDateSelectors = () => {
       this.setState({
         calendarVisible: !this.state.calendarVisible
       });
-    });
-    _defineProperty(this, "startDateChanged", date => {
+    };
+    this.startDateChanged = date => {
       if (moment(date).isSameOrBefore(this.state.endDate)) {
         this.setState({
           startDate: date,
@@ -5738,8 +5738,8 @@ class AnalyticsFilter extends PureComponent {
           this.props.filterDateRangeChanged(this.state.startDate, this.state.endDate);
         });
       }
-    });
-    _defineProperty(this, "endDateChanged", date => {
+    };
+    this.endDateChanged = date => {
       if (moment(date).isSameOrAfter(this.state.startDate)) {
         this.setState({
           endDate: date,
@@ -5748,7 +5748,7 @@ class AnalyticsFilter extends PureComponent {
           this.props.filterDateRangeChanged(this.state.startDate, this.state.endDate);
         });
       }
-    });
+    };
     var filterOptions = getAnalyticsFilterOptions();
     var _selectedFilter = this.props.defaultFilter || filterOptions[1];
     this.state = {
@@ -5901,17 +5901,17 @@ function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t
 class TimePicker extends Component {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "state", {
+    this.state = {
       id: randomString(),
       selectedTime: this.props.optional ? this.props.selectedTime : moment(),
       grid: [],
       hourInput: "",
       minuteInput: "",
       mInput: ""
-    });
-    _defineProperty(this, "onClear", () => {
+    };
+    this.onClear = () => {
       this.props.selectTime(undefined);
-    });
+    };
   }
   UNSAFE_componentWillMount() {
     this.onNewProps(this.props, !this.props.optional);
@@ -43026,7 +43026,7 @@ class DropdownInput extends Component {
      * Handle value selection from dropdown
      * @param {string} newValue - The selected option key
      */
-    _defineProperty(this, "handleValueChange", newValue => {
+    this.handleValueChange = newValue => {
       this.setState({
         selectedValue: newValue
       });
@@ -43041,7 +43041,7 @@ class DropdownInput extends Component {
         };
         this.props.onChange(syntheticEvent);
       }
-    });
+    };
     this.state = {
       selectedValue: props.value || ''
     };
@@ -43248,7 +43248,7 @@ class AudienceSelector extends Component {
     var _this;
     super(props);
     _this = this;
-    _defineProperty(this, "onChangeSelection", () => {
+    this.onChangeSelection = () => {
       var {
         updateValidation,
         onChange
@@ -43256,19 +43256,19 @@ class AudienceSelector extends Component {
       var isValid = this.validateAudienceSelection();
       if (updateValidation) updateValidation(isValid);
       if (onChange) onChange(this.getAudienceType(), this.getAudienceTypeSelection(), isValid);
-    });
-    _defineProperty(this, "selectTag", key => {
+    };
+    this.selectTag = key => {
       this.setState({
         Tag: key,
         includeList: [],
         excludeList: []
       });
       setTimeout(this.onChangeSelection, 50);
-    });
-    _defineProperty(this, "validateCustom", () => {
+    };
+    this.validateCustom = () => {
       return !_.isEmpty(this.state.AudienceTagList);
-    });
-    _defineProperty(this, "getAvailableAudienceTags", function () {
+    };
+    this.getAvailableAudienceTags = function () {
       var includeSelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var {
         categories,
@@ -43302,19 +43302,19 @@ class AudienceSelector extends Component {
       });
       var result = [...categoryTags, ...userTypeTags, ...userTagTags];
       return includeSelected ? result : result.filter(t => !_.some(AudienceTagList, at => at.Id === t.Id));
-    });
-    _defineProperty(this, "onAttachAudienceTag", tag => {
+    };
+    this.onAttachAudienceTag = tag => {
       var AudienceTagList = [...this.state.AudienceTagList, tag];
       this.setState({
         AudienceTagList
       }, this.onChangeSelection);
-    });
-    _defineProperty(this, "onDetachAudienceTag", tag => {
+    };
+    this.onDetachAudienceTag = tag => {
       var AudienceTagList = _.filter(this.state.AudienceTagList, at => at.Id !== tag.Id);
       this.setState({
         AudienceTagList
       }, this.onChangeSelection);
-    });
+    };
     this.state = {
       categories: [{
         Title: "All Primary Users",
@@ -44082,27 +44082,27 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t
 class MakerPopup extends Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "selectSize", size => {
+    this.selectSize = size => {
       this.setState({
         selectedSize: size
       });
-    });
-    _defineProperty(this, "getSelectedSizeTitle", () => {
+    };
+    this.getSelectedSizeTitle = () => {
       return _.find(this.sizes, f => {
         return f.Key === this.state.selectedSize;
       }).Title;
-    });
-    _defineProperty(this, "selectFormat", format => {
+    };
+    this.selectFormat = format => {
       this.setState({
         selectedFormat: format
       });
-    });
-    _defineProperty(this, "getSelectedFormatTitle", () => {
+    };
+    this.getSelectedFormatTitle = () => {
       return _.find(this.formats, f => {
         return f.Key === this.state.selectedFormat;
       }).Title;
-    });
-    _defineProperty(this, "compileData", () => {
+    };
+    this.compileData = () => {
       var result = {};
       this.props.inputs.forEach(input => {
         result[input.key] = this.state[input.key];
@@ -44111,8 +44111,8 @@ class MakerPopup extends Component {
       result.logo = this.state.logo;
       result.headerType = this.state.headerType;
       return _objectSpread$1(_objectSpread$1({}, result), this.props.requestData);
-    });
-    _defineProperty(this, "compileRequestData", () => {
+    };
+    this.compileRequestData = () => {
       var result = {};
       if (!this.props.hideFormat) {
         result.format = this.state.selectedFormat;
@@ -44123,8 +44123,8 @@ class MakerPopup extends Component {
       return _objectSpread$1(_objectSpread$1(_objectSpread$1({}, result), this.props.requestData), {}, {
         data: this.compileData()
       });
-    });
-    _defineProperty(this, "isReadyToSubmit", () => {
+    };
+    this.isReadyToSubmit = () => {
       if (this.state.loadingBranding) {
         return false;
       }
@@ -44132,8 +44132,8 @@ class MakerPopup extends Component {
         return false;
       }
       return true;
-    });
-    _defineProperty(this, "onGenerateAsset", () => {
+    };
+    this.onGenerateAsset = () => {
       if (!this.isReadyToSubmit()) {
         return;
       }
@@ -44151,10 +44151,10 @@ class MakerPopup extends Component {
           submitting: false
         });
       });
-    });
-    _defineProperty(this, "downloadAsset", () => {
+    };
+    this.downloadAsset = () => {
       window.open(this.state.asset, "_blank");
-    });
+    };
     this.sizes = [{
       Key: "A3",
       Title: "A3"
@@ -44349,16 +44349,16 @@ var exportObj = connect(mapStateToProps, {})(MakerPopup);
 class ExportCsvPopup extends Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "canSave", () => {
+    this.canSave = () => {
       return _.some(this.state.columns, c => c.selected);
-    });
-    _defineProperty(this, "onConfirm", () => {
+    };
+    this.onConfirm = () => {
       return this.canSave();
-    });
-    _defineProperty(this, "onClose", () => {
+    };
+    this.onClose = () => {
       if (this.props.onClose) this.props.onClose();
-    });
-    _defineProperty(this, "onToggleColumn", key => {
+    };
+    this.onToggleColumn = key => {
       var columns = _.cloneDeep(this.state.columns);
       var column = columns.find(c => c.key === key);
       if (column) {
@@ -44370,8 +44370,8 @@ class ExportCsvPopup extends Component {
           selectedHeaders
         });
       }
-    });
-    _defineProperty(this, "onToggleStartDateFilter", () => {
+    };
+    this.onToggleStartDateFilter = () => {
       var {
         filterDateStartVisible
       } = this.state;
@@ -44384,8 +44384,8 @@ class ExportCsvPopup extends Component {
           filterDateStartVisible: true
         });
       }
-    });
-    _defineProperty(this, "onToggleEndDateFilter", () => {
+    };
+    this.onToggleEndDateFilter = () => {
       var {
         filterDateEndVisible
       } = this.state;
@@ -44398,8 +44398,8 @@ class ExportCsvPopup extends Component {
           filterDateEndVisible: true
         });
       }
-    });
-    _defineProperty(this, "onDateFilterStartChanged", date => {
+    };
+    this.onDateFilterStartChanged = date => {
       var {
         filterDateEnd
       } = this.state;
@@ -44410,8 +44410,8 @@ class ExportCsvPopup extends Component {
           filterDateStartVisible: false
         });
       }
-    });
-    _defineProperty(this, "onDateFilterEndChanged", date => {
+    };
+    this.onDateFilterEndChanged = date => {
       var {
         filterDateStart
       } = this.state;
@@ -44422,8 +44422,8 @@ class ExportCsvPopup extends Component {
           filterDateEndVisible: false
         });
       }
-    });
-    _defineProperty(this, "getSelectedSource", () => {
+    };
+    this.getSelectedSource = () => {
       var {
         source
       } = this.props;
@@ -44451,8 +44451,8 @@ class ExportCsvPopup extends Component {
       // map result to columns
       var selectedheaderKeys = selectedHeaders.map(h => h.key);
       return result.map(i => _.pick(i, selectedheaderKeys));
-    });
-    _defineProperty(this, "renderTimestampFilter", () => {
+    };
+    this.renderTimestampFilter = () => {
       if (!this.props.timestampFilter) {
         return null;
       }
@@ -44483,8 +44483,8 @@ class ExportCsvPopup extends Component {
           selectDate: this.onDateFilterEndChanged
         }) : null]
       });
-    });
-    _defineProperty(this, "renderContent", () => {
+    };
+    this.renderContent = () => {
       var {
         saving,
         columns
@@ -44518,7 +44518,7 @@ class ExportCsvPopup extends Component {
           }, c.key);
         })
       });
-    });
+    };
     var state = {
       columns: props.columns,
       selectedHeaders: props.columns.filter(c => c.key && c.selected),
@@ -44657,14 +44657,14 @@ class Tabs extends Component {
 class ColourOptions extends Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "setColourCircle", () => {
+    this.setColourCircle = () => {
       var tc = tinycolor(this.state.colour);
       this.setState({
         colourCircleTop: 100 - 100 * tc.getBrightness() / 255,
         colourCircleLeft: 100 * tc.toHsv().h / 360
       });
-    });
-    _defineProperty(this, "onColourChange", color => {
+    };
+    this.onColourChange = color => {
       // console.log('onColourChange', color);
       var colour = (typeof color === 'object' ? color.hex : color).toUpperCase();
       this.setState({
@@ -44677,12 +44677,12 @@ class ColourOptions extends Component {
         } = this.props;
         if (onColourSelected) onColourSelected(this.state.colour);
       });
-    });
-    _defineProperty(this, "onSelectOption", selectedOption => {
+    };
+    this.onSelectOption = selectedOption => {
       this.setState({
         selectedOption
       });
-    });
+    };
     this.state = {
       selectedColour: props.value || '',
       colour: props.value,
@@ -44835,20 +44835,20 @@ class ColourOptions extends Component {
 class ColourPicker extends Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "setColourCircle", () => {
+    this.setColourCircle = () => {
       var tc = tinycolor(this.state.colour);
       this.setState({
         colourCircleTop: 100 - 100 * tc.getBrightness() / 255,
         colourCircleLeft: 100 * tc.toHsv().h / 360
       });
-    });
-    _defineProperty(this, "onTogglePopup", () => {
+    };
+    this.onTogglePopup = () => {
       if (this.props.disabled) return;
       this.setState({
         colourPickerOpen: !this.state.colourPickerOpen
       });
-    });
-    _defineProperty(this, "onColourChange", color => {
+    };
+    this.onColourChange = color => {
       // console.log('onColourChange', color);
       var colour = color;
       if (typeof color === 'object') {
@@ -44857,13 +44857,13 @@ class ColourPicker extends Component {
       this.setState({
         selectedColour: colour.toUpperCase()
       });
-    });
-    _defineProperty(this, "onSelectOption", selectedOption => {
+    };
+    this.onSelectOption = selectedOption => {
       this.setState({
         selectedOption
       });
-    });
-    _defineProperty(this, "onDone", () => {
+    };
+    this.onDone = () => {
       var {
         colourPickerOpen,
         selectedColour
@@ -44878,8 +44878,8 @@ class ColourPicker extends Component {
         } = this.props;
         if (onColourSelected) onColourSelected(this.state.colour);
       });
-    });
-    _defineProperty(this, "onCancel", () => {
+    };
+    this.onCancel = () => {
       var {
         colourPickerOpen,
         colour
@@ -44888,7 +44888,7 @@ class ColourPicker extends Component {
         colourPickerOpen: !colourPickerOpen,
         selectedColour: colour
       });
-    });
+    };
     this.state = {
       selectedColour: props.value,
       colour: props.value,