studiokit-scaffolding-js 4.3.21 → 4.3.22

package/lib/components/UserRoles/Select.js

@@ -1,44 +1,44 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var Help_1 = __importDefault(require("@material-ui/icons/Help"));
-var react_1 = __importDefault(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var baseRole_1 = require("../../utils/baseRole");
-var label = function (hasMultipleOptions, labelVisible, hasTooltip) {
-    var content = (react_1.default.createElement(react_1.default.Fragment, null,
-        "Role",
-        hasTooltip && react_1.default.createElement(Help_1.default, { color: "primary", className: "ml1 v-mid", tabIndex: 0 })));
-    var classes = "f6 mb1 " + (!labelVisible ? 'visually-hidden' : '');
-    return hasMultipleOptions ? (react_1.default.createElement(react_bootstrap_1.FormLabel, { className: classes }, content)) : (react_1.default.createElement("span", { className: classes + ' b' }, content));
-};
-var overlay = function (hasMultipleOptions, labelVisible, rolePopover) {
-    if (labelVisible === void 0) { labelVisible = false; }
-    return rolePopover ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "right", trigger: ['click', 'hover', 'focus'], overlay: rolePopover }, label(hasMultipleOptions, labelVisible, true))) : (label(hasMultipleOptions, labelVisible, false));
-};
-var selector = function (options, value, onChange, textForRole, className) {
-    return options.length > 1 ? (react_1.default.createElement(react_bootstrap_1.FormControl, { className: className ? className : '', "aria-label": "Role", as: "select", placeholder: "select", onChange: onChange, value: value }, options.map(function (role, i) { return (react_1.default.createElement("option", { value: role, key: role }, textForRole ? textForRole(role) : baseRole_1.textForBaseRole(role))); }))) : (react_1.default.createElement("div", null, textForRole ? textForRole(options[0]) : baseRole_1.textForBaseRole(options[0])));
-};
-/**
- * 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
- */
-var RoleSelect = function (props) {
-    var className = props.className, options = props.options, value = props.value, onChange = props.onChange, controlId = props.controlId, labelVisible = props.labelVisible, popoverContentComponent = props.popoverContentComponent, textForRole = props.textForRole;
-    var content = (react_1.default.createElement(react_1.default.Fragment, null,
-        overlay(options.length > 1, !!labelVisible, popoverContentComponent),
-        selector(options, value, onChange, textForRole, className)));
-    return options.length > 1 ? (react_1.default.createElement(react_bootstrap_1.FormGroup, { controlId: controlId ? controlId : 'RoleSelect' }, content)) : (react_1.default.createElement("span", null, content));
-};
-exports.default = RoleSelect;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Help_1 = __importDefault(require("@material-ui/icons/Help"));
+var react_1 = __importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var baseRole_1 = require("../../utils/baseRole");
+var label = function (hasMultipleOptions, labelVisible, hasTooltip) {
+    var content = (react_1.default.createElement(react_1.default.Fragment, null,
+        "Role",
+        hasTooltip && react_1.default.createElement(Help_1.default, { color: "primary", className: "ml1 v-mid", tabIndex: 0 })));
+    var classes = "f6 mb1 " + (!labelVisible ? 'visually-hidden' : '');
+    return hasMultipleOptions ? (react_1.default.createElement(react_bootstrap_1.FormLabel, { className: classes }, content)) : (react_1.default.createElement("span", { className: classes + ' b' }, content));
+};
+var overlay = function (hasMultipleOptions, labelVisible, rolePopover) {
+    if (labelVisible === void 0) { labelVisible = false; }
+    return rolePopover ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "right", trigger: ['click', 'hover', 'focus'], overlay: rolePopover }, label(hasMultipleOptions, labelVisible, true))) : (label(hasMultipleOptions, labelVisible, false));
+};
+var selector = function (options, value, onChange, textForRole, className) {
+    return options.length > 1 ? (react_1.default.createElement(react_bootstrap_1.FormControl, { className: className ? className : '', "aria-label": "Role", as: "select", placeholder: "select", onChange: onChange, value: value }, options.map(function (role, i) { return (react_1.default.createElement("option", { value: role, key: role }, textForRole ? textForRole(role) : baseRole_1.textForBaseRole(role))); }))) : (react_1.default.createElement("div", null, textForRole ? textForRole(options[0]) : baseRole_1.textForBaseRole(options[0])));
+};
+/**
+ * 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
+ */
+var RoleSelect = function (props) {
+    var className = props.className, options = props.options, value = props.value, onChange = props.onChange, controlId = props.controlId, labelVisible = props.labelVisible, popoverContentComponent = props.popoverContentComponent, textForRole = props.textForRole;
+    var content = (react_1.default.createElement(react_1.default.Fragment, null,
+        overlay(options.length > 1, !!labelVisible, popoverContentComponent),
+        selector(options, value, onChange, textForRole, className)));
+    return options.length > 1 ? (react_1.default.createElement(react_bootstrap_1.FormGroup, { controlId: controlId ? controlId : 'RoleSelect' }, content)) : (react_1.default.createElement("span", null, content));
+};
+exports.default = RoleSelect;

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

@@ -1,16 +1,16 @@
-import React from 'react';
-import { UserWithRoles } from '../../types';
-export interface UserRolesTableProps {
-    id?: string;
-    users: UserWithRoles[];
-    readOnly?: boolean;
-    canModifySelf?: boolean;
-    removeUserFromRole?: (user: UserWithRoles, role: string) => void;
-    textForRole?: (role: string) => string;
-    roles: string[];
-    /** The role for the owner of the entity, i.e. GroupOwner, RubricOwner, ProblemOwner etc.
-     ** The current user cannot be removed from an ownership role unless they are an admin.
-     **/
-    entityOwnerRole: string;
-}
-export declare const UserRolesTable: React.NamedExoticComponent<UserRolesTableProps>;
+import React from 'react';
+import { UserWithRoles } from '../../types';
+export interface UserRolesTableProps {
+    id?: string;
+    users: UserWithRoles[];
+    readOnly?: boolean;
+    canModifySelf?: boolean;
+    removeUserFromRole?: (user: UserWithRoles, role: string) => void;
+    textForRole?: (role: string) => string;
+    roles: string[];
+    /** The role for the owner of the entity, i.e. GroupOwner, RubricOwner, ProblemOwner etc.
+     ** The current user cannot be removed from an ownership role unless they are an admin.
+     **/
+    entityOwnerRole: string;
+}
+export declare const UserRolesTable: React.NamedExoticComponent<UserRolesTableProps>;

package/lib/components/UserRoles/Table.js

@@ -1,99 +1,99 @@
-"use strict";
-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 });
-exports.UserRolesTable = void 0;
-var lodash_1 = require("lodash");
-var react_1 = __importStar(require("react"));
-var react_table_1 = __importDefault(require("react-table"));
-var userRole_1 = require("../../utils/userRole");
-var RoleFilter_1 = require("../Tables/RoleFilter");
-var TextFilter_1 = require("../Tables/TextFilter");
-var RoleCell_1 = __importDefault(require("./RoleCell"));
-var UserRolesTableComponent = function (_a) {
-    var id = _a.id, users = _a.users, roles = _a.roles, readOnly = _a.readOnly, canModifySelf = _a.canModifySelf, textForRole = _a.textForRole, removeUserFromRole = _a.removeUserFromRole, entityOwnerRole = _a.entityOwnerRole;
-    var hasExternal = users.some(function (r) { return r.roles.some(function (r) { return userRole_1.isExternal(r); }); });
-    var columns = [
-        {
-            Header: 'First Name',
-            accessor: 'firstName',
-            filterMethod: TextFilter_1.textFilterMethod,
-            Filter: TextFilter_1.TextFilter
-        },
-        {
-            Header: 'Last Name',
-            accessor: 'lastName',
-            filterMethod: TextFilter_1.textFilterMethod,
-            Filter: TextFilter_1.TextFilter
-        },
-        {
-            Header: 'Email',
-            accessor: 'email',
-            filterMethod: TextFilter_1.textFilterMethod,
-            Filter: TextFilter_1.TextFilter
-        }
-    ];
-    if (roles && roles.length > 0) {
-        columns.push({
-            id: 'role',
-            Header: 'Role',
-            accessor: function (u) { return u; },
-            Cell: function (cell) {
-                var user = cell.value;
-                return (react_1.default.createElement(RoleCell_1.default, { user: user, readOnly: readOnly, canModifySelf: canModifySelf, textForRole: textForRole, removeUserFromRole: removeUserFromRole, roles: roles, entityOwnerRole: entityOwnerRole }));
-            },
-            filterMethod: RoleFilter_1.roleFilterMethod,
-            Filter: RoleFilter_1.RoleFilter(roles, textForRole, hasExternal),
-            sortMethod: userRole_1.sortByHighestAccessRole(roles),
-            style: { padding: '4px' }
-        });
-    }
-    var _b = react_1.useState(users), usersState = _b[0], setUsersState = _b[1];
-    var onFilteredChange = function (newFiltering, column, value) {
-        // when the role filter is set, only show the matching userRoles in the table
-        var roleFilter = newFiltering.find(function (f) { return f.id === 'role'; });
-        if (roleFilter) {
-            setUsersState(users.map(function (u) {
-                var newUser = lodash_1.merge({}, u);
-                newUser.roles = u.roles.filter(function (r) { return RoleFilter_1.roleUserRoleFilterMethod(roleFilter, r); });
-                return newUser;
-            }));
-        }
-        else if (!lodash_1.isEqual(users, usersState)) {
-            setUsersState(users);
-        }
-    };
-    return (react_1.default.createElement("div", { id: id, className: "table-container" },
-        react_1.default.createElement(react_table_1.default, { className: "-striped", columns: columns, data: usersState, resizable: false, filterable: true, onFilteredChange: onFilteredChange, defaultSorted: [
-                {
-                    id: 'lastName',
-                    desc: false
-                },
-                {
-                    id: 'firstName',
-                    desc: false
-                }
-            ], defaultPageSize: Object.keys(usersState).length, showPagination: false })));
-};
-// similar to "shouldComponentUpdate", prevent unnecessary renders
-exports.UserRolesTable = react_1.default.memo(UserRolesTableComponent, function (prevProps, nextProps) { return !lodash_1.isEqual(prevProps, nextProps); });
+"use strict";
+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 });
+exports.UserRolesTable = void 0;
+var lodash_1 = require("lodash");
+var react_1 = __importStar(require("react"));
+var react_table_1 = __importDefault(require("react-table"));
+var userRole_1 = require("../../utils/userRole");
+var RoleFilter_1 = require("../Tables/RoleFilter");
+var TextFilter_1 = require("../Tables/TextFilter");
+var RoleCell_1 = __importDefault(require("./RoleCell"));
+var UserRolesTableComponent = function (_a) {
+    var id = _a.id, users = _a.users, roles = _a.roles, readOnly = _a.readOnly, canModifySelf = _a.canModifySelf, textForRole = _a.textForRole, removeUserFromRole = _a.removeUserFromRole, entityOwnerRole = _a.entityOwnerRole;
+    var hasExternal = users.some(function (r) { return r.roles.some(function (r) { return userRole_1.isExternal(r); }); });
+    var columns = [
+        {
+            Header: 'First Name',
+            accessor: 'firstName',
+            filterMethod: TextFilter_1.textFilterMethod,
+            Filter: TextFilter_1.TextFilter
+        },
+        {
+            Header: 'Last Name',
+            accessor: 'lastName',
+            filterMethod: TextFilter_1.textFilterMethod,
+            Filter: TextFilter_1.TextFilter
+        },
+        {
+            Header: 'Email',
+            accessor: 'email',
+            filterMethod: TextFilter_1.textFilterMethod,
+            Filter: TextFilter_1.TextFilter
+        }
+    ];
+    if (roles && roles.length > 0) {
+        columns.push({
+            id: 'role',
+            Header: 'Role',
+            accessor: function (u) { return u; },
+            Cell: function (cell) {
+                var user = cell.value;
+                return (react_1.default.createElement(RoleCell_1.default, { user: user, readOnly: readOnly, canModifySelf: canModifySelf, textForRole: textForRole, removeUserFromRole: removeUserFromRole, roles: roles, entityOwnerRole: entityOwnerRole }));
+            },
+            filterMethod: RoleFilter_1.roleFilterMethod,
+            Filter: RoleFilter_1.RoleFilter(roles, textForRole, hasExternal),
+            sortMethod: userRole_1.sortByHighestAccessRole(roles),
+            style: { padding: '4px' }
+        });
+    }
+    var _b = react_1.useState(users), usersState = _b[0], setUsersState = _b[1];
+    var onFilteredChange = function (newFiltering, column, value) {
+        // when the role filter is set, only show the matching userRoles in the table
+        var roleFilter = newFiltering.find(function (f) { return f.id === 'role'; });
+        if (roleFilter) {
+            setUsersState(users.map(function (u) {
+                var newUser = lodash_1.merge({}, u);
+                newUser.roles = u.roles.filter(function (r) { return RoleFilter_1.roleUserRoleFilterMethod(roleFilter, r); });
+                return newUser;
+            }));
+        }
+        else if (!lodash_1.isEqual(users, usersState)) {
+            setUsersState(users);
+        }
+    };
+    return (react_1.default.createElement("div", { id: id, className: "table-container" },
+        react_1.default.createElement(react_table_1.default, { className: "-striped", columns: columns, data: usersState, resizable: false, filterable: true, onFilteredChange: onFilteredChange, defaultSorted: [
+                {
+                    id: 'lastName',
+                    desc: false
+                },
+                {
+                    id: 'firstName',
+                    desc: false
+                }
+            ], defaultPageSize: Object.keys(usersState).length, showPagination: false })));
+};
+// similar to "shouldComponentUpdate", prevent unnecessary renders
+exports.UserRolesTable = react_1.default.memo(UserRolesTableComponent, function (prevProps, nextProps) { return !lodash_1.isEqual(prevProps, nextProps); });

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

@@ -1,76 +1,76 @@
-import React, { Component } from 'react';
-import { FetchError, Model, ModelCollection } from 'studiokit-net-js';
-import BASE_ROLE from '../../constants/baseRole';
-import { BaseReduxState, ExternalProvider, RoleDescription, User, UserWithRoles } from '../../types';
-import { CollectionComponentWrappedProps } from '../HOC/CollectionComponent';
-export interface UserRolesReduxProps {
-    canModifySelf?: boolean;
-    canModify?: boolean;
-}
-export interface UserRolesOwnProps extends CollectionComponentWrappedProps<UserWithRoles> {
-    modifyUserRoleActivityName: string;
-    filterUsers: (userRoles: UserWithRoles[]) => UserWithRoles[];
-    /** The role that will be shown first in the list of available roles. Currently assumes that this is the entity owner role, groupOwner, assignmentOwner, rubricOwner, problemOwner etc. */
-    defaultRole: string;
-    /** A dictionary of all possible roles and their descriptions. */
-    roleDescriptions: RoleDescription;
-    /** An optional blacklist of roles that should be excluded from the add options. */
-    addRoleBlacklist?: string[];
-    canModifySelf?: boolean;
-    renderTableDescription?: (canModify?: boolean) => JSX.Element;
-    entity?: Model;
-    entityName?: string;
-    onChange?: () => void;
-    renderAddDescription?: (entityName?: string) => JSX.Element;
-    disabled?: boolean;
-    textForRole?: (role: string) => string;
-    singularArticleForRole?: (role: string) => string;
-    isDeleteDisabled?: boolean;
-    /** An optional parameter for `renderRemoveUserDescription` */
-    externalProviders?: ModelCollection<ExternalProvider>;
-}
-export interface UserRolesProps extends UserRolesReduxProps, UserRolesOwnProps {
-}
-interface UserRolesState {
-    sortedUsers: UserWithRoles[];
-    addUsersHookId: any;
-    isAddingUsers: boolean;
-    identifiersToAdd?: string[];
-    roleForAdd?: string;
-    shouldResetAddForm: boolean;
-    shouldShowRemoveDialog: boolean;
-    userToRemove: UserWithRoles | undefined;
-    roleForRemove?: string;
-    successMessage?: string;
-    existingUsersMessage?: string;
-    failMessage?: string;
-}
-export interface AddBusinessModel {
-    addedUsers: UserWithRoles[];
-    existingUsers: UserWithRoles[];
-    invalidIdentifiers: string[];
-    allowedDomains: string;
-    invalidDomainIdentifiers: string[];
-}
-/**
- * Component used to manage either UserRoles (global roles) or EntityUserRoles.
- */
-export declare class UserRoles extends Component<UserRolesProps, UserRolesState> {
-    state: UserRolesState;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: UserRolesProps): void;
-    setStateFromProps: (props: UserRolesProps) => void;
-    textForRole: (role: string) => string;
-    singularArticleForRole: (role: string) => string;
-    addUsers: (ids: string[], role: BASE_ROLE) => void;
-    didAdd: (data?: FetchError | AddBusinessModel | undefined) => void;
-    alertRemoveUser: (userToRemove: UserWithRoles, roleForRemove: string) => void;
-    removeUserTitle: (roleForRemove: string) => string;
-    renderRemoveUserDescription: (userToRemove: User, role: string, warning?: JSX.Element | undefined) => JSX.Element;
-    removeUser: (shouldRemove: boolean) => void;
-    didRemove: (isSuccess: boolean) => void;
-    render(): JSX.Element;
-}
-export declare const mapStateToProps: (state: BaseReduxState, ownProps: UserRolesOwnProps) => UserRolesReduxProps;
-declare const _default: import("react-redux").ConnectedComponent<typeof UserRoles, Pick<React.ClassAttributes<UserRoles> & UserRolesProps, "externalProviders" | "model" | "ref" | "onChange" | "key" | "disabled" | "guid" | "load" | "modelName" | "pathParams" | "modelStatus" | "queryParams" | "disableAutoLoad" | "modelArray" | "stopPeriodicLoad" | "create" | "update" | "delete" | "previousModelStatus" | "fetchingId" | "textForRole" | "entityName" | "defaultRole" | "roleDescriptions" | "renderAddDescription" | "modifyUserRoleActivityName" | "filterUsers" | "addRoleBlacklist" | "renderTableDescription" | "entity" | "singularArticleForRole" | "isDeleteDisabled"> & UserRolesOwnProps>;
-export default _default;
+import React, { Component } from 'react';
+import { FetchError, Model, ModelCollection } from 'studiokit-net-js';
+import BASE_ROLE from '../../constants/baseRole';
+import { BaseReduxState, ExternalProvider, RoleDescription, User, UserWithRoles } from '../../types';
+import { CollectionComponentWrappedProps } from '../HOC/CollectionComponent';
+export interface UserRolesReduxProps {
+    canModifySelf?: boolean;
+    canModify?: boolean;
+}
+export interface UserRolesOwnProps extends CollectionComponentWrappedProps<UserWithRoles> {
+    modifyUserRoleActivityName: string;
+    filterUsers: (userRoles: UserWithRoles[]) => UserWithRoles[];
+    /** The role that will be shown first in the list of available roles. Currently assumes that this is the entity owner role, groupOwner, assignmentOwner, rubricOwner, problemOwner etc. */
+    defaultRole: string;
+    /** A dictionary of all possible roles and their descriptions. */
+    roleDescriptions: RoleDescription;
+    /** An optional blacklist of roles that should be excluded from the add options. */
+    addRoleBlacklist?: string[];
+    canModifySelf?: boolean;
+    renderTableDescription?: (canModify?: boolean) => JSX.Element;
+    entity?: Model;
+    entityName?: string;
+    onChange?: () => void;
+    renderAddDescription?: (entityName?: string) => JSX.Element;
+    disabled?: boolean;
+    textForRole?: (role: string) => string;
+    singularArticleForRole?: (role: string) => string;
+    isDeleteDisabled?: boolean;
+    /** An optional parameter for `renderRemoveUserDescription` */
+    externalProviders?: ModelCollection<ExternalProvider>;
+}
+export interface UserRolesProps extends UserRolesReduxProps, UserRolesOwnProps {
+}
+interface UserRolesState {
+    sortedUsers: UserWithRoles[];
+    addUsersHookId: any;
+    isAddingUsers: boolean;
+    identifiersToAdd?: string[];
+    roleForAdd?: string;
+    shouldResetAddForm: boolean;
+    shouldShowRemoveDialog: boolean;
+    userToRemove: UserWithRoles | undefined;
+    roleForRemove?: string;
+    successMessage?: string;
+    existingUsersMessage?: string;
+    failMessage?: string;
+}
+export interface AddBusinessModel {
+    addedUsers: UserWithRoles[];
+    existingUsers: UserWithRoles[];
+    invalidIdentifiers: string[];
+    allowedDomains: string;
+    invalidDomainIdentifiers: string[];
+}
+/**
+ * Component used to manage either UserRoles (global roles) or EntityUserRoles.
+ */
+export declare class UserRoles extends Component<UserRolesProps, UserRolesState> {
+    state: UserRolesState;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: UserRolesProps): void;
+    setStateFromProps: (props: UserRolesProps) => void;
+    textForRole: (role: string) => string;
+    singularArticleForRole: (role: string) => string;
+    addUsers: (ids: string[], role: BASE_ROLE) => void;
+    didAdd: (data?: FetchError | AddBusinessModel | undefined) => void;
+    alertRemoveUser: (userToRemove: UserWithRoles, roleForRemove: string) => void;
+    removeUserTitle: (roleForRemove: string) => string;
+    renderRemoveUserDescription: (userToRemove: User, role: string, warning?: JSX.Element | undefined) => JSX.Element;
+    removeUser: (shouldRemove: boolean) => void;
+    didRemove: (isSuccess: boolean) => void;
+    render(): JSX.Element;
+}
+export declare const mapStateToProps: (state: BaseReduxState, ownProps: UserRolesOwnProps) => UserRolesReduxProps;
+declare const _default: import("react-redux").ConnectedComponent<typeof UserRoles, Pick<React.ClassAttributes<UserRoles> & UserRolesProps, "externalProviders" | "model" | "ref" | "onChange" | "key" | "disabled" | "guid" | "load" | "modelName" | "pathParams" | "modelStatus" | "queryParams" | "disableAutoLoad" | "modelArray" | "stopPeriodicLoad" | "create" | "update" | "delete" | "previousModelStatus" | "fetchingId" | "textForRole" | "entityName" | "defaultRole" | "roleDescriptions" | "renderAddDescription" | "modifyUserRoleActivityName" | "filterUsers" | "addRoleBlacklist" | "renderTableDescription" | "entity" | "singularArticleForRole" | "isDeleteDisabled"> & UserRolesOwnProps>;
+export default _default;