dattatable 2.9.1 → 2.9.2-t

package/build/common/documents.js

@@ -820,7 +820,7 @@ var Documents = /** @class */ (function () {
     Documents.prototype.renderFileIcon = function (el, fileName) {
         // Render the icon wrapper
         var span = document.createElement("span");
-        span.className = "text-muted";
+        span.className = "text-body";
         el.appendChild(span);
         // Render the icon
         var size = 28;

package/build/common/itemForm.d.ts

@@ -13,6 +13,7 @@ export interface IItemFormTab {
 /** Tab Information */
 export interface IItemFormTabInfo {
     isVertical?: boolean;
+    onClick?: (el?: HTMLElement, item?: Components.IListGroupItem) => void;
     tabs: IItemFormTab[];
 }
 /** Create Item Properties */

package/build/common/itemForm.js

@@ -354,6 +354,7 @@ var ItemForm = /** @class */ (function () {
                 data: tabInfo,
                 isActive: i == 0,
                 tabName: tabInfo.title,
+                onClick: this._tabInfo.onClick,
                 onRender: function (el, item) {
                     var tab = item.data;
                     // Render the form

package/build/common/listSecurity.d.ts

@@ -14,6 +14,11 @@ export interface IListSecurityItem {
     listName: string;
     permission: number | string;
 }
+export declare const ListSecurityDefaultGroups: {
+    Members: string;
+    Owners: string;
+    Visitors: string;
+};
 /**
  * List Security
  * This component is used for setting the security group/permissions for a list.
@@ -22,17 +27,27 @@ export declare class ListSecurity {
     private _ddlItems;
     private _permissionTypes;
     private _props;
+    private _currentUser;
+    get CurrentUser(): Types.SP.User;
     private _groups;
     getGroup(groupName: string): Types.SP.Group;
-    private setGroupId;
+    private setGroup;
+    private _groupUsers;
+    getGroupUsers(groupName: string): Types.SP.User[];
+    private addUser;
+    private removeUser;
     constructor(props: IListSecurity);
+    addToGroup(userId: number, groupName: string): PromiseLike<void>;
     private configureList;
     private configureLists;
     private createGroups;
     private getGroupId;
     private getPermissionTypes;
+    isInGroup(userId: number, groupName: string): boolean;
+    private loadCurrentUser;
     private loadGroups;
+    removeFromGroup(userId: number, groupName: string): PromiseLike<void>;
     private renderModal;
     private resetPermissions;
-    show(createFl?: boolean): void;
+    show(createFl?: boolean, onComplete?: () => void): void;
 }

package/build/common/listSecurity.js

@@ -1,9 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListSecurity = void 0;
+exports.ListSecurity = exports.ListSecurityDefaultGroups = void 0;
 var gd_sprest_bs_1 = require("gd-sprest-bs");
 var loadingDialog_1 = require("./loadingDialog");
 var modal_1 = require("./modal");
+// List Security Default Groups
+exports.ListSecurityDefaultGroups = {
+    Members: "member",
+    Owners: "owner",
+    Visitors: "visitor"
+};
 /**
  * List Security
  * This component is used for setting the security group/permissions for a list.
@@ -14,21 +20,81 @@ var ListSecurity = /** @class */ (function () {
         this._ddlItems = null;
         this._permissionTypes = null;
         this._props = null;
+        // Current User
+        this._currentUser = null;
         // Security group information
         this._groups = {};
+        // Security group users
+        this._groupUsers = {};
         // Save the properties
         this._props = props;
+        // Get the current user information
+        this.loadCurrentUser();
         // Get the permission types
         this.getPermissionTypes();
         // Load the groups
         this.loadGroups();
     }
+    Object.defineProperty(ListSecurity.prototype, "CurrentUser", {
+        get: function () { return this._currentUser; },
+        enumerable: false,
+        configurable: true
+    });
     ListSecurity.prototype.getGroup = function (groupName) { return this._groups[groupName.toLowerCase()]; };
-    ListSecurity.prototype.setGroupId = function (key, group) {
+    ListSecurity.prototype.setGroup = function (key, group) {
         // Save the info
         this._groups[key] = group;
-        // Return the group id
-        return group.Id;
+        this._groupUsers[key] = [];
+        // See if the users exist
+        if (group.Users) {
+            // Set the users for this group
+            this._groupUsers[key] = group.Users.results || [];
+        }
+    };
+    ListSecurity.prototype.getGroupUsers = function (groupName) { return this._groupUsers[groupName.toLowerCase()] || []; };
+    ListSecurity.prototype.addUser = function (user, groupName) {
+        // Ensure the group exists
+        var key = groupName.toLowerCase();
+        if (this._groupUsers[key]) {
+            // Add the user to the group
+            this._groupUsers[key].push(user);
+        }
+    };
+    ListSecurity.prototype.removeUser = function (userId, groupName) {
+        // Ensure the group exists
+        var key = groupName.toLowerCase();
+        if (this._groupUsers[key]) {
+            // Find the idx of the user
+            for (var i = 0; i < this._groupUsers[key].length; i++) {
+                // See if this is the user
+                var user = this._groupUsers[key][i];
+                if (user.Id == userId) {
+                    // Remove the user
+                    this._groupUsers[key].splice(i, 1);
+                    break;
+                }
+            }
+        }
+    };
+    // Method to check if the user is w/in a group and add them otherwise
+    ListSecurity.prototype.addToGroup = function (userId, groupName) {
+        var _this = this;
+        // Return a promise
+        return new Promise(function (resolve, reject) {
+            // See if the user is in the group
+            if (_this.isInGroup(userId, groupName)) {
+                // Resolve the request
+                resolve();
+                return;
+            }
+            // Add the user to the group
+            _this._groups[groupName].Users().addUserById(userId).execute(function (user) {
+                // Add the user to the group
+                _this.addUser(user, groupName);
+                // Resolve the request
+                resolve();
+            }, reject);
+        });
     };
     // Configures a list
     ListSecurity.prototype.configureList = function (listInfo) {
@@ -67,22 +133,25 @@ var ListSecurity = /** @class */ (function () {
     // Configures the lists
     ListSecurity.prototype.configureLists = function (lists) {
         var _this = this;
-        var counter = 0;
-        // Show a loading dialog
-        loadingDialog_1.LoadingDialog.setHeader("Configuring Lists");
-        loadingDialog_1.LoadingDialog.setBody("This will close after the lists are configured...");
-        loadingDialog_1.LoadingDialog.show();
-        // Reset the lists
-        this.resetPermissions(lists).then(function () {
-            // Parse the lists
-            gd_sprest_bs_1.Helper.Executor(lists, function (list) {
-                // Return a promise
-                return new Promise(function (resolve) {
-                    // Update the loading dialog
-                    loadingDialog_1.LoadingDialog.setBody("Configuring ".concat(++counter, " of ").concat(lists.length, " lists..."));
-                    // Configure the list
-                    _this.configureList(list).then(resolve);
-                });
+        // Return a promise
+        return new Promise(function (resolve, reject) {
+            var counter = 0;
+            // Show a loading dialog
+            loadingDialog_1.LoadingDialog.setHeader("Configuring Lists");
+            loadingDialog_1.LoadingDialog.setBody("This will close after the lists are configured...");
+            loadingDialog_1.LoadingDialog.show();
+            // Reset the lists
+            _this.resetPermissions(lists).then(function () {
+                // Parse the lists
+                gd_sprest_bs_1.Helper.Executor(lists, function (list) {
+                    // Return a promise
+                    return new Promise(function (resolve) {
+                        // Update the loading dialog
+                        loadingDialog_1.LoadingDialog.setBody("Configuring ".concat(++counter, " of ").concat(lists.length, " lists..."));
+                        // Configure the list
+                        _this.configureList(list).then(resolve);
+                    });
+                }).then(resolve, reject);
             });
         });
     };
@@ -107,9 +176,9 @@ var ListSecurity = /** @class */ (function () {
                     // Get the group
                     _this.getGroupId(groupInfo.Title).then(
                     // Group exists
-                    function (group) {
+                    function () {
                         // Check the next group
-                        resolve(group);
+                        resolve(null);
                     }, 
                     // Group doesn't exist
                     function () {
@@ -126,7 +195,7 @@ var ListSecurity = /** @class */ (function () {
                         // Successfully created the group
                         function (group) {
                             // Set the group id
-                            _this.setGroupId(groupInfo.Title.toLowerCase(), group);
+                            _this.setGroup(groupInfo.Title.toLowerCase(), group);
                             // Call the event
                             _this._props.onGroupCreated ? _this._props.onGroupCreated(group) : null;
                             // Check the next group
@@ -141,7 +210,7 @@ var ListSecurity = /** @class */ (function () {
                         });
                     });
                 });
-            });
+            }).then(resolve, reject);
         });
     };
     // Gets the group id
@@ -159,21 +228,44 @@ var ListSecurity = /** @class */ (function () {
             // Get the group information
             switch (key) {
                 // Default owner's group
-                case "owner":
-                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl).AssociatedOwnerGroup().execute(function (group) { resolve(_this.setGroupId(key, group)); }, reject);
+                case exports.ListSecurityDefaultGroups.Owners:
+                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl).AssociatedOwnerGroup().query({
+                        Expand: ["Users"]
+                    }).execute(function (group) {
+                        _this.setGroup(key, group);
+                        _this.setGroup(group.Title.toLowerCase(), group);
+                        resolve(group.Id);
+                    }, reject);
                     break;
                 // Default member's group
-                case "member":
-                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl).AssociatedMemberGroup().execute(function (group) { resolve(_this.setGroupId(key, group)); }, reject);
+                case exports.ListSecurityDefaultGroups.Members:
+                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl).AssociatedMemberGroup().query({
+                        Expand: ["Users"]
+                    }).execute(function (group) {
+                        _this.setGroup(key, group);
+                        _this.setGroup(group.Title.toLowerCase(), group);
+                        resolve(group.Id);
+                    }, reject);
                     break;
                 // Default visitor's group
-                case "visitor":
-                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl).AssociatedVisitorGroup().execute(function (group) { resolve(_this.setGroupId(key, group)); }, reject);
+                case exports.ListSecurityDefaultGroups.Visitors:
+                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl).AssociatedVisitorGroup().query({
+                        Expand: ["Users"]
+                    }).execute(function (group) {
+                        _this.setGroup(key, group);
+                        _this.setGroup(group.Title.toLowerCase(), group);
+                        resolve(group.Id);
+                    }, reject);
                     break;
                 // Default
                 default:
                     // Get the group
-                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl).SiteGroups().getByName(groupName).execute(function (group) { resolve(_this.setGroupId(key, group)); }, reject);
+                    (0, gd_sprest_bs_1.Web)(_this._props.webUrl).SiteGroups().getByName(groupName).query({
+                        Expand: ["Users"]
+                    }).execute(function (group) {
+                        _this.setGroup(key, group);
+                        resolve(group.Id);
+                    }, reject);
                     break;
             }
         });
@@ -184,7 +276,7 @@ var ListSecurity = /** @class */ (function () {
         // Return a promise
         return new Promise(function (resolve) {
             // Get the definitions
-            (0, gd_sprest_bs_1.Web)().RoleDefinitions().query({
+            (0, gd_sprest_bs_1.Web)(_this._props.webUrl).RoleDefinitions().query({
                 OrderBy: ["Name"]
             }).execute(function (roleDefs) {
                 // Clear the permissions and items
@@ -207,29 +299,132 @@ var ListSecurity = /** @class */ (function () {
             });
         });
     };
+    // Method to see if a user is w/in a group
+    ListSecurity.prototype.isInGroup = function (userId, groupName) {
+        // See if we have the user information
+        var users = this.getGroupUsers(groupName);
+        for (var i = 0; i < users.length; i++) {
+            // See if the user is in this group
+            if (users[i].Id == userId) {
+                return true;
+            }
+        }
+        // Not in the group
+        return false;
+    };
+    // Loads the current user
+    ListSecurity.prototype.loadCurrentUser = function () {
+        var _this = this;
+        // Load the current user
+        (0, gd_sprest_bs_1.Web)(this._props.webUrl).CurrentUser().execute(
+        // Success
+        function (user) {
+            // Set the user
+            _this._currentUser = user;
+        }, 
+        // Error
+        function () {
+            // Log
+            console.error("Unable to load the current user");
+            // Set the information from the context info
+            _this._currentUser = {
+                Email: gd_sprest_bs_1.ContextInfo.userEmail,
+                Id: gd_sprest_bs_1.ContextInfo.userId,
+                LoginName: gd_sprest_bs_1.ContextInfo.userLoginName,
+                Title: gd_sprest_bs_1.ContextInfo.userDisplayName,
+                UserPrincipalName: gd_sprest_bs_1.ContextInfo.userPrincipalName
+            };
+        });
+    };
     // Loads the security groups
     ListSecurity.prototype.loadGroups = function () {
         var _this = this;
+        var groupNames = [];
         // Parse the security groups
-        gd_sprest_bs_1.Helper.Executor(this._props.groups, function (group) {
-            // Load the group
-            return _this.getGroupId(group.Title);
+        var groups = this._props.groups || [];
+        for (var i = 0; i < groups.length; i++) {
+            // Add the group name
+            groupNames.push(groups[i].Title);
+        }
+        // Parse the list items
+        var loadDefaultOwner = false;
+        var loadDefaultMember = false;
+        var loadDefaultVisitor = false;
+        for (var i = 0; i < this._props.listItems.length; i++) {
+            // See if this item uses a default group name
+            switch (this._props.listItems[i].groupName) {
+                // Members Group
+                case exports.ListSecurityDefaultGroups.Members:
+                    loadDefaultMember = true;
+                    break;
+                // Owners Group
+                case exports.ListSecurityDefaultGroups.Owners:
+                    loadDefaultOwner = true;
+                    break;
+                // Visitors Group
+                case exports.ListSecurityDefaultGroups.Visitors:
+                    loadDefaultVisitor = true;
+                    break;
+            }
+        }
+        // Append the group names
+        loadDefaultMember ? groupNames.push(exports.ListSecurityDefaultGroups.Members) : null;
+        loadDefaultOwner ? groupNames.push(exports.ListSecurityDefaultGroups.Owners) : null;
+        loadDefaultVisitor ? groupNames.push(exports.ListSecurityDefaultGroups.Visitors) : null;
+        // Parse the security groups
+        gd_sprest_bs_1.Helper.Executor(groupNames, function (groupName) {
+            // Return a promise
+            return new Promise(function (resolve) {
+                // Load the group
+                _this.getGroupId(groupName).then(resolve, resolve);
+            });
         }).then(function () {
             // Call the event
-            _this._props.onGroupsLoaded ? _this._props.onGroupsLoaded() : null;
+            _this._props.onGroupsLoaded ? _this._props.onGroupsLoaded(_this._groups) : null;
+        });
+    };
+    // Method remove a user from a specified group
+    ListSecurity.prototype.removeFromGroup = function (userId, groupName) {
+        var _this = this;
+        // Return a promise
+        return new Promise(function (resolve, reject) {
+            // See if the user is not in the group
+            if (!_this.isInGroup(userId, groupName)) {
+                // Resolve the request
+                resolve();
+                return;
+            }
+            // Remove the user from the group
+            _this._groups[groupName].Users().removeById(userId).execute(function () {
+                // Add the user to the group
+                _this.removeUser(userId, groupName);
+                // Resolve the request
+                resolve();
+            }, reject);
         });
     };
     // Render the modal
-    ListSecurity.prototype.renderModal = function () {
+    ListSecurity.prototype.renderModal = function (onComplete) {
         var _this = this;
         // Clear the modal
         modal_1.Modal.clear();
         // Set the header
         modal_1.Modal.setHeader("List Security");
+        // Get the default groups
+        var defaultGroups = {};
+        defaultGroups[exports.ListSecurityDefaultGroups.Members] = this.getGroup(exports.ListSecurityDefaultGroups.Members);
+        defaultGroups[exports.ListSecurityDefaultGroups.Owners] = this.getGroup(exports.ListSecurityDefaultGroups.Owners);
+        defaultGroups[exports.ListSecurityDefaultGroups.Visitors] = this.getGroup(exports.ListSecurityDefaultGroups.Visitors);
         // Parse the lists
         var rows = [];
         for (var i = 0; i < this._props.listItems.length; i++) {
             var listItem = this._props.listItems[i];
+            // Set the group name
+            var groupName = listItem.groupName;
+            if (defaultGroups[groupName]) {
+                // Set the group name
+                groupName = defaultGroups[groupName].Title;
+            }
             // Add the row
             rows.push({
                 isAutoSized: true,
@@ -247,7 +442,7 @@ var ListSecurity = /** @class */ (function () {
                             name: "groupName_" + i,
                             label: "Group Name",
                             type: gd_sprest_bs_1.Components.FormControlTypes.Readonly,
-                            value: listItem.groupName
+                            value: groupName
                         }
                     },
                     {
@@ -265,44 +460,61 @@ var ListSecurity = /** @class */ (function () {
         }
         // Render the form
         var form = gd_sprest_bs_1.Components.Form({
+            className: "list-security-form",
             el: modal_1.Modal.BodyElement,
             rows: rows
         });
+        // Gets the list names
+        var getListNames = function () {
+            var lists = [];
+            // Get the form values
+            var tableData = form.getValues();
+            // Parse the # of rows
+            for (var i = 0; i < rows.length; i++) {
+                // Add the list information
+                lists.push({
+                    groupName: tableData["groupName_" + i],
+                    listName: tableData["listName_" + i],
+                    permission: tableData["permission_" + i].value
+                });
+            }
+            // Return the list names
+            return lists;
+        };
         // Render the footer
         gd_sprest_bs_1.Components.TooltipGroup({
             el: modal_1.Modal.FooterElement,
             tooltips: [
                 {
-                    content: "Closes the modal",
+                    content: "Configure the list to inherit permissions from the web",
                     btnProps: {
-                        text: "Cancel",
-                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlineDanger,
+                        text: "Inherit",
+                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlinePrimary,
                         onClick: function () {
-                            // Close the modal
-                            modal_1.Modal.hide();
+                            // Reset the list permissions
+                            _this.resetPermissions(getListNames(), false).then(onComplete);
                         }
                     }
                 },
                 {
-                    content: "Configures the security for the lists.",
+                    content: "Configure the security for the lists",
                     btnProps: {
                         text: "Configure",
                         type: gd_sprest_bs_1.Components.ButtonTypes.OutlinePrimary,
                         onClick: function () {
-                            var lists = [];
-                            // Get the form values
-                            var tableData = form.getValues();
-                            // Parse the # of rows
-                            for (var i = 0; i < rows.length; i++) {
-                                // Add the list information
-                                lists.push({
-                                    groupName: tableData["groupName_" + i],
-                                    listName: tableData["listName_" + i],
-                                    permission: tableData["permission_" + i]
-                                });
-                            }
                             // Configure the lists
-                            _this.configureLists(lists);
+                            _this.configureLists(getListNames()).then(onComplete);
+                        }
+                    }
+                },
+                {
+                    content: "Close this modal",
+                    btnProps: {
+                        text: "Close",
+                        type: gd_sprest_bs_1.Components.ButtonTypes.OutlineSecondary,
+                        onClick: function () {
+                            // Close the modal
+                            modal_1.Modal.hide();
                         }
                     }
                 }
@@ -312,8 +524,9 @@ var ListSecurity = /** @class */ (function () {
         modal_1.Modal.show();
     };
     // Reset list permissions
-    ListSecurity.prototype.resetPermissions = function (listItems) {
+    ListSecurity.prototype.resetPermissions = function (listItems, breakInheritance) {
         var _this = this;
+        if (breakInheritance === void 0) { breakInheritance = true; }
         // Parse the lists
         var lists = {};
         for (var i = 0; i < listItems.length; i++) {
@@ -328,14 +541,16 @@ var ListSecurity = /** @class */ (function () {
                 // Reset the permissions
                 list.resetRoleInheritance().execute();
                 // Revert to the default
-                list.breakRoleInheritance(false, true).execute(true);
+                if (breakInheritance) {
+                    list.breakRoleInheritance(false, true).execute(true);
+                }
                 // Wait for the requests to complete
                 list.done(resolve);
             }
         });
     };
     // Shows the modal
-    ListSecurity.prototype.show = function (createFl) {
+    ListSecurity.prototype.show = function (createFl, onComplete) {
         var _this = this;
         if (createFl === void 0) { createFl = true; }
         // Show a loading dialog
@@ -353,11 +568,23 @@ var ListSecurity = /** @class */ (function () {
                     // Hide the loading dialog
                     loadingDialog_1.LoadingDialog.hide();
                     // Show the modal
-                    _this.renderModal();
+                    _this.renderModal(function () {
+                        // Hide the loading dialog
+                        loadingDialog_1.LoadingDialog.hide();
+                        // Call the event
+                        onComplete ? onComplete() : null;
+                    });
                     // Stop the loop
                     clearInterval(loopId);
                 }
             }, 10);
+        }, function () {
+            // Hide the loading dialog
+            loadingDialog_1.LoadingDialog.hide();
+            // Show an error
+            modal_1.Modal.setHeader("Security Groups");
+            modal_1.Modal.setBody("Error loading/creating the security groups. Please contact your admin.");
+            modal_1.Modal.show();
         });
     };
     return ListSecurity;

package/build/lib.d.ts

@@ -19,6 +19,11 @@ export declare const DattaTable: {
     InstallationRequired: typeof Common.InstallationRequired;
     ItemForm: typeof Common.ItemForm;
     List: typeof Common.List;
+    ListSecurityDefaultGroups: {
+        Members: string;
+        Owners: string;
+        Visitors: string;
+    };
     ListSecurity: typeof Common.ListSecurity;
     LoadingDialog: typeof Common.LoadingDialog;
     formatBytes: (bytes: number, decimals?: number) => string;