@openedx/frontend-app-admin-console 1.0.0-alpha.0 → 1.0.0-alpha.10

package/dist/authz-module/team-members/components/UserAssignmentsSubTable.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { Card, DataTable, Icon, TableFooter, } from '@openedx/paragon';
+import { ArrowForward } from '@openedx/paragon/icons';
+import { Link } from 'react-router-dom';
+import { ALL_ORGS_KEY, buildAuditUserPath, getAggregateScopeType, getScopeContextType, } from '../../constants';
+import { getScopeResourceIcon } from '../../utils';
+import componentMessages from '../../components/messages';
+import { RESOURCE_ICONS } from '../../components/constants';
+import { AGGREGATE_SCOPE_LABELS } from '../../messages';
+import messages from '../messages';
+import { RoleBadge } from './AssignedRolesCell';
+// Same badge as the collapsed row above, so the breakdown reads consistently.
+const RoleBadgeCell = ({ row: assignmentRow }) => (_jsx(RoleBadge, { role: assignmentRow.original.role }));
+const ScopeNameCell = ({ row: assignmentRow }) => {
+    const { formatMessage } = useIntl();
+    const { scope, scopeDisplayName, org } = assignmentRow.original;
+    const aggregateType = getAggregateScopeType(scope, org);
+    const scopeText = aggregateType
+        ? formatMessage(AGGREGATE_SCOPE_LABELS[getScopeContextType(scope)])
+        : scopeDisplayName || scope;
+    return (_jsxs("span", { className: "d-flex align-items-center", children: [_jsx(Icon, { src: getScopeResourceIcon(scope), className: "mr-2 flex-shrink-0 text-primary", size: "xs" }), _jsx("span", { className: "text-truncate", title: scopeText, children: scopeText })] }));
+};
+// Mirrors ScopeNameCell's icon treatment so all three columns read alike. A wildcard org
+// reaches past any one organization, so it gets the same globe and label as the row above.
+const OrgIconCell = ({ row: assignmentRow }) => {
+    const { formatMessage } = useIntl();
+    const { org } = assignmentRow.original;
+    const isAllOrgs = org === ALL_ORGS_KEY;
+    const orgText = isAllOrgs
+        ? formatMessage(componentMessages['authz.user.table.org.all.organizations.label'])
+        : org;
+    return (_jsxs("span", { className: "d-flex align-items-center", children: [_jsx(Icon, { src: isAllOrgs ? RESOURCE_ICONS.GLOBAL : RESOURCE_ICONS.ORGANIZATION, className: "mr-2 flex-shrink-0 text-primary", size: "xs" }), _jsx("span", { className: "text-truncate", title: orgText, children: orgText })] }));
+};
+/**
+ * Role breakdown revealed when a team member row is expanded.
+ *
+ * Lists the assignments the API returned, in order, so the first entry matches the badge
+ * still shown in the collapsed row above. The footer total is `assignmentCount`, which
+ * may exceed the rows listed here — `View all roles` leads to the audit page when it
+ * does.
+ */
+const UserAssignmentsSubTable = ({ row }) => {
+    const { formatMessage } = useIntl();
+    const { assignments = [], assignmentCount, username } = row.original;
+    const hasMoreAssignments = assignmentCount > assignments.length;
+    const columns = useMemo(() => [
+        {
+            id: 'role',
+            Header: formatMessage(messages['authz.team.members.subtable.column.role.title']),
+            accessor: 'role',
+            Cell: RoleBadgeCell,
+        },
+        {
+            id: 'scope',
+            Header: formatMessage(messages['authz.team.members.subtable.column.scope.title']),
+            accessor: 'scope',
+            Cell: ScopeNameCell,
+        },
+        {
+            id: 'org',
+            Header: formatMessage(messages['authz.team.members.subtable.column.organization.title']),
+            accessor: 'org',
+            Cell: OrgIconCell,
+        },
+    ], [formatMessage]);
+    return (_jsx(Card, { className: "team-members-table__subtable my-3", children: _jsxs(DataTable, { columns: columns, data: assignments, itemCount: assignments.length, children: [_jsx(DataTable.Table, { isStriped: false }), _jsx(TableFooter, { children: _jsxs("div", { className: "d-flex align-items-center justify-content-center w-100", children: [_jsx("span", { className: "text-gray-500", children: formatMessage(messages['authz.team.members.subtable.showing.text'], {
+                                    shown: String(assignments.length).padStart(2, '0'),
+                                    total: String(assignmentCount).padStart(2, '0'),
+                                }) }), hasMoreAssignments && (_jsxs(_Fragment, { children: [_jsx("hr", { className: "mx-3" }), _jsxs(Link, { className: "d-inline-flex align-items-center", to: buildAuditUserPath(username), children: [formatMessage(messages['authz.team.members.subtable.view.all.roles']), _jsx(Icon, { src: ArrowForward, size: "xs", className: "ml-1" })] })] }))] }) })] }) }));
+};
+export default UserAssignmentsSubTable;
+//# sourceMappingURL=UserAssignmentsSubTable.js.map

package/dist/authz-module/team-members/components/UserAssignmentsSubTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAssignmentsSubTable.js","sourceRoot":"","sources":["../../../../src/authz-module/team-members/components/UserAssignmentsSubTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport {\n  Card, DataTable, Icon, TableFooter,\n} from '@openedx/paragon';\nimport { ArrowForward } from '@openedx/paragon/icons';\nimport { Link } from 'react-router-dom';\nimport {\n  ALL_ORGS_KEY, buildAuditUserPath, getAggregateScopeType, getScopeContextType,\n} from '@src/authz-module/constants';\nimport { getScopeResourceIcon } from '@src/authz-module/utils';\nimport componentMessages from '@src/authz-module/components/messages';\nimport { RESOURCE_ICONS } from '@src/authz-module/components/constants';\nimport type { TeamMember, TeamMemberAssignment } from '@src/types';\nimport { AGGREGATE_SCOPE_LABELS } from '@src/authz-module/messages';\nimport messages from '../messages';\nimport { RoleBadge } from './AssignedRolesCell';\n\ninterface UserAssignmentsSubTableProps {\n  row: { original: TeamMember };\n}\n\ninterface AssignmentCellProps {\n  row: { original: TeamMemberAssignment };\n}\n\n// Same badge as the collapsed row above, so the breakdown reads consistently.\nconst RoleBadgeCell = ({ row: assignmentRow }: AssignmentCellProps) => (\n  <RoleBadge role={assignmentRow.original.role} />\n);\n\nconst ScopeNameCell = ({ row: assignmentRow }: AssignmentCellProps) => {\n  const { formatMessage } = useIntl();\n  const { scope, scopeDisplayName, org } = assignmentRow.original;\n  const aggregateType = getAggregateScopeType(scope, org);\n  const scopeText = aggregateType\n    ? formatMessage(AGGREGATE_SCOPE_LABELS[getScopeContextType(scope)])\n    : scopeDisplayName || scope;\n\n  return (\n    <span className=\"d-flex align-items-center\">\n      <Icon src={getScopeResourceIcon(scope)} className=\"mr-2 flex-shrink-0 text-primary\" size=\"xs\" />\n      <span className=\"text-truncate\" title={scopeText}>{scopeText}</span>\n    </span>\n  );\n};\n\n// Mirrors ScopeNameCell's icon treatment so all three columns read alike. A wildcard org\n// reaches past any one organization, so it gets the same globe and label as the row above.\nconst OrgIconCell = ({ row: assignmentRow }: AssignmentCellProps) => {\n  const { formatMessage } = useIntl();\n  const { org } = assignmentRow.original;\n  const isAllOrgs = org === ALL_ORGS_KEY;\n  const orgText = isAllOrgs\n    ? formatMessage(componentMessages['authz.user.table.org.all.organizations.label'])\n    : org;\n\n  return (\n    <span className=\"d-flex align-items-center\">\n      <Icon src={isAllOrgs ? RESOURCE_ICONS.GLOBAL : RESOURCE_ICONS.ORGANIZATION} className=\"mr-2 flex-shrink-0 text-primary\" size=\"xs\" />\n      <span className=\"text-truncate\" title={orgText}>{orgText}</span>\n    </span>\n  );\n};\n\n/**\n * Role breakdown revealed when a team member row is expanded.\n *\n * Lists the assignments the API returned, in order, so the first entry matches the badge\n * still shown in the collapsed row above. The footer total is `assignmentCount`, which\n * may exceed the rows listed here — `View all roles` leads to the audit page when it\n * does.\n */\nconst UserAssignmentsSubTable = ({ row }: UserAssignmentsSubTableProps) => {\n  const { formatMessage } = useIntl();\n  const { assignments = [], assignmentCount, username } = row.original;\n  const hasMoreAssignments = assignmentCount > assignments.length;\n\n  const columns = useMemo(() => [\n    {\n      id: 'role',\n      Header: formatMessage(messages['authz.team.members.subtable.column.role.title']),\n      accessor: 'role',\n      Cell: RoleBadgeCell,\n    },\n    {\n      id: 'scope',\n      Header: formatMessage(messages['authz.team.members.subtable.column.scope.title']),\n      accessor: 'scope',\n      Cell: ScopeNameCell,\n    },\n    {\n      id: 'org',\n      Header: formatMessage(messages['authz.team.members.subtable.column.organization.title']),\n      accessor: 'org',\n      Cell: OrgIconCell,\n    },\n  ], [formatMessage]);\n\n  return (\n    <Card className=\"team-members-table__subtable my-3\">\n      <DataTable\n        columns={columns}\n        data={assignments}\n        itemCount={assignments.length}\n      >\n        <DataTable.Table isStriped={false} />\n        <TableFooter>\n          <div className=\"d-flex align-items-center justify-content-center w-100\">\n            <span className=\"text-gray-500\">\n              {formatMessage(messages['authz.team.members.subtable.showing.text'], {\n                shown: String(assignments.length).padStart(2, '0'),\n                total: String(assignmentCount).padStart(2, '0'),\n              })}\n            </span>\n            {hasMoreAssignments && (\n              <>\n                {/* Reuses the module's vertical `hr` divider (see index.scss). */}\n                <hr className=\"mx-3\" />\n                <Link className=\"d-inline-flex align-items-center\" to={buildAuditUserPath(username)}>\n                  {formatMessage(messages['authz.team.members.subtable.view.all.roles'])}\n                  <Icon src={ArrowForward} size=\"xs\" className=\"ml-1\" />\n                </Link>\n              </>\n            )}\n          </div>\n        </TableFooter>\n      </DataTable>\n    </Card>\n  );\n};\n\nexport default UserAssignmentsSubTable;\n"]}

package/dist/authz-module/team-members/index.d.ts

@@ -0,0 +1 @@
+export { default as TeamMembersTable } from './TeamMembersTable';

package/dist/authz-module/team-members/index.js

@@ -0,0 +1,2 @@
+export { default as TeamMembersTable } from './TeamMembersTable';
+//# sourceMappingURL=index.js.map

package/dist/authz-module/team-members/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/authz-module/team-members/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { default as TeamMembersTable } from './TeamMembersTable';\n"]}

package/dist/authz-module/team-members/messages.d.ts

@@ -1,5 +1,10 @@
 declare const messages: {
-    'authz.team.members.table.column.name.title': {
+    'authz.team.members.table.column.username.title': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.members.table.username.current': {
         id: string;
         defaultMessage: string;
         description: string;
@@ -29,5 +34,55 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    'authz.team.members.table.column.assigned.roles.title': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.members.table.assigned.roles': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.members.table.more.roles': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.members.table.hide.roles': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.members.subtable.column.role.title': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.members.subtable.column.scope.title': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.members.subtable.column.organization.title': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.members.subtable.showing.text': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.members.subtable.view.all.roles': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'authz.team.members.table.showing.users.text': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default messages;

package/dist/authz-module/team-members/messages.js

@@ -1,9 +1,14 @@
 import { defineMessages } from '@openedx/frontend-base';
 const messages = defineMessages({
-    'authz.team.members.table.column.name.title': {
-        id: 'authz.team.members.table.column.name.title',
-        defaultMessage: 'Name',
-        description: 'Team members table name column header',
+    'authz.team.members.table.column.username.title': {
+        id: 'authz.team.members.table.column.username.title',
+        defaultMessage: 'Username',
+        description: 'Team members table username column header',
+    },
+    'authz.team.members.table.username.current': {
+        id: 'authz.team.members.table.username.current',
+        defaultMessage: '{username} (Me)',
+        description: 'Indicates the current user in the team members table',
     },
     'authz.team.members.table.column.email.title': {
         id: 'authz.team.members.table.column.email.title',
@@ -30,6 +35,56 @@ const messages = defineMessages({
         defaultMessage: 'Actions',
         description: 'Team members table actions column header',
     },
+    'authz.team.members.table.column.assigned.roles.title': {
+        id: 'authz.team.members.table.column.assigned.roles.title',
+        defaultMessage: 'Assigned roles',
+        description: 'Team members table assigned roles column header',
+    },
+    'authz.team.members.table.assigned.roles': {
+        id: 'authz.team.members.table.assigned.roles',
+        defaultMessage: '{role} in {scope}',
+        description: 'One role assignment on a team member row, e.g. "Course Admin in Introduction to Data Analysis". {role} is the role badge and {scope} the course or library it applies to, so both the order and the connecting word can be changed per language.',
+    },
+    'authz.team.members.table.more.roles': {
+        id: 'authz.team.members.table.more.roles',
+        defaultMessage: '+{count, plural, one {# more role} other {# more roles}}',
+        description: 'Link expanding a team member row to reveal their remaining roles. The count excludes the role already shown in the collapsed row.',
+    },
+    'authz.team.members.table.hide.roles': {
+        id: 'authz.team.members.table.hide.roles',
+        defaultMessage: 'Hide roles',
+        description: 'Link collapsing an expanded team member row',
+    },
+    'authz.team.members.subtable.column.role.title': {
+        id: 'authz.team.members.subtable.column.role.title',
+        defaultMessage: 'Role',
+        description: 'Role column header of the nested assignments table inside an expanded team member row',
+    },
+    'authz.team.members.subtable.column.scope.title': {
+        id: 'authz.team.members.subtable.column.scope.title',
+        defaultMessage: 'Scope',
+        description: 'Scope column header of the nested assignments table inside an expanded team member row',
+    },
+    'authz.team.members.subtable.column.organization.title': {
+        id: 'authz.team.members.subtable.column.organization.title',
+        defaultMessage: 'Organization',
+        description: 'Organization column header of the nested assignments table inside an expanded team member row',
+    },
+    'authz.team.members.subtable.showing.text': {
+        id: 'authz.team.members.subtable.showing.text',
+        defaultMessage: 'Showing {shown} of {total}',
+        description: 'Footer of the nested assignments table stating how many of the user total number of roles are listed',
+    },
+    'authz.team.members.subtable.view.all.roles': {
+        id: 'authz.team.members.subtable.view.all.roles',
+        defaultMessage: 'View all roles',
+        description: 'Link taking the user to the full profile listing every role assigned to a team member',
+    },
+    'authz.team.members.table.showing.users.text': {
+        id: 'authz.team.members.table.showing.users.text',
+        defaultMessage: 'Showing {pageSize, plural, one {# user} other {# users}} of {itemCount}.',
+        description: 'Text stating how many team members are listed on the current page out of the total count',
+    },
 });
 export default messages;
 //# sourceMappingURL=messages.js.map

package/dist/authz-module/team-members/messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/authz-module/team-members/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,4CAA4C,EAAE;QAC5C,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,uCAAuC;KACrD;IACD,6CAA6C,EAAE;QAC7C,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,wCAAwC;KACtD;IACD,oDAAoD,EAAE;QACpD,EAAE,EAAE,oDAAoD;QACxD,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,+CAA+C;KAC7D;IACD,6CAA6C,EAAE;QAC7C,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,wCAAwC;KACtD;IACD,4CAA4C,EAAE;QAC5C,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,uCAAuC;KACrD;IACD,+CAA+C,EAAE;QAC/C,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,0CAA0C;KACxD;CAEF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  'authz.team.members.table.column.name.title': {\n    id: 'authz.team.members.table.column.name.title',\n    defaultMessage: 'Name',\n    description: 'Team members table name column header',\n  },\n  'authz.team.members.table.column.email.title': {\n    id: 'authz.team.members.table.column.email.title',\n    defaultMessage: 'Email',\n    description: 'Team members table email column header',\n  },\n  'authz.team.members.table.column.organization.title': {\n    id: 'authz.team.members.table.column.organization.title',\n    defaultMessage: 'Organization',\n    description: 'Team members table organization column header',\n  },\n  'authz.team.members.table.column.scope.title': {\n    id: 'authz.team.members.table.column.scope.title',\n    defaultMessage: 'Scope',\n    description: 'Team members table scope column header',\n  },\n  'authz.team.members.table.column.role.title': {\n    id: 'authz.team.members.table.column.role.title',\n    defaultMessage: 'Role',\n    description: 'Team members table role column header',\n  },\n  'authz.team.members.table.column.actions.title': {\n    id: 'authz.team.members.table.column.actions.title',\n    defaultMessage: 'Actions',\n    description: 'Team members table actions column header',\n  },\n\n});\n\nexport default messages;\n"]}
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/authz-module/team-members/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,gDAAgD,EAAE;QAChD,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,2CAA2C;KACzD;IACD,2CAA2C,EAAE;QAC3C,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,sDAAsD;KACpE;IACD,6CAA6C,EAAE;QAC7C,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,wCAAwC;KACtD;IACD,oDAAoD,EAAE;QACpD,EAAE,EAAE,oDAAoD;QACxD,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,+CAA+C;KAC7D;IACD,6CAA6C,EAAE;QAC7C,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,wCAAwC;KACtD;IACD,4CAA4C,EAAE;QAC5C,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,uCAAuC;KACrD;IACD,+CAA+C,EAAE;QAC/C,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,0CAA0C;KACxD;IACD,sDAAsD,EAAE;QACtD,EAAE,EAAE,sDAAsD;QAC1D,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,iDAAiD;KAC/D;IACD,yCAAyC,EAAE;QACzC,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,mBAAmB;QACnC,WAAW,EAAE,kPAAkP;KAChQ;IACD,qCAAqC,EAAE;QACrC,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,0DAA0D;QAC1E,WAAW,EAAE,mIAAmI;KACjJ;IACD,qCAAqC,EAAE;QACrC,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,6CAA6C;KAC3D;IACD,+CAA+C,EAAE;QAC/C,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,uFAAuF;KACrG;IACD,gDAAgD,EAAE;QAChD,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,wFAAwF;KACtG;IACD,uDAAuD,EAAE;QACvD,EAAE,EAAE,uDAAuD;QAC3D,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,+FAA+F;KAC7G;IACD,0CAA0C,EAAE;QAC1C,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,4BAA4B;QAC5C,WAAW,EAAE,sGAAsG;KACpH;IACD,4CAA4C,EAAE;QAC5C,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,uFAAuF;KACrG;IACD,6CAA6C,EAAE;QAC7C,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,0EAA0E;QAC1F,WAAW,EAAE,0FAA0F;KACxG;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  'authz.team.members.table.column.username.title': {\n    id: 'authz.team.members.table.column.username.title',\n    defaultMessage: 'Username',\n    description: 'Team members table username column header',\n  },\n  'authz.team.members.table.username.current': {\n    id: 'authz.team.members.table.username.current',\n    defaultMessage: '{username} (Me)',\n    description: 'Indicates the current user in the team members table',\n  },\n  'authz.team.members.table.column.email.title': {\n    id: 'authz.team.members.table.column.email.title',\n    defaultMessage: 'Email',\n    description: 'Team members table email column header',\n  },\n  'authz.team.members.table.column.organization.title': {\n    id: 'authz.team.members.table.column.organization.title',\n    defaultMessage: 'Organization',\n    description: 'Team members table organization column header',\n  },\n  'authz.team.members.table.column.scope.title': {\n    id: 'authz.team.members.table.column.scope.title',\n    defaultMessage: 'Scope',\n    description: 'Team members table scope column header',\n  },\n  'authz.team.members.table.column.role.title': {\n    id: 'authz.team.members.table.column.role.title',\n    defaultMessage: 'Role',\n    description: 'Team members table role column header',\n  },\n  'authz.team.members.table.column.actions.title': {\n    id: 'authz.team.members.table.column.actions.title',\n    defaultMessage: 'Actions',\n    description: 'Team members table actions column header',\n  },\n  'authz.team.members.table.column.assigned.roles.title': {\n    id: 'authz.team.members.table.column.assigned.roles.title',\n    defaultMessage: 'Assigned roles',\n    description: 'Team members table assigned roles column header',\n  },\n  'authz.team.members.table.assigned.roles': {\n    id: 'authz.team.members.table.assigned.roles',\n    defaultMessage: '{role} in {scope}',\n    description: 'One role assignment on a team member row, e.g. \"Course Admin in Introduction to Data Analysis\". {role} is the role badge and {scope} the course or library it applies to, so both the order and the connecting word can be changed per language.',\n  },\n  'authz.team.members.table.more.roles': {\n    id: 'authz.team.members.table.more.roles',\n    defaultMessage: '+{count, plural, one {# more role} other {# more roles}}',\n    description: 'Link expanding a team member row to reveal their remaining roles. The count excludes the role already shown in the collapsed row.',\n  },\n  'authz.team.members.table.hide.roles': {\n    id: 'authz.team.members.table.hide.roles',\n    defaultMessage: 'Hide roles',\n    description: 'Link collapsing an expanded team member row',\n  },\n  'authz.team.members.subtable.column.role.title': {\n    id: 'authz.team.members.subtable.column.role.title',\n    defaultMessage: 'Role',\n    description: 'Role column header of the nested assignments table inside an expanded team member row',\n  },\n  'authz.team.members.subtable.column.scope.title': {\n    id: 'authz.team.members.subtable.column.scope.title',\n    defaultMessage: 'Scope',\n    description: 'Scope column header of the nested assignments table inside an expanded team member row',\n  },\n  'authz.team.members.subtable.column.organization.title': {\n    id: 'authz.team.members.subtable.column.organization.title',\n    defaultMessage: 'Organization',\n    description: 'Organization column header of the nested assignments table inside an expanded team member row',\n  },\n  'authz.team.members.subtable.showing.text': {\n    id: 'authz.team.members.subtable.showing.text',\n    defaultMessage: 'Showing {shown} of {total}',\n    description: 'Footer of the nested assignments table stating how many of the user total number of roles are listed',\n  },\n  'authz.team.members.subtable.view.all.roles': {\n    id: 'authz.team.members.subtable.view.all.roles',\n    defaultMessage: 'View all roles',\n    description: 'Link taking the user to the full profile listing every role assigned to a team member',\n  },\n  'authz.team.members.table.showing.users.text': {\n    id: 'authz.team.members.table.showing.users.text',\n    defaultMessage: 'Showing {pageSize, plural, one {# user} other {# users}} of {itemCount}.',\n    description: 'Text stating how many team members are listed on the current page out of the total count',\n  },\n});\n\nexport default messages;\n"]}

package/dist/authz-module/utils.d.ts

@@ -17,8 +17,14 @@ export declare const getCellHeader: (columnId: string, columnTitle: string, filt
     displayName: string;
     toString(): string;
 };
+/**
+ * Picks the course or library icon for a scope from the scope key itself.
+ */
+export declare const getScopeResourceIcon: (scope: string) => any;
+/** Unrecognised scopes fall back to the course permission, as `getScopeContextType` does. */
 export declare const getScopeManageAction: (scope: string) => string;
 export declare const getScopeManageActionPermission: (scope: string) => {
     action: string;
     scope: string;
 };
+export declare const validateSizeFormControl: (size: any) => any;

package/dist/authz-module/utils.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '@openedx/paragon';
 import { FilterList } from '@openedx/paragon/icons';
+import { RESOURCE_ICONS } from './components/constants';
+import { CONTEXT_TYPES, getScopeContextType } from './constants';
 import { CONTENT_COURSE_PERMISSIONS, CONTENT_LIBRARY_PERMISSIONS } from './roles-permissions';
 /**
  * Returns a header value for a DataTable column that shows a filter icon
@@ -25,16 +27,14 @@ export const getCellHeader = (columnId, columnTitle, filtersApplied) => {
     }
     return columnTitle;
 };
-export const getScopeManageAction = (scope) => {
-    if (scope.startsWith('lib')) {
-        return CONTENT_LIBRARY_PERMISSIONS.MANAGE_LIBRARY_TEAM;
-    }
-    if (scope.startsWith('course')) {
-        return CONTENT_COURSE_PERMISSIONS.MANAGE_COURSE_TEAM;
-    }
-    // Default fallback or throw error for unknown scopes
-    return CONTENT_COURSE_PERMISSIONS.MANAGE_COURSE_TEAM;
-};
+/**
+ * Picks the course or library icon for a scope from the scope key itself.
+ */
+export const getScopeResourceIcon = (scope) => (getScopeContextType(scope) === CONTEXT_TYPES.LIBRARY ? RESOURCE_ICONS.LIBRARY : RESOURCE_ICONS.COURSE);
+/** Unrecognised scopes fall back to the course permission, as `getScopeContextType` does. */
+export const getScopeManageAction = (scope) => (getScopeContextType(scope) === CONTEXT_TYPES.LIBRARY
+    ? CONTENT_LIBRARY_PERMISSIONS.MANAGE_LIBRARY_TEAM
+    : CONTENT_COURSE_PERMISSIONS.MANAGE_COURSE_TEAM);
 export const getScopeManageActionPermission = (scope) => {
     const action = getScopeManageAction(scope);
     return {
@@ -42,4 +42,6 @@ export const getScopeManageActionPermission = (scope) => {
         scope,
     };
 };
+// "md" is mapped to undefined because Paragon's Form.Control has no "md" size.
+export const validateSizeFormControl = (size) => size === 'md' ? undefined : size;
 //# sourceMappingURL=utils.js.map

package/dist/authz-module/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/authz-module/utils.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAE9F;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAE,WAAmB,EAAE,cAAwB,EAAE,EAAE;IAC/F,IAAI,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QACtC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAC3B,gBAAM,SAAS,EAAC,oCAAoC,aAClD,KAAC,IAAI,IAAC,GAAG,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,GAAG,EACnD,WAAW,IACP,CACR,CAAC;QACF,cAAc,CAAC,WAAW,GAAG,kBAAkB,QAAQ,EAAE,CAAC;QAC1D,cAAc,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,kBAAkB,QAAQ,EAAE,CAAC;QAC7D,OAAO,cAAc,CAAC;IACxB,CAAC;IACD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAa,EAAE,EAAE;IACpD,IAAI,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,2BAA2B,CAAC,mBAAmB,CAAC;IACzD,CAAC;IACD,IAAI,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/B,OAAO,0BAA0B,CAAC,kBAAkB,CAAC;IACvD,CAAC;IACD,qDAAqD;IACrD,OAAO,0BAA0B,CAAC,kBAAkB,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,KAAa,EAAE,EAAE;IAC9D,MAAM,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC3C,OAAO;QACL,MAAM;QACN,KAAK;KACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Icon } from '@openedx/paragon';\nimport { FilterList } from '@openedx/paragon/icons';\nimport { CONTENT_COURSE_PERMISSIONS, CONTENT_LIBRARY_PERMISSIONS } from './roles-permissions';\n\n/**\n * Returns a header value for a DataTable column that shows a filter icon\n * when the column has an active filter.\n *\n * When a filter is active, returns a **component function** with a custom\n * toString() override. This is necessary because Paragon's TableRow builds\n * cell keys via: `${cell.column.Header}${row.id}`\n *\n * - A JSX element stringifies to \"[object Object]\", causing duplicate keys.\n * - A function with a custom toString() produces a unique string per column.\n *\n * react-table's render('Header') calls the function as a component, so the\n * JSX is still rendered correctly in the table header.\n */\nexport const getCellHeader = (columnId: string, columnTitle: string, filtersApplied: string[]) => {\n  if (filtersApplied.includes(columnId)) {\n    const FilteredHeader = () => (\n      <span className=\"d-flex flex-row align-items-center\">\n        <Icon src={FilterList} size=\"sm\" className=\"mr-2\" />\n        {columnTitle}\n      </span>\n    );\n    FilteredHeader.displayName = `FilteredHeader_${columnId}`;\n    FilteredHeader.toString = () => `FilteredHeader_${columnId}`;\n    return FilteredHeader;\n  }\n  return columnTitle;\n};\n\nexport const getScopeManageAction = (scope: string) => {\n  if (scope.startsWith('lib')) {\n    return CONTENT_LIBRARY_PERMISSIONS.MANAGE_LIBRARY_TEAM;\n  }\n  if (scope.startsWith('course')) {\n    return CONTENT_COURSE_PERMISSIONS.MANAGE_COURSE_TEAM;\n  }\n  // Default fallback or throw error for unknown scopes\n  return CONTENT_COURSE_PERMISSIONS.MANAGE_COURSE_TEAM;\n};\n\nexport const getScopeManageActionPermission = (scope: string) => {\n  const action = getScopeManageAction(scope);\n  return {\n    action,\n    scope,\n  };\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/authz-module/utils.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,0BAA0B,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAE9F;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAE,WAAmB,EAAE,cAAwB,EAAE,EAAE;IAC/F,IAAI,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QACtC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAC3B,gBAAM,SAAS,EAAC,oCAAoC,aAClD,KAAC,IAAI,IAAC,GAAG,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,GAAG,EACnD,WAAW,IACP,CACR,CAAC;QACF,cAAc,CAAC,WAAW,GAAG,kBAAkB,QAAQ,EAAE,CAAC;QAC1D,cAAc,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,kBAAkB,QAAQ,EAAE,CAAC;QAC7D,OAAO,cAAc,CAAC;IACxB,CAAC;IACD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CACrD,mBAAmB,CAAC,KAAK,CAAC,KAAK,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CACtG,CAAC;AAEF,6FAA6F;AAC7F,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CACrD,mBAAmB,CAAC,KAAK,CAAC,KAAK,aAAa,CAAC,OAAO;IAClD,CAAC,CAAC,2BAA2B,CAAC,mBAAmB;IACjD,CAAC,CAAC,0BAA0B,CAAC,kBAAkB,CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,KAAa,EAAE,EAAE;IAC9D,MAAM,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC3C,OAAO;QACL,MAAM;QACN,KAAK;KACN,CAAC;AACJ,CAAC,CAAC;AAEF,+EAA+E;AAC/E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,IAAI,EAAE,EAAE,CAC9C,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC","sourcesContent":["import { Icon } from '@openedx/paragon';\nimport { FilterList } from '@openedx/paragon/icons';\nimport { RESOURCE_ICONS } from './components/constants';\nimport { CONTEXT_TYPES, getScopeContextType } from './constants';\nimport { CONTENT_COURSE_PERMISSIONS, CONTENT_LIBRARY_PERMISSIONS } from './roles-permissions';\n\n/**\n * Returns a header value for a DataTable column that shows a filter icon\n * when the column has an active filter.\n *\n * When a filter is active, returns a **component function** with a custom\n * toString() override. This is necessary because Paragon's TableRow builds\n * cell keys via: `${cell.column.Header}${row.id}`\n *\n * - A JSX element stringifies to \"[object Object]\", causing duplicate keys.\n * - A function with a custom toString() produces a unique string per column.\n *\n * react-table's render('Header') calls the function as a component, so the\n * JSX is still rendered correctly in the table header.\n */\nexport const getCellHeader = (columnId: string, columnTitle: string, filtersApplied: string[]) => {\n  if (filtersApplied.includes(columnId)) {\n    const FilteredHeader = () => (\n      <span className=\"d-flex flex-row align-items-center\">\n        <Icon src={FilterList} size=\"sm\" className=\"mr-2\" />\n        {columnTitle}\n      </span>\n    );\n    FilteredHeader.displayName = `FilteredHeader_${columnId}`;\n    FilteredHeader.toString = () => `FilteredHeader_${columnId}`;\n    return FilteredHeader;\n  }\n  return columnTitle;\n};\n\n/**\n * Picks the course or library icon for a scope from the scope key itself.\n */\nexport const getScopeResourceIcon = (scope: string) => (\n  getScopeContextType(scope) === CONTEXT_TYPES.LIBRARY ? RESOURCE_ICONS.LIBRARY : RESOURCE_ICONS.COURSE\n);\n\n/** Unrecognised scopes fall back to the course permission, as `getScopeContextType` does. */\nexport const getScopeManageAction = (scope: string) => (\n  getScopeContextType(scope) === CONTEXT_TYPES.LIBRARY\n    ? CONTENT_LIBRARY_PERMISSIONS.MANAGE_LIBRARY_TEAM\n    : CONTENT_COURSE_PERMISSIONS.MANAGE_COURSE_TEAM\n);\n\nexport const getScopeManageActionPermission = (scope: string) => {\n  const action = getScopeManageAction(scope);\n  return {\n    action,\n    scope,\n  };\n};\n\n// \"md\" is mapped to undefined because Paragon's Form.Control has no \"md\" size.\nexport const validateSizeFormControl = (size) =>\n  size === 'md' ? undefined : size;\n"]}

package/dist/components/LoadingPage.d.ts

@@ -1,2 +1,5 @@
+/**
+ * Full-page loading state.
+ */
 declare const LoadingPage: () => import("react").JSX.Element;
 export default LoadingPage;

package/dist/components/LoadingPage.js

@@ -1,5 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
 import { Spinner, Container } from '@openedx/paragon';
-const LoadingPage = () => (_jsx(Container, { className: "d-flex vh-100", children: _jsx(Spinner, { variant: "primary", animation: "border", role: "status", className: "mb-3 m-auto" }) }));
+import messages from './messages';
+/**
+ * Full-page loading state.
+ */
+const LoadingPage = () => {
+    const intl = useIntl();
+    return (_jsx(Container, { className: "d-flex vh-100", children: _jsx(Spinner, { variant: "primary", animation: "border", screenReaderText: intl.formatMessage(messages['loading.page.screenreader.text']), className: "mb-3 m-auto" }) }));
+};
 export default LoadingPage;
 //# sourceMappingURL=LoadingPage.js.map

package/dist/components/LoadingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingPage.js","sourceRoot":"","sources":["../../src/components/LoadingPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,KAAC,SAAS,IAAC,SAAS,EAAC,eAAe,YAClC,KAAC,OAAO,IACN,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,aAAa,GACvB,GACQ,CACb,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { Spinner, Container } from '@openedx/paragon';\n\nconst LoadingPage = () => (\n  <Container className=\"d-flex vh-100\">\n    <Spinner\n      variant=\"primary\"\n      animation=\"border\"\n      role=\"status\"\n      className=\"mb-3 m-auto\"\n    />\n  </Container>\n);\n\nexport default LoadingPage;\n"]}
+{"version":3,"file":"LoadingPage.js","sourceRoot":"","sources":["../../src/components/LoadingPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC;;GAEG;AACH,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,KAAC,SAAS,IAAC,SAAS,EAAC,eAAe,YAClC,KAAC,OAAO,IACN,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,QAAQ,EAClB,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,gCAAgC,CAAC,CAAC,EAChF,SAAS,EAAC,aAAa,GACvB,GACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { Spinner, Container } from '@openedx/paragon';\nimport messages from './messages';\n\n/**\n * Full-page loading state.\n */\nconst LoadingPage = () => {\n  const intl = useIntl();\n\n  return (\n    <Container className=\"d-flex vh-100\">\n      <Spinner\n        variant=\"primary\"\n        animation=\"border\"\n        screenReaderText={intl.formatMessage(messages['loading.page.screenreader.text'])}\n        className=\"mb-3 m-auto\"\n      />\n    </Container>\n  );\n};\n\nexport default LoadingPage;\n"]}

package/dist/components/messages.d.ts

@@ -0,0 +1,8 @@
+declare const messages: {
+    'loading.page.screenreader.text': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/components/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    'loading.page.screenreader.text': {
+        id: 'loading.page.screenreader.text',
+        defaultMessage: 'Loading',
+        description: 'Announced by screen readers while a full-page loading spinner is shown.',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/components/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/components/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,gCAAgC,EAAE;QAChC,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,yEAAyE;KACvF;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  'loading.page.screenreader.text': {\n    id: 'loading.page.screenreader.text',\n    defaultMessage: 'Loading',\n    description: 'Announced by screen readers while a full-page loading spinner is shown.',\n  },\n});\n\nexport default messages;\n"]}

package/dist/index.d.ts

@@ -1,3 +1,2 @@
 export { default as adminConsoleApp } from './app';
 export { default as adminConsoleRoutes } from './routes';
-export { default as adminConsoleMessages } from './i18n';

package/dist/index.js

@@ -1,4 +1,3 @@
 export { default as adminConsoleApp } from './app';
 export { default as adminConsoleRoutes } from './routes';
-export { default as adminConsoleMessages } from './i18n';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { default as adminConsoleApp } from './app';\nexport { default as adminConsoleRoutes } from './routes';\nexport { default as adminConsoleMessages } from './i18n';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { default as adminConsoleApp } from './app';\nexport { default as adminConsoleRoutes } from './routes';\n"]}

package/dist/routes.d.ts

@@ -3,7 +3,9 @@ declare const routes: {
     id: string;
     path: string;
     loader: typeof authenticatedLoader;
-    Component: import("react").LazyExoticComponent<() => import("react").JSX.Element>;
+    lazy(): Promise<{
+        Component: () => import("react").JSX.Element;
+    }>;
     handle: {
         roles: string[];
     };

package/dist/routes.js

@@ -1,12 +1,25 @@
-import { lazy } from 'react';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { authenticatedLoader } from '@openedx/frontend-base';
-const Main = lazy(() => import('./Main'));
+import { AUTHZ_HOME_PATH } from './authz-module/constants';
 const routes = [
     {
         id: 'org.openedx.frontend.route.adminConsole.main',
-        path: '/authz/*',
+        path: `${AUTHZ_HOME_PATH}/*`,
         loader: authenticatedLoader,
-        Component: Main,
+        lazy() {
+            return __awaiter(this, void 0, void 0, function* () {
+                const { default: Main } = yield import('./Main');
+                return { Component: Main };
+            });
+        },
         handle: {
             roles: ['org.openedx.frontend.role.adminConsole'],
         },

package/dist/routes.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.js","sourceRoot":"","sources":["../src/routes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;AAE1C,MAAM,MAAM,GAAG;IACb;QACE,EAAE,EAAE,8CAA8C;QAClD,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE,mBAAmB;QAC3B,SAAS,EAAE,IAAI;QACf,MAAM,EAAE;YACN,KAAK,EAAE,CAAC,wCAAwC,CAAC;SAClD;KACF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import { lazy } from 'react';\nimport { authenticatedLoader } from '@openedx/frontend-base';\n\nconst Main = lazy(() => import('./Main'));\n\nconst routes = [\n  {\n    id: 'org.openedx.frontend.route.adminConsole.main',\n    path: '/authz/*',\n    loader: authenticatedLoader,\n    Component: Main,\n    handle: {\n      roles: ['org.openedx.frontend.role.adminConsole'],\n    },\n  },\n];\n\nexport default routes;\n"]}
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../src/routes.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,MAAM,GAAG;IACb;QACE,EAAE,EAAE,8CAA8C;QAClD,IAAI,EAAE,GAAG,eAAe,IAAI;QAC5B,MAAM,EAAE,mBAAmB;QACrB,IAAI;;gBACR,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC;gBACjD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;YAC7B,CAAC;SAAA;QACD,MAAM,EAAE;YACN,KAAK,EAAE,CAAC,wCAAwC,CAAC;SAClD;KACF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import { authenticatedLoader } from '@openedx/frontend-base';\n\nimport { AUTHZ_HOME_PATH } from './authz-module/constants';\n\nconst routes = [\n  {\n    id: 'org.openedx.frontend.route.adminConsole.main',\n    path: `${AUTHZ_HOME_PATH}/*`,\n    loader: authenticatedLoader,\n    async lazy() {\n      const { default: Main } = await import('./Main');\n      return { Component: Main };\n    },\n    handle: {\n      roles: ['org.openedx.frontend.role.adminConsole'],\n    },\n  },\n];\n\nexport default routes;\n"]}

package/dist/style.scss

@@ -1,5 +1,22 @@
-// App-scoped runtime styles for the toast manager. Global selectors, so
-// they must not live under any component's scoped stylesheet.
+// App-scoped global styles. Global selectors, so they must not live under any
+// component's scoped stylesheet.
+
+// Lines content up with the site header (`Container fluid size="xl"`) while the element
+// itself stays full width, so a background it carries still bleeds to the edges.
+// The overhang is measured from the element's own width, so it has to span the viewport:
+// inside a constrained box it collapses to zero. Use `py-*` for vertical padding; `p-*`
+// sets the `padding` shorthand `!important`, which wipes out the horizontal inset.
+.page-band {
+  --page-band-overhang: max(
+    0px,
+    (100% - var(--pgn-size-container-max-width-xl) - var(--pgn-spacing-grid-gutter-width)) / 2
+  );
+
+  padding-left: calc(var(--page-band-overhang) + var(--pgn-spacing-spacer-5));
+  padding-right: calc(var(--page-band-overhang) + var(--pgn-spacing-spacer-5));
+}
+
+// Runtime styles for the toast manager.
 .toast-container {
   // Ensure toast appears above modal
   z-index: 1000;

package/dist/types.d.ts

@@ -5,26 +5,6 @@ export interface PermissionValidationRequest {
 export interface PermissionValidationResponse extends PermissionValidationRequest {
     allowed: boolean;
 }
-export interface TeamMember {
-    username: string;
-    fullName: string;
-    email: string;
-    roles: string[];
-    createdAt: string;
-    scope: {
-        resource: string;
-        type: 'COURSE' | 'LIBRARY' | 'GLOBAL';
-    };
-    organization: string;
-    role: string;
-}
-export interface LibraryMetadata {
-    id: string;
-    org: string;
-    title: string;
-    slug: string;
-    allowPublicRead: boolean;
-}
 export interface RoleMetadata {
     role: string;
     name: string;
@@ -91,3 +71,32 @@ export interface RoleToDelete {
 export type UserRoleWithPermissions = UserRole & {
     canManageScope?: boolean;
 };
+/**
+ * A single role assignment nested under a team member in the user-grouped listing.
+ * Mirrors `results[].assignments[]` of `GET /api/authz/v1/users/`.
+ */
+export interface TeamMemberAssignment {
+    role: string;
+    org: string;
+    /** Scope external key (e.g. `course-v1:Org+Course+Run`). Identifies the scope and is
+     *  what the scope filter sends back to the API — not shown to the user. */
+    scope: string;
+    /** Human-readable scope name shown in the table. The API returns an empty string for
+     *  glob scopes and for scopes whose backing course or library no longer exists, so
+     *  callers fall back to `scope`. */
+    scopeDisplayName: string;
+    permissionCount: number;
+}
+/**
+ * A team member as returned by the user-grouped assignments endpoint: one entry per
+ * user, carrying the first few of their assignments. `assignmentCount` counts every
+ * assignment behind that slice, so it can exceed `assignments.length`. Both are scoped
+ * to the active role, org and scope filters and to what the caller may view.
+ */
+export interface TeamMember {
+    username: string;
+    fullName: string;
+    email: string;
+    assignmentCount: number;
+    assignments: TeamMemberAssignment[];
+}

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface PermissionValidationRequest {\n  action: string;\n  scope?: string;\n}\n\nexport interface PermissionValidationResponse extends PermissionValidationRequest {\n  allowed: boolean;\n}\n\n// Libraries AuthZ types\nexport interface TeamMember {\n  username: string;\n  fullName: string;\n  email: string;\n  roles: string[];\n  createdAt: string;\n  scope: { resource: string; type: 'COURSE' | 'LIBRARY' | 'GLOBAL' };\n  organization: string;\n  role: string;\n}\n\nexport interface LibraryMetadata {\n  id: string;\n  org: string;\n  title: string;\n  slug: string;\n  allowPublicRead: boolean;\n}\n\nexport interface RoleMetadata {\n  role: string;\n  name: string;\n  description: string;\n  contextType: string;\n  disabled?: boolean;\n}\n// TODO: remove unnecessary fields when libraries gets removed\nexport interface Role extends RoleMetadata {\n  scope: string;\n  userCount: number;\n  permissions: string[];\n}\n\nexport interface ResourceMetadata {\n  key: string;\n  label: string;\n  description: string;\n  icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;\n}\n\nexport interface PermissionMetadata {\n  key: string;\n  resource: string;\n  label?: string;\n  description?: string;\n  icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;\n}\n\nexport type PermissionItem = ResourceMetadata & {\n  perms: PermissionMetadata[];\n};\n\nexport interface Org {\n  id: string;\n  name: string;\n  shortName: string;\n}\n\nexport interface Scope {\n  externalKey: string;\n  displayName: string;\n  description?: string;\n  org: Org | null;\n}\n\n// Permissions Matrix\n\nexport type EnrichedPermission = PermissionMetadata & {\n  actionKey: string;\n};\n\nexport type PermissionWithRoles = EnrichedPermission & {\n  roles: Record<string, boolean>;\n};\n\nexport type PermissionsResourceGrouped = ResourceMetadata & {\n  permissions: PermissionWithRoles[];\n};\n\nexport interface UserRole {\n  isSuperadmin?: boolean;\n  role: string;\n  org: string;\n  scope: string;\n  permissionCount: number;\n  fullName?: string;\n  username?: string;\n  email?: string;\n}\n\nexport interface RoleToDelete {\n  role: string;\n  name?: string;\n  scope: string;\n}\n\nexport type UserRoleWithPermissions = UserRole & {\n  canManageScope?: boolean;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface PermissionValidationRequest {\n  action: string;\n  scope?: string;\n}\n\nexport interface PermissionValidationResponse extends PermissionValidationRequest {\n  allowed: boolean;\n}\n\nexport interface RoleMetadata {\n  role: string;\n  name: string;\n  description: string;\n  contextType: string;\n  disabled?: boolean;\n}\n// TODO: remove unnecessary fields when libraries gets removed\nexport interface Role extends RoleMetadata {\n  scope: string;\n  userCount: number;\n  permissions: string[];\n}\n\nexport interface ResourceMetadata {\n  key: string;\n  label: string;\n  description: string;\n  icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;\n}\n\nexport interface PermissionMetadata {\n  key: string;\n  resource: string;\n  label?: string;\n  description?: string;\n  icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;\n}\n\nexport type PermissionItem = ResourceMetadata & {\n  perms: PermissionMetadata[];\n};\n\nexport interface Org {\n  id: string;\n  name: string;\n  shortName: string;\n}\n\nexport interface Scope {\n  externalKey: string;\n  displayName: string;\n  description?: string;\n  org: Org | null;\n}\n\n// Permissions Matrix\n\nexport type EnrichedPermission = PermissionMetadata & {\n  actionKey: string;\n};\n\nexport type PermissionWithRoles = EnrichedPermission & {\n  roles: Record<string, boolean>;\n};\n\nexport type PermissionsResourceGrouped = ResourceMetadata & {\n  permissions: PermissionWithRoles[];\n};\n\nexport interface UserRole {\n  isSuperadmin?: boolean;\n  role: string;\n  org: string;\n  scope: string;\n  permissionCount: number;\n  fullName?: string;\n  username?: string;\n  email?: string;\n}\n\nexport interface RoleToDelete {\n  role: string;\n  name?: string;\n  scope: string;\n}\n\nexport type UserRoleWithPermissions = UserRole & {\n  canManageScope?: boolean;\n};\n\n/**\n * A single role assignment nested under a team member in the user-grouped listing.\n * Mirrors `results[].assignments[]` of `GET /api/authz/v1/users/`.\n */\nexport interface TeamMemberAssignment {\n  role: string;\n  org: string;\n  /** Scope external key (e.g. `course-v1:Org+Course+Run`). Identifies the scope and is\n   *  what the scope filter sends back to the API — not shown to the user. */\n  scope: string;\n  /** Human-readable scope name shown in the table. The API returns an empty string for\n   *  glob scopes and for scopes whose backing course or library no longer exists, so\n   *  callers fall back to `scope`. */\n  scopeDisplayName: string;\n  permissionCount: number;\n}\n\n/**\n * A team member as returned by the user-grouped assignments endpoint: one entry per\n * user, carrying the first few of their assignments. `assignmentCount` counts every\n * assignment behind that slice, so it can exceed `assignments.length`. Both are scoped\n * to the active role, org and scope filters and to what the caller may view.\n */\nexport interface TeamMember {\n  username: string;\n  fullName: string;\n  email: string;\n  assignmentCount: number;\n  assignments: TeamMemberAssignment[];\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openedx/frontend-app-admin-console",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.10",
   "description": "Frontend Admin Console",
   "packageManager": "npm@11.12.1",
   "repository": {
@@ -59,7 +59,7 @@
   },
   "peerDependencies": {
     "@openedx/frontend-base": "^2.0.0-alpha.2 || 0.0.0-dev",
-    "@openedx/paragon": "^23",
+    "@openedx/paragon": "^23 || 0.0.0-dev",
     "@tanstack/react-query": "^5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -67,6 +67,8 @@
   },
   "devDependencies": {
     "@edx/browserslist-config": "^1.1.1",
+    "@openedx/frontend-base": "^2.0.0-alpha.2 || 0.0.0-dev",
+    "@openedx/paragon": "^23 || 0.0.0-dev",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.6.4",
     "@testing-library/react": "^16.3.0",
@@ -77,7 +79,8 @@
     "@types/react-helmet": "^6.1.11",
     "nodemon": "^3.1.14",
     "tsc-alias": "^1.9.1",
-    "turbo": "^2.10.11"
+    "turbo": "^2.10.11",
+    "typescript": "^5.9.3"
   },
   "dependencies": {
     "@edx/openedx-atlas": "^0.7.0",