@plusscommunities/pluss-circles-web 1.5.6 → 1.5.7-beta.0

package/dist/index.umd.js

@@ -398,7 +398,7 @@
 
                 case 3:
                   res = _context.sent;
-                  console.log('getData', res.data);
+                  console.log("getData", res.data);
 
                   _this.props.circlesLoaded(res.data);
 
@@ -412,7 +412,7 @@
                 case 9:
                   _context.prev = 9;
                   _context.t0 = _context["catch"](0);
-                  console.error('getData', _context.t0);
+                  console.error("getData", _context.t0);
 
                   _this.setState({
                     loadingAll: false
@@ -494,9 +494,15 @@
         });
       });
 
+      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "selectSort", function (sortType) {
+        _this.setState({
+          sortBy: sortType
+        });
+      });
+
       _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onHandleChange", function (event) {
         var stateChange = {};
-        stateChange[event.target.getAttribute('id')] = event.target.value;
+        stateChange[event.target.getAttribute("id")] = event.target.value;
 
         _this.setState(stateChange);
       });
@@ -508,14 +514,14 @@
           circleActions.delete(circle.Id).then(function (res) {
             _this.getData();
           }).catch(function (res) {
-            alert('Something went wrong with the request. Please try again.');
+            alert("Something went wrong with the request. Please try again.");
           });
         }
       });
 
       _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "getTypeFilterText", function (type) {
-        if (type === 'private') {
-          return 'Private Message';
+        if (type === "private") {
+          return "Private Message";
         }
 
         return ___default['default'].capitalize(values.entityName);
@@ -525,14 +531,15 @@
         if (circle.IsPrivate) {
           return "PM: ".concat(circle.Audience.map(function (user) {
             return user.displayName;
-          }).join(', '));
+          }).join(", "));
         }
 
         return circle.Title;
       });
 
       _this.state = {
-        userSearch: ''
+        userSearch: "",
+        sortBy: "newest"
       };
       return _this;
     }
@@ -551,7 +558,7 @@
 
         if (this.state.selectedTypeFilter) {
           result = ___default['default'].filter(result, function (circle) {
-            return _this2.state.selectedTypeFilter === 'circle' ? !circle.IsPrivate : circle.IsPrivate;
+            return _this2.state.selectedTypeFilter === "circle" ? !circle.IsPrivate : circle.IsPrivate;
           });
         }
 
@@ -561,6 +568,15 @@
               return user.userId === _this2.state.selectedUserFilter.userId;
             });
           });
+        } // Apply sorting
+
+
+        result = ___default['default'].sortBy(result, function (circle) {
+          return moment__default['default'](circle.Changed).valueOf();
+        });
+
+        if (this.state.sortBy === "newest") {
+          result.reverse();
         }
 
         return result;
@@ -578,10 +594,10 @@
         });
         users = ___default['default'].sortBy(___default['default'].uniqBy(users, function (user) {
           return user.userId;
-        }), 'displayName');
+        }), "displayName");
         return ___default['default'].filter(users, function (u) {
           if (!___default['default'].isEmpty(_this3.state.userSearch)) {
-            return (u.displayName || '').toLowerCase().indexOf(_this3.state.userSearch.toLowerCase()) > -1;
+            return (u.displayName || "").toLowerCase().indexOf(_this3.state.userSearch.toLowerCase()) > -1;
           }
 
           return true;
@@ -615,7 +631,7 @@
           className: "table-TitleColumn"
         }, /*#__PURE__*/React__default['default'].createElement(reactRouterDom.Link, {
           to: "/".concat(values.featureKey, "/").concat(values.entityKey, "/").concat(circle.Id)
-        }, this.getTitle(circle))), /*#__PURE__*/React__default['default'].createElement("td", null, moment__default['default'](circle.Changed).local().format('D MMM YYYY')), /*#__PURE__*/React__default['default'].createElement("td", null, circle.Audience.map(function (user) {
+        }, this.getTitle(circle))), /*#__PURE__*/React__default['default'].createElement("td", null, moment__default['default'](circle.Changed).local().format("D MMM YYYY")), /*#__PURE__*/React__default['default'].createElement("td", null, circle.Audience.map(function (user) {
           return /*#__PURE__*/React__default['default'].createElement(Components$4.ProfilePic, {
             size: 30,
             image: user.profilePic,
@@ -626,8 +642,8 @@
           className: "table-options"
         }, /*#__PURE__*/React__default['default'].createElement("div", {
           style: {
-            display: 'flex',
-            alignItems: 'center'
+            display: "flex",
+            alignItems: "center"
           }
         }, this.validateCircleAdmin(circle) && !circle.IsPrivate && /*#__PURE__*/React__default['default'].createElement(reactRouterDom.Link, {
           to: "/".concat(values.featureKey, "/edit/").concat(circle.Id)
@@ -636,7 +652,7 @@
             fontSize: 20,
             padding: 5,
             marginLeft: 12,
-            cursor: 'pointer'
+            cursor: "pointer"
           },
           name: "pencil"
         })), this.validateCircleAdmin(circle, true) && !circle.IsPrivate && /*#__PURE__*/React__default['default'].createElement("a", {
@@ -648,7 +664,7 @@
             fontSize: 20,
             padding: 5,
             marginLeft: 12,
-            cursor: 'pointer'
+            cursor: "pointer"
           },
           name: "minus-circle"
         })))));
@@ -656,6 +672,8 @@
     }, {
       key: "renderFilters",
       value: function renderFilters() {
+        var _this6 = this;
+
         var userFilter = /*#__PURE__*/React__default['default'].createElement(Components$4.Tag, {
           className: "marginRight-10",
           onClick: this.openUserFilter,
@@ -695,12 +713,28 @@
         }, /*#__PURE__*/React__default['default'].createElement(Components$4.Text, {
           type: "h5",
           className: "marginRight-20"
-        }, "Filter by"), userFilter, typeFilter);
+        }, "Filter by"), userFilter, typeFilter, /*#__PURE__*/React__default['default'].createElement(Components$4.Text, {
+          type: "h5",
+          className: "marginRight-20 marginLeft-20"
+        }, "Sort by:"), /*#__PURE__*/React__default['default'].createElement(Components$4.Tag, {
+          className: "marginRight-10",
+          onClick: function onClick() {
+            return _this6.selectSort("newest");
+          },
+          leftIcon: this.state.sortBy === "newest" ? "check" : null,
+          text: "Newest first"
+        }), /*#__PURE__*/React__default['default'].createElement(Components$4.Tag, {
+          onClick: function onClick() {
+            return _this6.selectSort("oldest");
+          },
+          leftIcon: this.state.sortBy === "oldest" ? "check" : null,
+          text: "Oldest first"
+        }));
       }
     }, {
       key: "renderUserFilterPopup",
       value: function renderUserFilterPopup() {
-        var _this6 = this;
+        var _this7 = this;
 
         if (!this.state.userFilterOpen) {
           return null;
@@ -720,7 +754,7 @@
           placeholder: "Enter name",
           value: this.state.userSearch,
           onChange: function onChange(e) {
-            return _this6.onHandleChange(e);
+            return _this7.onHandleChange(e);
           },
           alwaysShowLabel: true
         }), this.getUsers().map(function (user) {
@@ -728,7 +762,7 @@
             key: user.userId,
             user: user,
             onClick: function onClick() {
-              _this6.selectUserFilter(user);
+              _this7.selectUserFilter(user);
             }
           });
         }));
@@ -736,7 +770,7 @@
     }, {
       key: "renderTypeFilterPopup",
       value: function renderTypeFilterPopup() {
-        var _this7 = this;
+        var _this8 = this;
 
         if (!this.state.typeFilterOpen) {
           return null;
@@ -750,13 +784,13 @@
           onClose: this.closeTypeFilter
         }, /*#__PURE__*/React__default['default'].createElement(Components$4.Tag, {
           onClick: function onClick() {
-            _this7.selectTypeFilter('circle');
+            _this8.selectTypeFilter("circle");
           },
           text: ___default['default'].capitalize(values.entityName),
           className: "marginRight-10"
         }), /*#__PURE__*/React__default['default'].createElement(Components$4.Tag, {
           onClick: function onClick() {
-            _this7.selectTypeFilter('private');
+            _this8.selectTypeFilter("private");
           },
           text: "Private Message"
         }));
@@ -764,7 +798,7 @@
     }, {
       key: "render",
       value: function render() {
-        var _this8 = this;
+        var _this9 = this;
 
         return /*#__PURE__*/React__default['default'].createElement("div", null, this.renderTypeFilterPopup(), this.renderUserFilterPopup(), /*#__PURE__*/React__default['default'].createElement(Components$4.Header, null, this.canAddNew() && /*#__PURE__*/React__default['default'].createElement(Components$4.AddButton, {
           onClick: this.onAddNew,
@@ -781,14 +815,14 @@
           condensed: true,
           hover: true,
           style: {
-            minWidth: '100%'
+            minWidth: "100%"
           }
         }, /*#__PURE__*/React__default['default'].createElement("thead", null, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", null, "Title"), /*#__PURE__*/React__default['default'].createElement("th", null, "Last updated"), /*#__PURE__*/React__default['default'].createElement("th", null, "Members"), /*#__PURE__*/React__default['default'].createElement("th", {
           style: {
             width: 50
           }
         }))), /*#__PURE__*/React__default['default'].createElement("tbody", null, this.getCircles().map(function (circle) {
-          return _this8.renderRow(circle);
+          return _this9.renderRow(circle);
         })))));
       }
     }]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-circles-web",
-  "version": "1.5.6",
+  "version": "1.5.7-beta.0",
   "description": "Extension package to enable circles on Pluss Communities Platform",
   "main": "dist/index.cjs.js",
   "scripts": {