@gpa-gemstone/common-pages 0.0.123 → 0.0.125

package/lib/user/UserForm.js

@@ -1,166 +0,0 @@
-"use strict";
-// ******************************************************************************************************
-//  UserForm.tsx - Gbtc
-//
-//  Copyright © 2020, Grid Protection Alliance.  All Rights Reserved.
-//
-//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
-//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
-//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
-//  file except in compliance with the License. You may obtain a copy of the License at:
-//
-//      http://opensource.org/licenses/MIT
-//
-//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
-//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
-//  License for the specific language governing permissions and limitations.
-//
-//  Code Modification History:
-//  ----------------------------------------------------------------------------------------------------
-//  07/14/2021 - C. Lackner
-//       Generated original version of source code.
-// ******************************************************************************************************
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var react_forms_1 = require("@gpa-gemstone/react-forms");
-var _ = __importStar(require("lodash"));
-var react_redux_1 = require("react-redux");
-function UserForm(props) {
-    var dispatch = (0, react_redux_1.useDispatch)();
-    var _a = React.useState(false), updatedAD = _a[0], setUpdatedAD = _a[1];
-    var userValidation = (0, react_redux_1.useSelector)(props.UserSlice.ADValidation);
-    var _b = React.useState([]), userError = _b[0], setUserError = _b[1];
-    React.useEffect(function () {
-        if (userValidation === 'Valid' && !props.Edit && updatedAD === false)
-            dispatch(props.UserSlice.ADUpdate());
-    }, [userValidation, updatedAD]);
-    React.useEffect(function () {
-        if (props.SetErrors !== undefined)
-            props.SetErrors(userError);
-    }, [userError, props.SetErrors]);
-    React.useEffect(function () {
-        if (props.UserAccount == null)
-            return;
-        var e = [];
-        if (props.UserAccount.Name == null || props.UserAccount.Name.length === 0)
-            e.push('An AccountName is required.');
-        if (props.UserAccount.UseADAuthentication && userValidation !== 'Valid')
-            e.push('The user could not be validated by the AD.');
-        setUserError(e);
-    }, [props.UserAccount, userValidation]);
-    function validUserAccountField(user, field) {
-        if (field === 'Name')
-            return user.Name != null && user.Name.length > 0 && user.Name.length <= 200;
-        else if (field === 'Password')
-            return user.Password == null || user.Password.length <= 200;
-        else if (field === 'FirstName')
-            return user.FirstName == null || user.FirstName.length <= 200;
-        else if (field === 'LastName')
-            return user.LastName == null || user.LastName.length <= 200;
-        else if (field === 'Phone')
-            return user.Phone == null || user.Phone.length <= 200;
-        else if (field === 'Email')
-            return user.Email == null || user.Email.length <= 200;
-        else if (field === "ChangePasswordOn")
-            return user.ChangePasswordOn == null;
-        return false;
-    }
-    if (props.UserAccount == null)
-        return null;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("form", null,
-            React.createElement("div", { className: "row" },
-                React.createElement("div", { className: "col" },
-                    React.createElement(react_forms_1.Input, { Record: props.UserAccount, Disabled: props.Edit, Field: 'Name', Feedback: 'A Name of less than 200 characters is required.', Valid: function (field) { return validUserAccountField(props.UserAccount, field); }, Setter: function (record) {
-                            setUpdatedAD(false);
-                            props.Setter(record);
-                        } }),
-                    React.createElement("div", { className: "row", style: { position: 'absolute', top: 0, left: 100 }, hidden: !props.UserAccount.UseADAuthentication },
-                        React.createElement("span", { id: "resolvingAccount", hidden: userValidation !== 'Resolving' },
-                            React.createElement("i", { style: { height: 10, width: 10, color: 'grey' }, className: "fa fa fa-spin fa-refresh" }),
-                            "\u00A0",
-                            React.createElement("em", { className: "small" }, "Resolving account details...")),
-                        React.createElement("span", { id: "accountValid", hidden: userValidation !== 'Valid' },
-                            React.createElement("i", { style: { height: 20, width: 20, color: 'green' }, className: "fa fa-check-circle" }),
-                            "\u00A0",
-                            React.createElement("em", { className: "small" }, "Resolved account name ")),
-                        React.createElement("span", { id: "accountInvalid", hidden: userValidation !== 'Invalid' },
-                            React.createElement("i", { style: { height: 20, width: 20, color: 'red' }, className: "fa fa-times-circle" }),
-                            "\u00A0",
-                            React.createElement("em", { className: "small" }, "Cannot resolve account name")),
-                        React.createElement("span", { id: "accountUnknown", hidden: userValidation !== 'Unknown' },
-                            React.createElement("i", { style: { height: 20, width: 20, color: 'orange' }, className: "fa fa-exclamation-circle" }),
-                            "\u00A0",
-                            React.createElement("em", { className: "small" }, "Valid account name is not a user or Active Directory access is limited"))),
-                    React.createElement("button", { style: { marginBottom: 10 }, type: "button", className: "btn btn-primary btn-sm", onClick: function (evt) { evt.preventDefault(); dispatch(props.UserSlice.ADUpdate()); }, hidden: userValidation !== 'Valid' || !props.Edit }, "Load Information from AD"),
-                    React.createElement("div", { className: "card" },
-                        React.createElement("div", { className: "card-header" },
-                            React.createElement("div", { className: "row" },
-                                React.createElement("div", { className: "col-xs-4" },
-                                    React.createElement("div", { className: "form-check-inline" },
-                                        React.createElement("label", { className: "form-check-label" },
-                                            React.createElement("input", { disabled: props.Edit, className: 'form-check-input', type: 'radio', checked: props.UserAccount.UseADAuthentication, onChange: function (e) {
-                                                    var record = _.clone(props.UserAccount);
-                                                    record.UseADAuthentication = e.target.checked;
-                                                    props.Setter(record);
-                                                } }),
-                                            "Active Directory User"))),
-                                React.createElement("div", { className: "col-xs-4" },
-                                    React.createElement("div", { className: "form-check-inline" },
-                                        React.createElement("label", { className: "form-check-label" },
-                                            React.createElement("input", { disabled: props.Edit, className: 'form-check-input', type: 'radio', checked: !props.UserAccount.UseADAuthentication, onChange: function (e) {
-                                                    var record = _.clone(props.UserAccount);
-                                                    record.UseADAuthentication = !e.target.checked;
-                                                    props.Setter(record);
-                                                } }),
-                                            "Database User"))))),
-                        React.createElement("div", { className: "card-body", hidden: !props.UserAccount.UseADAuthentication },
-                            React.createElement("div", { className: "row" },
-                                React.createElement("div", { className: "col" },
-                                    React.createElement(react_forms_1.Input, { Record: props.UserAccount, Field: 'FirstName', Label: 'First Name', Feedback: 'First Name must be less than 200 characters.', Valid: function (field) { return validUserAccountField(props.UserAccount, field); }, Setter: props.Setter }),
-                                    React.createElement(react_forms_1.Input, { Record: props.UserAccount, Field: 'LastName', Label: 'Last Name', Feedback: 'Last Name must be less than 200 characters.', Valid: function (field) { return validUserAccountField(props.UserAccount, field); }, Setter: props.Setter })),
-                                React.createElement("div", { className: "col" },
-                                    React.createElement(react_forms_1.Input, { Record: props.UserAccount, Field: 'Phone', Feedback: 'Phone must be less than 200 characters.', Valid: function (field) { return validUserAccountField(props.UserAccount, field); }, Setter: props.Setter }),
-                                    React.createElement(react_forms_1.Input, { Record: props.UserAccount, Field: 'Email', Feedback: 'Email must be less than 200 characters.', Valid: function (field) { return validUserAccountField(props.UserAccount, field); }, Setter: props.Setter })))),
-                        React.createElement("div", { className: "card-body", hidden: props.UserAccount.UseADAuthentication },
-                            React.createElement("div", { className: "row" },
-                                React.createElement("div", { className: "col" },
-                                    React.createElement(react_forms_1.Input, { Record: props.UserAccount, Field: 'Password', Feedback: 'Password must be less than 200 characters.', Type: 'password', Valid: function (field) { return validUserAccountField(props.UserAccount, field); }, Setter: props.Setter }),
-                                    React.createElement(react_forms_1.Input, { Record: props.UserAccount, Field: 'FirstName', Label: 'First Name', Feedback: 'First Name must be less than 200 characters.', Valid: function (field) { return validUserAccountField(props.UserAccount, field); }, Setter: props.Setter }),
-                                    React.createElement(react_forms_1.Input, { Record: props.UserAccount, Field: 'LastName', Label: 'Last Name', Feedback: 'Last Name must be less than 200 characters.', Valid: function (field) { return validUserAccountField(props.UserAccount, field); }, Setter: props.Setter })),
-                                React.createElement("div", { className: "col" },
-                                    React.createElement(react_forms_1.Input, { Record: props.UserAccount, Field: 'Phone', Feedback: 'Password must be less than 200 characters.', Valid: function (field) { return validUserAccountField(props.UserAccount, field); }, Setter: props.Setter }),
-                                    React.createElement(react_forms_1.Input, { Record: props.UserAccount, Field: 'Email', Feedback: 'Password must be less than 200 characters.', Valid: function (field) { return validUserAccountField(props.UserAccount, field); }, Setter: props.Setter }),
-                                    React.createElement(react_forms_1.DatePicker, { Record: props.UserAccount, Field: 'ChangePasswordOn', Label: 'Change Password On', Setter: props.Setter, Valid: function (field) { return validUserAccountField(props.UserAccount, field); } })))),
-                        React.createElement("div", { className: "row" },
-                            React.createElement("div", { className: "col", style: { margin: 10 } },
-                                React.createElement(react_forms_1.CheckBox, { Record: props.UserAccount, Label: 'Locked Out', Field: 'LockedOut', Setter: props.Setter }),
-                                React.createElement(react_forms_1.CheckBox, { Record: props.UserAccount, Field: 'Approved', Setter: props.Setter })),
-                            React.createElement("div", { className: "col-lg-6" },
-                                React.createElement(react_forms_1.CheckBox, { Record: props.UserAccount, Label: 'Phone Confirmed', Field: 'PhoneConfirmed', Setter: props.Setter }),
-                                React.createElement(react_forms_1.CheckBox, { Record: props.UserAccount, Label: 'Email Confirmed', Field: 'EmailConfirmed', Setter: props.Setter })))))))));
-}
-exports.default = UserForm;

package/lib/user/UserInfo.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { IUserAccountSlice } from '../SliceInterfaces';
-interface IProps {
-    UserSlice: IUserAccountSlice;
-}
-declare function UserInfo(props: IProps): React.JSX.Element;
-export default UserInfo;

package/lib/user/UserInfo.js

@@ -1,123 +0,0 @@
-"use strict";
-// ******************************************************************************************************
-//  UserInfo.tsx - Gbtc
-//
-//  Copyright © 2020, Grid Protection Alliance.  All Rights Reserved.
-//
-//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
-//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
-//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
-//  file except in compliance with the License. You may obtain a copy of the License at:
-//
-//      http://opensource.org/licenses/MIT
-//
-//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
-//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
-//  License for the specific language governing permissions and limitations.
-//
-//  Code Modification History:
-//  ----------------------------------------------------------------------------------------------------
-//  07/14/2021 - C. Lackner
-//       Generated original version of source code.
-// ******************************************************************************************************
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var CryptoJS = __importStar(require("crypto-js"));
-var UserForm_1 = __importDefault(require("./UserForm"));
-var react_interactive_1 = require("@gpa-gemstone/react-interactive");
-var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
-var react_redux_1 = require("react-redux");
-function UserInfo(props) {
-    var dispatch = (0, react_redux_1.useDispatch)();
-    var currentUser = (0, react_redux_1.useSelector)(props.UserSlice.CurrentUser);
-    var _a = React.useState(currentUser), user = _a[0], setUser = _a[1];
-    var _b = React.useState([]), warnings = _b[0], setWarning = _b[1];
-    var _c = React.useState('None'), hover = _c[0], setHover = _c[1];
-    React.useEffect(function () {
-        if (currentUser == null || user == null)
-            return;
-        var encryptedPwd = (user.Password !== currentUser.Password ? CryptoJS.SHA256(user.Password + "0").toString(CryptoJS.enc.Base64) : user.Password);
-        var w = [];
-        if (currentUser.FirstName !== user.FirstName)
-            w.push('Changes to First Name will be lost.');
-        if (currentUser.LastName !== user.LastName)
-            w.push('Changes to Last Name will be lost.');
-        if (currentUser.Phone !== user.Phone)
-            w.push('Changes to Phone will be lost.');
-        if (currentUser.Email !== user.Email)
-            w.push('Changes to Email will be lost.');
-        if (currentUser.ChangePasswordOn !== user.ChangePasswordOn)
-            w.push('Changes to Change Password Date will be lost.');
-        if (currentUser.LockedOut !== user.LockedOut)
-            w.push('Changes to Account Locked Status will be lost.');
-        if (currentUser.Approved !== user.Approved)
-            w.push('Changes Account Approved Status will be lost.');
-        if (currentUser.PhoneConfirmed !== user.PhoneConfirmed)
-            w.push('Changes to Phone Confirmed Status will be lost.');
-        if (currentUser.EmailConfirmed !== user.EmailConfirmed)
-            w.push('Changes to Email confirmed Status will be lost.');
-        if (!currentUser.UseADAuthentication && currentUser.Password !== encryptedPwd)
-            w.push('Changes to Password will be lost.');
-        setWarning(w);
-    }, [currentUser, user]);
-    React.useEffect(function () { setUser(currentUser); }, [currentUser]);
-    function updateUser() {
-        var encryptedPwd = (user.Password !== currentUser.Password ? CryptoJS.SHA256(user.Password + "0").toString(CryptoJS.enc.Base64) : user.Password);
-        dispatch(props.UserSlice.SetCurrentUser(__assign(__assign({}, user), { Name: currentUser.Name, Password: encryptedPwd })));
-        dispatch(props.UserSlice.DBAction({ verb: 'PATCH', record: __assign(__assign({}, user), { Name: currentUser.Name, Password: encryptedPwd }) }));
-    }
-    return (React.createElement("div", { className: "card", style: { marginBottom: 10 } },
-        React.createElement("div", { className: "card-header" },
-            React.createElement("div", { className: "row" },
-                React.createElement("div", { className: "col" },
-                    React.createElement("h4", null, "User Information:")))),
-        React.createElement("div", { className: "card-body", style: { height: window.innerHeight - 440, maxHeight: window.innerHeight - 440, overflowY: 'auto' } },
-            React.createElement(UserForm_1.default, { UserAccount: user, Setter: function (u) { return setUser(u); }, Edit: true, UserSlice: props.UserSlice })),
-        React.createElement("div", { className: "card-footer" },
-            React.createElement("div", { className: "btn-group mr-2" },
-                React.createElement("button", { className: "btn btn-primary", onClick: function () { return updateUser(); }, disabled: warnings.length === 0 }, "Update")),
-            React.createElement("div", { className: "btn-group mr-2" },
-                React.createElement("button", { className: "btn btn-default", onClick: function () { return setUser(currentUser); }, disabled: warnings.length === 0, "data-tooltip": 'Clr', onMouseEnter: function () { return setHover('Clear'); }, onMouseLeave: function () { return setHover('None'); } }, "Reset")),
-            React.createElement(react_interactive_1.ToolTip, { Show: hover === 'Clear' && (warnings.length > 0), Position: 'top', Theme: 'dark', Target: "Clr" }, warnings.map(function (t, i) { return React.createElement("p", { key: i },
-                gpa_symbols_1.Warning,
-                " ",
-                t); })))));
-}
-exports.default = UserInfo;

package/lib/user/UserPermissions.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { ISecurityRoleSlice } from '../SliceInterfaces';
-interface IProps {
-    UserID: string;
-    RoleSlice: ISecurityRoleSlice;
-}
-declare function UserPermission(props: IProps): React.JSX.Element;
-export default UserPermission;

package/lib/user/UserPermissions.js

@@ -1,106 +0,0 @@
-"use strict";
-// ******************************************************************************************************
-//  UserPermission.tsx - Gbtc
-//
-//  Copyright © 2020, Grid Protection Alliance.  All Rights Reserved.
-//
-//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
-//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
-//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
-//  file except in compliance with the License. You may obtain a copy of the License at:
-//
-//      http://opensource.org/licenses/MIT
-//
-//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
-//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
-//  License for the specific language governing permissions and limitations.
-//
-//  Code Modification History:
-//  ----------------------------------------------------------------------------------------------------
-//  07/14/2021 - C. Lackner
-//       Generated original version of source code.
-// ******************************************************************************************************
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var _ = __importStar(require("lodash"));
-var react_forms_1 = require("@gpa-gemstone/react-forms");
-var react_redux_1 = require("react-redux");
-function UserPermission(props) {
-    var dispatch = (0, react_redux_1.useDispatch)();
-    var currentRoles = (0, react_redux_1.useSelector)(props.RoleSlice.Roles);
-    var allRoleStatus = (0, react_redux_1.useSelector)(props.RoleSlice.Status);
-    var availableRoles = (0, react_redux_1.useSelector)(props.RoleSlice.AvailableRoles);
-    var currentRoleStatus = (0, react_redux_1.useSelector)(props.RoleSlice.CurrentRoleStatus);
-    var _a = React.useState([]), workingRoles = _a[0], setWorkingRoles = _a[1];
-    var _b = React.useState(false), changed = _b[0], setChanged = _b[1];
-    React.useEffect(function () {
-        if (allRoleStatus === 'unintiated' || allRoleStatus === 'changed')
-            dispatch(props.RoleSlice.FetchRoles());
-    }, [dispatch, allRoleStatus]);
-    React.useEffect(function () {
-        if (currentRoleStatus === 'unintiated' || currentRoleStatus === 'changed')
-            dispatch(props.RoleSlice.FetchUserRoles(props.UserID));
-    }, [dispatch, currentRoleStatus, props.UserID]);
-    React.useEffect(function () {
-        resetCurrentRoles(availableRoles, currentRoles);
-    }, [currentRoles, availableRoles]);
-    function resetCurrentRoles(avRoles, currRoles) {
-        setChanged(false);
-        setWorkingRoles(avRoles.map(function (src) {
-            var upd = _.cloneDeep(src);
-            upd.Assigned = currRoles.find(function (usrc) { return usrc.ApplicationRoleID === upd.ID; }) !== undefined;
-            return upd;
-        }));
-    }
-    return (React.createElement("div", { className: "card", style: { marginBottom: 10 } },
-        React.createElement("div", { className: "card-header" },
-            React.createElement("div", { className: "row" },
-                React.createElement("div", { className: "col" },
-                    React.createElement("h4", null, "User Permissions:")))),
-        React.createElement("div", { className: "card-body" },
-            React.createElement("div", { className: "row" },
-                React.createElement("div", { className: "col" },
-                    React.createElement("fieldset", { className: "border", style: { padding: '10px', height: '100%' } },
-                        React.createElement("legend", { className: "w-auto", style: { fontSize: 'large' } }, "System Center:"),
-                        React.createElement("form", null, workingRoles.map(function (scr, i, array) { return React.createElement(react_forms_1.CheckBox, { key: scr.ID, Record: scr, Field: 'Assigned', Label: scr.Name, Setter: function (record) {
-                                scr.Assigned = record.Assigned;
-                                var newArray = _.clone(array);
-                                setWorkingRoles(newArray);
-                                setChanged(true);
-                            } }); })))),
-                React.createElement("div", { className: "col" }))),
-        React.createElement("div", { className: "card-footer" },
-            React.createElement("div", { className: "btn-group mr-2" },
-                React.createElement("button", { className: "btn btn-primary", onClick: function () {
-                        return dispatch(props.RoleSlice.SetUserRoles({
-                            UserId: props.UserID,
-                            Roles: workingRoles.filter(function (scr) { return scr.Assigned; }).map(function (scr) { return ({ ID: '00000000-0000-0000-0000-000000000000', ApplicationRoleID: scr.ID, UserAccountID: props.UserID }); })
-                        }));
-                    }, disabled: !changed }, "Update")),
-            React.createElement("div", { className: "btn-group mr-2" },
-                React.createElement("button", { className: "btn btn-default", onClick: function () { return resetCurrentRoles(availableRoles, currentRoles); }, disabled: !changed }, "Reset")))));
-}
-exports.default = UserPermission;