studiokit-scaffolding-js 4.3.21 → 4.3.22

package/lib/components/UserRoles/Add.d.ts

@@ -1,31 +1,31 @@
-import { Component } from 'react';
-import { RoleDescription } from '../../types';
-export interface UserRolesAddProps {
-    id: string;
-    entityName?: string;
-    addUsersToRole: any;
-    shouldReset: boolean;
-    isAddingUsersToRole: boolean;
-    defaultRole: string;
-    roleDescriptions: RoleDescription;
-    renderAddDescription?: (entityName?: string) => JSX.Element;
-    disabled?: boolean;
-    textForRole?: (role: string) => string;
-}
-interface UserRolesAddState {
-    identifiers: string;
-    role: string;
-    showErrorAlert: boolean;
-    errorMessage?: string;
-}
-export default class UserRolesAdd extends Component<UserRolesAddProps, UserRolesAddState> {
-    constructor(props: UserRolesAddProps);
-    updateRole: (e: any) => void;
-    componentDidUpdate(prevProps: UserRolesAddProps): void;
-    handleSubmit: () => void;
-    closeErrorAlert: () => void;
-    updateIdentifiers: (e: any) => void;
-    getValidationErrorMessage: (identifiers?: string[] | undefined) => string | undefined;
-    render(): JSX.Element;
-}
-export {};
+import { Component } from 'react';
+import { RoleDescription } from '../../types';
+export interface UserRolesAddProps {
+    id: string;
+    entityName?: string;
+    addUsersToRole: any;
+    shouldReset: boolean;
+    isAddingUsersToRole: boolean;
+    defaultRole: string;
+    roleDescriptions: RoleDescription;
+    renderAddDescription?: (entityName?: string) => JSX.Element;
+    disabled?: boolean;
+    textForRole?: (role: string) => string;
+}
+interface UserRolesAddState {
+    identifiers: string;
+    role: string;
+    showErrorAlert: boolean;
+    errorMessage?: string;
+}
+export default class UserRolesAdd extends Component<UserRolesAddProps, UserRolesAddState> {
+    constructor(props: UserRolesAddProps);
+    updateRole: (e: any) => void;
+    componentDidUpdate(prevProps: UserRolesAddProps): void;
+    handleSubmit: () => void;
+    closeErrorAlert: () => void;
+    updateIdentifiers: (e: any) => void;
+    getValidationErrorMessage: (identifiers?: string[] | undefined) => string | undefined;
+    render(): JSX.Element;
+}
+export {};

package/lib/components/UserRoles/Add.js

@@ -1,165 +1,165 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 Button_1 = __importDefault(require("@material-ui/core/Button"));
-var AddCircle_1 = __importDefault(require("@material-ui/icons/AddCircle"));
-var lodash_1 = __importDefault(require("lodash"));
-var react_1 = __importStar(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var AlertDialog_1 = __importDefault(require("../../components/AlertDialog"));
-var Inline_1 = __importDefault(require("../../components/RefreshIndicator/Inline"));
-var Select_1 = __importDefault(require("../../components/UserRoles/Select"));
-var baseRole_1 = __importDefault(require("../../constants/baseRole"));
-var configuration_1 = require("../../constants/configuration");
-var domainIdentifier_1 = require("../../utils/domainIdentifier");
-var shard_1 = require("../../utils/shard");
-var string_1 = require("../../utils/string");
-var AlertWithIcon_1 = __importDefault(require("../AlertWithIcon"));
-var FERPA_ROLES = [baseRole_1.default.SUPER_ADMIN, baseRole_1.default.ADMIN, baseRole_1.default.GROUP_OWNER, baseRole_1.default.GROUP_GRADER];
-var UserRolesAdd = /** @class */ (function (_super) {
-    __extends(UserRolesAdd, _super);
-    function UserRolesAdd(props) {
-        var _this = _super.call(this, props) || this;
-        _this.updateRole = function (e) {
-            _this.setState({
-                role: e.target.value
-            });
-        };
-        _this.handleSubmit = function () {
-            var _a = _this.state, identifiers = _a.identifiers, role = _a.role;
-            var identifiersArray = identifiers
-                .split(/\r\n|\r|\n/g)
-                .map(function (id) { return id.trim(); })
-                .filter(function (id) { return id !== ''; }); // filter identifiers that are empty
-            var errorMessage = _this.getValidationErrorMessage(identifiersArray);
-            if (errorMessage) {
-                _this.setState({
-                    showErrorAlert: true,
-                    errorMessage: errorMessage
-                });
-            }
-            else {
-                _this.props.addUsersToRole(identifiersArray, role);
-            }
-        };
-        _this.closeErrorAlert = function () {
-            _this.setState({
-                showErrorAlert: false,
-                errorMessage: undefined
-            });
-        };
-        _this.updateIdentifiers = function (e) {
-            _this.setState({
-                identifiers: e.target.value
-            });
-        };
-        _this.getValidationErrorMessage = function (identifiers) {
-            if (!identifiers || identifiers.length === 0) {
-                return "Please enter at least one " + domainIdentifier_1.getDomainIdentifierTypeString() + ".";
-            }
-            var invalidIdentifiers;
-            if (shard_1.isPurdueShard() && !identifiers.every(function (id) { return string_1.isPurdueAliasOrPuid(id); })) {
-                invalidIdentifiers = identifiers.filter(function (id) { return !string_1.isPurdueAliasOrPuid(id); });
-            }
-            if (!shard_1.isPurdueShard() && !identifiers.every(function (id) { return string_1.isEmail(id); })) {
-                invalidIdentifiers = identifiers.filter(function (id) { return !string_1.isEmail(id); });
-            }
-            if (invalidIdentifiers) {
-                return "Please enter valid " + domainIdentifier_1.getDomainIdentifierTypePluralString() + ". The following are invalid:\r\n" + invalidIdentifiers.join('\r\n');
-            }
-            return undefined;
-        };
-        _this.state = {
-            identifiers: '',
-            role: _this.props.defaultRole,
-            showErrorAlert: false,
-            errorMessage: undefined
-        };
-        return _this;
-    }
-    UserRolesAdd.prototype.componentDidUpdate = function (prevProps) {
-        var prevShouldReset = prevProps.shouldReset;
-        var shouldReset = this.props.shouldReset;
-        if (prevShouldReset === false && shouldReset === true) {
-            this.setState({
-                identifiers: '',
-                role: this.props.defaultRole
-            });
-        }
-    };
-    UserRolesAdd.prototype.render = function () {
-        var _a = this.state, identifiers = _a.identifiers, role = _a.role, showErrorAlert = _a.showErrorAlert, errorMessage = _a.errorMessage;
-        var _b = this.props, entityName = _b.entityName, isAddingUsersToRole = _b.isAddingUsersToRole, roleDescriptions = _b.roleDescriptions, renderAddDescription = _b.renderAddDescription, disabled = _b.disabled, textForRole = _b.textForRole;
-        var roles = lodash_1.default.keys(roleDescriptions);
-        var rolePopover = (react_1.default.createElement(react_bootstrap_1.Popover, { id: "role" },
-            react_1.default.createElement("h3", null, "Role"),
-            roles.map(function (r) { return (react_1.default.createElement(react_1.Fragment, { key: r }, roleDescriptions[r])); })));
-        var appConfig = configuration_1.getAppConfig();
-        var appName = appConfig.APP_NAME;
-        var gradableDescriptor = appConfig.GRADABLE_DESCRIPTOR;
-        return (react_1.default.createElement(react_bootstrap_1.Row, null,
-            !!renderAddDescription && react_1.default.createElement(react_bootstrap_1.Col, { xs: 12 }, renderAddDescription(entityName)),
-            react_1.default.createElement(react_bootstrap_1.Col, { xs: 12, sm: 6 },
-                react_1.default.createElement(react_bootstrap_1.FormGroup, { controlId: "UserEntry" },
-                    react_1.default.createElement(react_bootstrap_1.FormLabel, { className: "f6" },
-                        domainIdentifier_1.getDomainIdentifierTypePluralString(),
-                        " (separated by a new line)"),
-                    react_1.default.createElement(react_bootstrap_1.FormControl, { type: "text", as: "textarea", name: "account", "aria-label": "The account names to add", onChange: this.updateIdentifiers, value: identifiers, placeholder: domainIdentifier_1.getDomainIdentifierTypeString(), disabled: disabled }))),
-            react_1.default.createElement(react_bootstrap_1.Col, { xs: 12, sm: 4 },
-                react_1.default.createElement(Select_1.default, { options: roles, value: role, onChange: this.updateRole, labelVisible: true, popoverContentComponent: rolePopover, textForRole: textForRole })),
-            react_1.default.createElement(react_bootstrap_1.Col, { xs: 12, sm: 2, className: "mt3-ns pt2-ns" },
-                isAddingUsersToRole && react_1.default.createElement(Inline_1.default, { className: "mr3" }),
-                !isAddingUsersToRole && (react_1.default.createElement(Button_1.default, { id: "userRolesAddButton", className: "btn btn-primary w-100-lt-xs", disabled: !identifiers || disabled, color: "primary", onClick: this.handleSubmit },
-                    react_1.default.createElement(AddCircle_1.default, { className: "v-mid" }),
-                    "Add")),
-                react_1.default.createElement(AlertDialog_1.default, { isOpen: showErrorAlert, title: "Error Adding People to the " + entityName, description: react_1.default.createElement("div", { className: "pre-wrap" }, errorMessage), proceedText: "Got it. Thanks!", onProceed: this.closeErrorAlert, onCancel: this.closeErrorAlert })),
-            lodash_1.default.includes(FERPA_ROLES, role) && (react_1.default.createElement(react_bootstrap_1.Col, { xs: 12 },
-                react_1.default.createElement(AlertWithIcon_1.default, { id: "ferpaWarning", variant: "warning" },
-                    react_1.default.createElement("p", null,
-                        "This role includes ",
-                        gradableDescriptor,
-                        " scores in ",
-                        appName,
-                        ". Please consider whether",
-                        ' ',
-                        react_1.default.createElement("a", { href: "https://www.purdue.edu/registrar/FERPA/index.html", target: "_blank", rel: "noopener noreferrer" }, "FERPA"),
-                        ' ',
-                        "certification is needed."))))));
-    };
-    return UserRolesAdd;
-}(react_1.Component));
-exports.default = UserRolesAdd;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 Button_1 = __importDefault(require("@material-ui/core/Button"));
+var AddCircle_1 = __importDefault(require("@material-ui/icons/AddCircle"));
+var lodash_1 = __importDefault(require("lodash"));
+var react_1 = __importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var AlertDialog_1 = __importDefault(require("../../components/AlertDialog"));
+var Inline_1 = __importDefault(require("../../components/RefreshIndicator/Inline"));
+var Select_1 = __importDefault(require("../../components/UserRoles/Select"));
+var baseRole_1 = __importDefault(require("../../constants/baseRole"));
+var configuration_1 = require("../../constants/configuration");
+var domainIdentifier_1 = require("../../utils/domainIdentifier");
+var shard_1 = require("../../utils/shard");
+var string_1 = require("../../utils/string");
+var AlertWithIcon_1 = __importDefault(require("../AlertWithIcon"));
+var FERPA_ROLES = [baseRole_1.default.SUPER_ADMIN, baseRole_1.default.ADMIN, baseRole_1.default.GROUP_OWNER, baseRole_1.default.GROUP_GRADER];
+var UserRolesAdd = /** @class */ (function (_super) {
+    __extends(UserRolesAdd, _super);
+    function UserRolesAdd(props) {
+        var _this = _super.call(this, props) || this;
+        _this.updateRole = function (e) {
+            _this.setState({
+                role: e.target.value
+            });
+        };
+        _this.handleSubmit = function () {
+            var _a = _this.state, identifiers = _a.identifiers, role = _a.role;
+            var identifiersArray = identifiers
+                .split(/\r\n|\r|\n/g)
+                .map(function (id) { return id.trim(); })
+                .filter(function (id) { return id !== ''; }); // filter identifiers that are empty
+            var errorMessage = _this.getValidationErrorMessage(identifiersArray);
+            if (errorMessage) {
+                _this.setState({
+                    showErrorAlert: true,
+                    errorMessage: errorMessage
+                });
+            }
+            else {
+                _this.props.addUsersToRole(identifiersArray, role);
+            }
+        };
+        _this.closeErrorAlert = function () {
+            _this.setState({
+                showErrorAlert: false,
+                errorMessage: undefined
+            });
+        };
+        _this.updateIdentifiers = function (e) {
+            _this.setState({
+                identifiers: e.target.value
+            });
+        };
+        _this.getValidationErrorMessage = function (identifiers) {
+            if (!identifiers || identifiers.length === 0) {
+                return "Please enter at least one " + domainIdentifier_1.getDomainIdentifierTypeString() + ".";
+            }
+            var invalidIdentifiers;
+            if (shard_1.isPurdueShard() && !identifiers.every(function (id) { return string_1.isPurdueAliasOrPuid(id); })) {
+                invalidIdentifiers = identifiers.filter(function (id) { return !string_1.isPurdueAliasOrPuid(id); });
+            }
+            if (!shard_1.isPurdueShard() && !identifiers.every(function (id) { return string_1.isEmail(id); })) {
+                invalidIdentifiers = identifiers.filter(function (id) { return !string_1.isEmail(id); });
+            }
+            if (invalidIdentifiers) {
+                return "Please enter valid " + domainIdentifier_1.getDomainIdentifierTypePluralString() + ". The following are invalid:\r\n" + invalidIdentifiers.join('\r\n');
+            }
+            return undefined;
+        };
+        _this.state = {
+            identifiers: '',
+            role: _this.props.defaultRole,
+            showErrorAlert: false,
+            errorMessage: undefined
+        };
+        return _this;
+    }
+    UserRolesAdd.prototype.componentDidUpdate = function (prevProps) {
+        var prevShouldReset = prevProps.shouldReset;
+        var shouldReset = this.props.shouldReset;
+        if (prevShouldReset === false && shouldReset === true) {
+            this.setState({
+                identifiers: '',
+                role: this.props.defaultRole
+            });
+        }
+    };
+    UserRolesAdd.prototype.render = function () {
+        var _a = this.state, identifiers = _a.identifiers, role = _a.role, showErrorAlert = _a.showErrorAlert, errorMessage = _a.errorMessage;
+        var _b = this.props, entityName = _b.entityName, isAddingUsersToRole = _b.isAddingUsersToRole, roleDescriptions = _b.roleDescriptions, renderAddDescription = _b.renderAddDescription, disabled = _b.disabled, textForRole = _b.textForRole;
+        var roles = lodash_1.default.keys(roleDescriptions);
+        var rolePopover = (react_1.default.createElement(react_bootstrap_1.Popover, { id: "role" },
+            react_1.default.createElement("h3", null, "Role"),
+            roles.map(function (r) { return (react_1.default.createElement(react_1.Fragment, { key: r }, roleDescriptions[r])); })));
+        var appConfig = configuration_1.getAppConfig();
+        var appName = appConfig.APP_NAME;
+        var gradableDescriptor = appConfig.GRADABLE_DESCRIPTOR;
+        return (react_1.default.createElement(react_bootstrap_1.Row, null,
+            !!renderAddDescription && react_1.default.createElement(react_bootstrap_1.Col, { xs: 12 }, renderAddDescription(entityName)),
+            react_1.default.createElement(react_bootstrap_1.Col, { xs: 12, sm: 6 },
+                react_1.default.createElement(react_bootstrap_1.FormGroup, { controlId: "UserEntry" },
+                    react_1.default.createElement(react_bootstrap_1.FormLabel, { className: "f6" },
+                        domainIdentifier_1.getDomainIdentifierTypePluralString(),
+                        " (separated by a new line)"),
+                    react_1.default.createElement(react_bootstrap_1.FormControl, { type: "text", as: "textarea", name: "account", "aria-label": "The account names to add", onChange: this.updateIdentifiers, value: identifiers, placeholder: domainIdentifier_1.getDomainIdentifierTypeString(), disabled: disabled }))),
+            react_1.default.createElement(react_bootstrap_1.Col, { xs: 12, sm: 4 },
+                react_1.default.createElement(Select_1.default, { options: roles, value: role, onChange: this.updateRole, labelVisible: true, popoverContentComponent: rolePopover, textForRole: textForRole })),
+            react_1.default.createElement(react_bootstrap_1.Col, { xs: 12, sm: 2, className: "mt3-ns pt2-ns" },
+                isAddingUsersToRole && react_1.default.createElement(Inline_1.default, { className: "mr3" }),
+                !isAddingUsersToRole && (react_1.default.createElement(Button_1.default, { id: "userRolesAddButton", className: "btn btn-primary w-100-lt-xs", disabled: !identifiers || disabled, color: "primary", onClick: this.handleSubmit },
+                    react_1.default.createElement(AddCircle_1.default, { className: "v-mid" }),
+                    "Add")),
+                react_1.default.createElement(AlertDialog_1.default, { isOpen: showErrorAlert, title: "Error Adding People to the " + entityName, description: react_1.default.createElement("div", { className: "pre-wrap" }, errorMessage), proceedText: "Got it. Thanks!", onProceed: this.closeErrorAlert, onCancel: this.closeErrorAlert })),
+            lodash_1.default.includes(FERPA_ROLES, role) && (react_1.default.createElement(react_bootstrap_1.Col, { xs: 12 },
+                react_1.default.createElement(AlertWithIcon_1.default, { id: "ferpaWarning", variant: "warning" },
+                    react_1.default.createElement("p", null,
+                        "This role includes ",
+                        gradableDescriptor,
+                        " scores in ",
+                        appName,
+                        ". Please consider whether",
+                        ' ',
+                        react_1.default.createElement("a", { href: "https://www.purdue.edu/registrar/FERPA/index.html", target: "_blank", rel: "noopener noreferrer" }, "FERPA"),
+                        ' ',
+                        "certification is needed."))))));
+    };
+    return UserRolesAdd;
+}(react_1.Component));
+exports.default = UserRolesAdd;

package/lib/components/UserRoles/RoleCell.d.ts

@@ -1,21 +1,21 @@
-import React, { FunctionComponent } from 'react';
-import { BaseReduxState } from '../../types/BaseReduxState';
-import { UserWithRoles } from '../../types/UserRole';
-export interface RoleCellOwnProps {
-    user: UserWithRoles;
-    readOnly?: boolean;
-    canModifySelf?: boolean;
-    textForRole?: (role: string) => string;
-    removeUserFromRole?: (user: UserWithRoles, role: string) => void;
-    roles: string[];
-    entityOwnerRole: string;
-}
-export interface RoleCellReduxProps {
-    currentUserId: string;
-}
-export interface RoleCellProps extends RoleCellOwnProps, RoleCellReduxProps {
-}
-export declare const RoleCell: FunctionComponent<RoleCellProps>;
-export declare const mapStateToProps: (state: BaseReduxState) => RoleCellReduxProps;
-declare const _default: import("react-redux").ConnectedComponent<React.FunctionComponent<RoleCellProps>, Pick<RoleCellProps, "user" | "readOnly" | "textForRole" | "canModifySelf" | "removeUserFromRole" | "roles" | "entityOwnerRole">>;
-export default _default;
+import React, { FunctionComponent } from 'react';
+import { BaseReduxState } from '../../types/BaseReduxState';
+import { UserWithRoles } from '../../types/UserRole';
+export interface RoleCellOwnProps {
+    user: UserWithRoles;
+    readOnly?: boolean;
+    canModifySelf?: boolean;
+    textForRole?: (role: string) => string;
+    removeUserFromRole?: (user: UserWithRoles, role: string) => void;
+    roles: string[];
+    entityOwnerRole: string;
+}
+export interface RoleCellReduxProps {
+    currentUserId: string;
+}
+export interface RoleCellProps extends RoleCellOwnProps, RoleCellReduxProps {
+}
+export declare const RoleCell: FunctionComponent<RoleCellProps>;
+export declare const mapStateToProps: (state: BaseReduxState) => RoleCellReduxProps;
+declare const _default: import("react-redux").ConnectedComponent<React.FunctionComponent<RoleCellProps>, Pick<RoleCellProps, "user" | "readOnly" | "textForRole" | "canModifySelf" | "removeUserFromRole" | "roles" | "entityOwnerRole">>;
+export default _default;

package/lib/components/UserRoles/RoleCell.js

@@ -1,53 +1,53 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapStateToProps = exports.RoleCell = void 0;
-var core_1 = require("@material-ui/core");
-var Delete_1 = __importDefault(require("@material-ui/icons/Delete"));
-var react_1 = __importDefault(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var react_redux_1 = require("react-redux");
-var userRole_1 = require("../../utils/userRole");
-var IconExternalUser_1 = require("../Icons/IconExternalUser");
-var RoleCell = function (_a) {
-    var user = _a.user, currentUserId = _a.currentUserId, readOnly = _a.readOnly, canModifySelf = _a.canModifySelf, textForRole = _a.textForRole, removeUserFromRole = _a.removeUserFromRole, roles = _a.roles, entityOwnerRole = _a.entityOwnerRole;
-    return (react_1.default.createElement("ul", { className: "mb0 list pa0 tr" }, user.roles.sort(userRole_1.sortByRole(roles)).map(function (userRole) {
-        var roleText = userRole_1.getRoleText(textForRole)(userRole);
-        var isUserRoleExternal = userRole_1.isExternal(userRole);
-        var popover = (react_1.default.createElement(react_bootstrap_1.Popover, { id: "is-external-popover-" + userRole.userId + "-" + userRole.role },
-            react_1.default.createElement("h3", null, "Added via Roster Sync"),
-            react_1.default.createElement("p", { className: "mb2" }, "This person was added automatically via roster sync and cannot be manually removed.")));
-        return (react_1.default.createElement("li", { key: user.id + "-" + roleText, className: "nowrap" },
-            react_1.default.createElement("span", null, roleText),
-            !isUserRoleExternal &&
-                !readOnly &&
-                (user.id !== currentUserId || canModifySelf || userRole.role !== entityOwnerRole) ? (react_1.default.createElement(core_1.IconButton, { className: "remove-user-button", "aria-label": "Remove " + roleText, onClick: function () {
-                    if (removeUserFromRole) {
-                        removeUserFromRole(user, userRole.role);
-                    }
-                } },
-                react_1.default.createElement(Delete_1.default, { color: "error" }))) : isUserRoleExternal ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "auto", trigger: ['click', 'hover', 'focus'], overlay: popover },
-                react_1.default.createElement(IconExternalUser_1.IconExternalUser, { tabIndex: 0, style: { margin: '12px', opacity: 0.5 }, className: "external-icon" }))) : (
-            // dummy spacer to keep items aligned
-            react_1.default.createElement("span", { style: {
-                    margin: '12px',
-                    width: '24px',
-                    height: '24px',
-                    display: 'inline-block',
-                    verticalAlign: 'middle'
-                } }))));
-    })));
-};
-exports.RoleCell = RoleCell;
-var mapStateToProps = function (state) {
-    if (!state.models.user || !state.models.user.userInfo) {
-        throw new Error('Current user id is not stored in redux');
-    }
-    return {
-        currentUserId: state.models.user.userInfo.id
-    };
-};
-exports.mapStateToProps = mapStateToProps;
-exports.default = react_redux_1.connect(exports.mapStateToProps)(exports.RoleCell);
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapStateToProps = exports.RoleCell = void 0;
+var core_1 = require("@material-ui/core");
+var Delete_1 = __importDefault(require("@material-ui/icons/Delete"));
+var react_1 = __importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var react_redux_1 = require("react-redux");
+var userRole_1 = require("../../utils/userRole");
+var IconExternalUser_1 = require("../Icons/IconExternalUser");
+var RoleCell = function (_a) {
+    var user = _a.user, currentUserId = _a.currentUserId, readOnly = _a.readOnly, canModifySelf = _a.canModifySelf, textForRole = _a.textForRole, removeUserFromRole = _a.removeUserFromRole, roles = _a.roles, entityOwnerRole = _a.entityOwnerRole;
+    return (react_1.default.createElement("ul", { className: "mb0 list pa0 tr" }, user.roles.sort(userRole_1.sortByRole(roles)).map(function (userRole) {
+        var roleText = userRole_1.getRoleText(textForRole)(userRole);
+        var isUserRoleExternal = userRole_1.isExternal(userRole);
+        var popover = (react_1.default.createElement(react_bootstrap_1.Popover, { id: "is-external-popover-" + userRole.userId + "-" + userRole.role },
+            react_1.default.createElement("h3", null, "Added via Roster Sync"),
+            react_1.default.createElement("p", { className: "mb2" }, "This person was added automatically via roster sync and cannot be manually removed.")));
+        return (react_1.default.createElement("li", { key: user.id + "-" + roleText, className: "nowrap" },
+            react_1.default.createElement("span", null, roleText),
+            !isUserRoleExternal &&
+                !readOnly &&
+                (user.id !== currentUserId || canModifySelf || userRole.role !== entityOwnerRole) ? (react_1.default.createElement(core_1.IconButton, { className: "remove-user-button", "aria-label": "Remove " + roleText, onClick: function () {
+                    if (removeUserFromRole) {
+                        removeUserFromRole(user, userRole.role);
+                    }
+                } },
+                react_1.default.createElement(Delete_1.default, { color: "error" }))) : isUserRoleExternal ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "auto", trigger: ['click', 'hover', 'focus'], overlay: popover },
+                react_1.default.createElement(IconExternalUser_1.IconExternalUser, { tabIndex: 0, style: { margin: '12px', opacity: 0.5 }, className: "external-icon" }))) : (
+            // dummy spacer to keep items aligned
+            react_1.default.createElement("span", { style: {
+                    margin: '12px',
+                    width: '24px',
+                    height: '24px',
+                    display: 'inline-block',
+                    verticalAlign: 'middle'
+                } }))));
+    })));
+};
+exports.RoleCell = RoleCell;
+var mapStateToProps = function (state) {
+    if (!state.models.user || !state.models.user.userInfo) {
+        throw new Error('Current user id is not stored in redux');
+    }
+    return {
+        currentUserId: state.models.user.userInfo.id
+    };
+};
+exports.mapStateToProps = mapStateToProps;
+exports.default = react_redux_1.connect(exports.mapStateToProps)(exports.RoleCell);

package/lib/components/UserRoles/Select.d.ts

@@ -1,27 +1,27 @@
-import { ReactElement } from 'react';
-import { OverlayInjectedProps } from 'react-bootstrap/Overlay';
-export interface RoleSelectProps {
-    className?: string;
-    options: string[];
-    value: string;
-    onChange: any;
-    controlId?: string;
-    labelVisible?: boolean;
-    popoverContentComponent?: ReactElement<OverlayInjectedProps>;
-    textForRole?: (role: string) => string;
-}
-/**
- * Create a selector which will be properly labeled based on the number of options and provided content.
- *
- * @param {string} props.className - CSS class passed to the selector FormControl component
- * @param {string[]} props.options - Array of options the user can choose from
- * @param {string} props.value - Currently selected value
- * @param {function} props.onChange - Function that is called when the value changes
- * @param {string} props.controlId - Id for the selector
- * @param {boolean} props.labelVisible - Whether the label text should be visible
- * @param {ReactNode} props.popoverContentComponent - Content of the popover tooltip
- *
- * @returns {ReactElement} Selector and label component
- */
-declare const RoleSelect: (props: RoleSelectProps) => JSX.Element;
-export default RoleSelect;
+import { ReactElement } from 'react';
+import { OverlayInjectedProps } from 'react-bootstrap/Overlay';
+export interface RoleSelectProps {
+    className?: string;
+    options: string[];
+    value: string;
+    onChange: any;
+    controlId?: string;
+    labelVisible?: boolean;
+    popoverContentComponent?: ReactElement<OverlayInjectedProps>;
+    textForRole?: (role: string) => string;
+}
+/**
+ * Create a selector which will be properly labeled based on the number of options and provided content.
+ *
+ * @param {string} props.className - CSS class passed to the selector FormControl component
+ * @param {string[]} props.options - Array of options the user can choose from
+ * @param {string} props.value - Currently selected value
+ * @param {function} props.onChange - Function that is called when the value changes
+ * @param {string} props.controlId - Id for the selector
+ * @param {boolean} props.labelVisible - Whether the label text should be visible
+ * @param {ReactNode} props.popoverContentComponent - Content of the popover tooltip
+ *
+ * @returns {ReactElement} Selector and label component
+ */
+declare const RoleSelect: (props: RoleSelectProps) => JSX.Element;
+export default RoleSelect;