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

package/dist/authz-module/components/TableControlBar/RolesFilter.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { Person } from '@openedx/paragon/icons';
+import { useViewTeamPermissions } from '../../hooks/useViewTeamPermissions';
+import { useCourseAuthoringFlag } from '../../hooks/useCourseAuthoringFlag';
+import { CONTEXT_TYPES } from '../../constants';
+import MultipleChoiceFilter from './MultipleChoiceFilter';
+import { getRolesFiltersOptions } from '../constants';
+const RolesFilter = ({ filterButtonText, filterValue, setFilter, disabled, }) => {
+    const intl = useIntl();
+    const { isCourseViewAllowed, isLibraryViewAllowed, isLoading } = useViewTeamPermissions();
+    const { isCourseAuthoringEnabled, isLoading: isFlagLoading } = useCourseAuthoringFlag();
+    const rolesOptions = useMemo(() => {
+        if (isLoading || isFlagLoading)
+            return [];
+        return getRolesFiltersOptions(intl).filter((option) => {
+            // Authoring (course) roles require both view permission and the course-authoring flag.
+            if (option.contextType === CONTEXT_TYPES.COURSE)
+                return isCourseViewAllowed && isCourseAuthoringEnabled;
+            if (option.contextType === CONTEXT_TYPES.LIBRARY)
+                return isLibraryViewAllowed;
+            return false;
+        });
+    }, [intl, isCourseViewAllowed, isLibraryViewAllowed, isCourseAuthoringEnabled, isLoading, isFlagLoading]);
+    return (_jsx(MultipleChoiceFilter, { filterButtonText: filterButtonText, filterChoices: rolesOptions, filterValue: filterValue, setFilter: setFilter, isGrouped: true, iconSrc: Person, disabled: disabled }));
+};
+export default RolesFilter;
+//# sourceMappingURL=RolesFilter.js.map

package/dist/authz-module/components/TableControlBar/RolesFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RolesFilter.js","sourceRoot":"","sources":["../../../../src/authz-module/components/TableControlBar/RolesFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAIhF,MAAM,WAAW,GAAG,CAAC,EACnB,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,GACjC,EAAE,EAAE;IACrB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAC1F,MAAM,EAAE,wBAAwB,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAExF,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,SAAS,IAAI,aAAa;YAAE,OAAO,EAAE,CAAC;QAC1C,OAAO,sBAAsB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;YACpD,uFAAuF;YACvF,IAAI,MAAM,CAAC,WAAW,KAAK,aAAa,CAAC,MAAM;gBAAE,OAAO,mBAAmB,IAAI,wBAAwB,CAAC;YACxG,IAAI,MAAM,CAAC,WAAW,KAAK,aAAa,CAAC,OAAO;gBAAE,OAAO,oBAAoB,CAAC;YAC9E,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;IAC1G,OAAO,CACL,KAAC,oBAAoB,IACnB,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,YAAY,EAC3B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,SAAS,QACT,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useMemo } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Person } from '@openedx/paragon/icons';\nimport { useViewTeamPermissions } from '@src/authz-module/hooks/useViewTeamPermissions';\nimport { useCourseAuthoringFlag } from '@src/authz-module/hooks/useCourseAuthoringFlag';\nimport { CONTEXT_TYPES } from '@src/authz-module/constants';\nimport MultipleChoiceFilter from './MultipleChoiceFilter';\nimport { MultipleChoiceFilterProps } from './types';\nimport { getRolesFiltersOptions } from '@src/authz-module/components/constants';\n\ntype RolesFilterProps = Omit<MultipleChoiceFilterProps, 'filterChoices' | 'isSearchable' | 'onSearchChange'>;\n\nconst RolesFilter = ({\n  filterButtonText, filterValue, setFilter, disabled,\n}: RolesFilterProps) => {\n  const intl = useIntl();\n  const { isCourseViewAllowed, isLibraryViewAllowed, isLoading } = useViewTeamPermissions();\n  const { isCourseAuthoringEnabled, isLoading: isFlagLoading } = useCourseAuthoringFlag();\n\n  const rolesOptions = useMemo(() => {\n    if (isLoading || isFlagLoading) return [];\n    return getRolesFiltersOptions(intl).filter((option) => {\n      // Authoring (course) roles require both view permission and the course-authoring flag.\n      if (option.contextType === CONTEXT_TYPES.COURSE) return isCourseViewAllowed && isCourseAuthoringEnabled;\n      if (option.contextType === CONTEXT_TYPES.LIBRARY) return isLibraryViewAllowed;\n      return false;\n    });\n  }, [intl, isCourseViewAllowed, isLibraryViewAllowed, isCourseAuthoringEnabled, isLoading, isFlagLoading]);\n  return (\n    <MultipleChoiceFilter\n      filterButtonText={filterButtonText}\n      filterChoices={rolesOptions}\n      filterValue={filterValue}\n      setFilter={setFilter}\n      isGrouped\n      iconSrc={Person}\n      disabled={disabled}\n    />\n  );\n};\n\nexport default RolesFilter;\n"]}

package/dist/authz-module/components/TableControlBar/ScopesFilter.d.ts

@@ -0,0 +1,4 @@
+import { MultipleChoiceFilterProps } from './types';
+type ScopesFilterProps = Omit<MultipleChoiceFilterProps, 'filterChoices' | 'isSearchable' | 'onSearchChange'>;
+declare const ScopesFilter: ({ filterButtonText, filterValue, setFilter, disabled, }: ScopesFilterProps) => import("react").JSX.Element;
+export default ScopesFilter;

package/dist/authz-module/components/TableControlBar/ScopesFilter.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { LocationOn } from '@openedx/paragon/icons';
+import { useViewTeamPermissions } from '../../hooks/useViewTeamPermissions';
+import { useCourseAuthoringFlag } from '../../hooks/useCourseAuthoringFlag';
+import { useScopes } from '../../data/hooks';
+import { DEFAULT_FILTER_PAGE_SIZE } from '../../constants';
+import MultipleChoiceFilter from './MultipleChoiceFilter';
+import { RESOURCE_ICONS } from '../constants';
+import messages from '../messages';
+const ScopesFilter = ({ filterButtonText, filterValue, setFilter, disabled, }) => {
+    const { formatMessage } = useIntl();
+    const [searchValue, setSearchValue] = useState(undefined);
+    const { isCourseViewAllowed } = useViewTeamPermissions();
+    const { isCourseEnabled } = useCourseAuthoringFlag();
+    const { data: scopesData } = useScopes(Object.assign({ search: searchValue, pageSize: DEFAULT_FILTER_PAGE_SIZE }, (isCourseViewAllowed ? {} : { scopeType: 'library' })));
+    const filterChoices = useMemo(() => {
+        var _a, _b;
+        return ((_b = (_a = scopesData === null || scopesData === void 0 ? void 0 : scopesData.pages) === null || _a === void 0 ? void 0 : _a.flatMap((p) => p.results)) !== null && _b !== void 0 ? _b : [])
+            // Libraries are always available; courses only when the authoring flag is enabled for them.
+            .filter((scope) => { var _a; return ((_a = scope.externalKey) === null || _a === void 0 ? void 0 : _a.startsWith('lib')) || isCourseEnabled(scope.externalKey); })
+            .map((scope) => {
+            var _a, _b, _c;
+            const scopeIcon = ((_a = scope.externalKey) === null || _a === void 0 ? void 0 : _a.startsWith('lib')) ? RESOURCE_ICONS.LIBRARY : RESOURCE_ICONS.COURSE;
+            let groupName = formatMessage(messages['authz.team.members.table.group.courses']);
+            if ((_b = scope.externalKey) === null || _b === void 0 ? void 0 : _b.startsWith('lib')) {
+                groupName = formatMessage(messages['authz.team.members.table.group.libraries']);
+            }
+            return {
+                displayName: scope.displayName,
+                value: scope.externalKey,
+                description: (_c = scope.org) === null || _c === void 0 ? void 0 : _c.shortName,
+                groupName,
+                groupIcon: scopeIcon,
+            };
+        });
+    }, [scopesData === null || scopesData === void 0 ? void 0 : scopesData.pages, formatMessage, isCourseEnabled]);
+    const handleSearchChange = (value) => {
+        setSearchValue(value);
+    };
+    return (_jsx(MultipleChoiceFilter, { filterButtonText: filterButtonText, filterChoices: filterChoices, filterValue: filterValue, setFilter: setFilter, isSearchable: true, isGrouped: true, onSearchChange: handleSearchChange, iconSrc: LocationOn, disabled: disabled }));
+};
+export default ScopesFilter;
+//# sourceMappingURL=ScopesFilter.js.map

package/dist/authz-module/components/TableControlBar/ScopesFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScopesFilter.js","sourceRoot":"","sources":["../../../../src/authz-module/components/TableControlBar/ScopesFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAEvE,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,QAAQ,MAAM,uCAAuC,CAAC;AAI7D,MAAM,YAAY,GAAG,CAAC,EACpB,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,GAChC,EAAE,EAAE;IACtB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAE9E,MAAM,EAAE,mBAAmB,EAAE,GAAG,sBAAsB,EAAE,CAAC;IACzD,MAAM,EAAE,eAAe,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAErD,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,SAAS,iBACpC,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,wBAAwB,IAC/B,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EACxD,CAAC;IAEH,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CAAC,MAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,0CAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,mCAAI,EAAE,CAAC;YACtF,4FAA4F;aAC3F,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,CAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU,CAAC,KAAK,CAAC,KAAI,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,EAAA,CAAC;aAC7F,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;;YACb,MAAM,SAAS,GAAG,CAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC;YACxG,IAAI,SAAS,GAAG,aAAa,CAAC,QAAQ,CAAC,wCAAwC,CAAC,CAAC,CAAC;YAClF,IAAI,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;gBACzC,SAAS,GAAG,aAAa,CAAC,QAAQ,CAAC,0CAA0C,CAAC,CAAC,CAAC;YAClF,CAAC;YACD,OAAO;gBACL,WAAW,EAAE,KAAK,CAAC,WAAW;gBAC9B,KAAK,EAAE,KAAK,CAAC,WAAW;gBACxB,WAAW,EAAE,MAAA,KAAK,CAAC,GAAG,0CAAE,SAAS;gBACjC,SAAS;gBACT,SAAS,EAAE,SAAS;aACrB,CAAC;QACJ,CAAC,CAAC,CAAA;KAAA,EAAE,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC;IAE3D,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC3C,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,oBAAoB,IACnB,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,QACZ,SAAS,QACT,cAAc,EAAE,kBAAkB,EAClC,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { useMemo, useState } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport { LocationOn } from '@openedx/paragon/icons';\nimport { useViewTeamPermissions } from '@src/authz-module/hooks/useViewTeamPermissions';\nimport { useCourseAuthoringFlag } from '@src/authz-module/hooks/useCourseAuthoringFlag';\nimport { useScopes } from '@src/authz-module/data/hooks';\nimport { DEFAULT_FILTER_PAGE_SIZE } from '@src/authz-module/constants';\nimport { MultipleChoiceFilterProps } from './types';\nimport MultipleChoiceFilter from './MultipleChoiceFilter';\nimport { RESOURCE_ICONS } from '@src/authz-module/components/constants';\nimport messages from '@src/authz-module/components/messages';\n\ntype ScopesFilterProps = Omit<MultipleChoiceFilterProps, 'filterChoices' | 'isSearchable' | 'onSearchChange'>;\n\nconst ScopesFilter = ({\n  filterButtonText, filterValue, setFilter, disabled,\n}: ScopesFilterProps) => {\n  const { formatMessage } = useIntl();\n  const [searchValue, setSearchValue] = useState<string | undefined>(undefined);\n\n  const { isCourseViewAllowed } = useViewTeamPermissions();\n  const { isCourseEnabled } = useCourseAuthoringFlag();\n\n  const { data: scopesData } = useScopes({\n    search: searchValue,\n    pageSize: DEFAULT_FILTER_PAGE_SIZE,\n    ...(isCourseViewAllowed ? {} : { scopeType: 'library' }),\n  });\n\n  const filterChoices = useMemo(() => (scopesData?.pages?.flatMap((p) => p.results) ?? [])\n    // Libraries are always available; courses only when the authoring flag is enabled for them.\n    .filter((scope) => scope.externalKey?.startsWith('lib') || isCourseEnabled(scope.externalKey))\n    .map((scope) => {\n      const scopeIcon = scope.externalKey?.startsWith('lib') ? RESOURCE_ICONS.LIBRARY : RESOURCE_ICONS.COURSE;\n      let groupName = formatMessage(messages['authz.team.members.table.group.courses']);\n      if (scope.externalKey?.startsWith('lib')) {\n        groupName = formatMessage(messages['authz.team.members.table.group.libraries']);\n      }\n      return {\n        displayName: scope.displayName,\n        value: scope.externalKey,\n        description: scope.org?.shortName,\n        groupName,\n        groupIcon: scopeIcon,\n      };\n    }), [scopesData?.pages, formatMessage, isCourseEnabled]);\n\n  const handleSearchChange = (value: string) => {\n    setSearchValue(value);\n  };\n\n  return (\n    <MultipleChoiceFilter\n      filterButtonText={filterButtonText}\n      filterChoices={filterChoices}\n      filterValue={filterValue}\n      setFilter={setFilter}\n      isSearchable\n      isGrouped\n      onSearchChange={handleSearchChange}\n      iconSrc={LocationOn}\n      disabled={disabled}\n    />\n  );\n};\n\nexport default ScopesFilter;\n"]}

package/dist/authz-module/components/TableControlBar/SearchFilter.d.ts

@@ -0,0 +1,7 @@
+interface SearchFilterProps {
+    filterValue: string;
+    setFilter: (value: string) => void;
+    placeholder: string;
+}
+declare const SearchFilter: ({ filterValue, setFilter, placeholder, }: SearchFilterProps) => import("react").JSX.Element;
+export default SearchFilter;

package/dist/authz-module/components/TableControlBar/SearchFilter.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Form, Icon, } from '@openedx/paragon';
+import { Search } from '@openedx/paragon/icons';
+const SearchFilter = ({ filterValue, setFilter, placeholder, }) => (_jsx(Form.Group, { className: "m-0", children: _jsx(Form.Control, { className: "mw-xs mr-0", trailingElement: _jsx(Icon, { src: Search }), value: filterValue || '', type: "text", onChange: e => {
+            setFilter(e.target.value || undefined); // Set undefined to remove the filter entirely
+        }, placeholder: placeholder }) }));
+export default SearchFilter;
+//# sourceMappingURL=SearchFilter.js.map

package/dist/authz-module/components/TableControlBar/SearchFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilter.js","sourceRoot":"","sources":["../../../../src/authz-module/components/TableControlBar/SearchFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,IAAI,EACJ,IAAI,GACL,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAQhD,MAAM,YAAY,GAAG,CAAC,EACpB,WAAW,EAAE,SAAS,EAAE,WAAW,GACjB,EAAE,EAAE,CAAC,CACvB,KAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,KAAK,YACzB,KAAC,IAAI,CAAC,OAAO,IACX,SAAS,EAAC,YAAY,EACtB,eAAe,EAAE,KAAC,IAAI,IAAC,GAAG,EAAE,MAAM,GAAI,EACtC,KAAK,EAAE,WAAW,IAAI,EAAE,EACxB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE;YACZ,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,8CAA8C;QACxF,CAAC,EACD,WAAW,EAAE,WAAW,GACxB,GACS,CACd,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import {\n  Form,\n  Icon,\n} from '@openedx/paragon';\nimport { Search } from '@openedx/paragon/icons';\n\ninterface SearchFilterProps {\n  filterValue: string;\n  setFilter: (value: string) => void;\n  placeholder: string;\n}\n\nconst SearchFilter = ({\n  filterValue, setFilter, placeholder,\n}: SearchFilterProps) => (\n  <Form.Group className=\"m-0\">\n    <Form.Control\n      className=\"mw-xs mr-0\"\n      trailingElement={<Icon src={Search} />}\n      value={filterValue || ''}\n      type=\"text\"\n      onChange={e => {\n        setFilter(e.target.value || undefined); // Set undefined to remove the filter entirely\n      }}\n      placeholder={placeholder}\n    />\n  </Form.Group>\n);\n\nexport default SearchFilter;\n"]}

package/dist/authz-module/components/TableControlBar/TableControlBar.d.ts

@@ -0,0 +1,5 @@
+interface TableControlBarProps {
+    onFilterChange?: (filters: string[]) => void;
+}
+declare const TableControlBar: ({ onFilterChange }: TableControlBarProps) => import("react").JSX.Element;
+export default TableControlBar;

package/dist/authz-module/components/TableControlBar/TableControlBar.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useState } from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { DataTableContext, Stack, TextFilter, Button, Chip, Alert, Icon, } from '@openedx/paragon';
+import { Business, Close, LocationOn, Person, Warning, } from '@openedx/paragon/icons';
+import { MAX_TABLE_FILTERS_APPLIED } from '../../constants';
+import MultipleChoiceFilter from './MultipleChoiceFilter';
+import SearchFilter from './SearchFilter';
+import messages from '../messages';
+import RolesFilter from './RolesFilter';
+import OrgFilter from './OrgFilter';
+import ScopesFilter from './ScopesFilter';
+const FILTER_CHIPS_ICONS = {
+    role: Person,
+    organization: Business,
+    scope: LocationOn,
+};
+const FILTER_GROUP_TO_ID = {
+    role: 'role',
+    organization: 'org',
+    scope: 'scope',
+};
+const TableControlBar = ({ onFilterChange }) => {
+    const intl = useIntl();
+    // applied filters in the order they were selected by the user, to display on the control bar as chips
+    const [chronologicalFilters, setChronologicalFilters] = useState([]);
+    const [filtersLimitReached, setFiltersLimitReached] = useState(false);
+    const { columns, setAllFilters, state,
+    // @ts-expect-error - Paragon's DataTableContext is not typed
+     } = useContext(DataTableContext);
+    useEffect(() => {
+        if (state.filters.length > 0) {
+            const formattedInitialFilters = state.filters.map((filter) => ({
+                groupName: filter.id,
+                value: filter.value[0] || '',
+                displayName: filter.value[0] || '',
+            }));
+            setChronologicalFilters(formattedInitialFilters);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useEffect(() => {
+        setFiltersLimitReached(chronologicalFilters.length >= MAX_TABLE_FILTERS_APPLIED);
+        if (onFilterChange) {
+            onFilterChange(state.filters.map((filter) => filter.id) || []);
+        }
+    }, [chronologicalFilters, onFilterChange, state.filters]);
+    const availableFilters = columns.filter((column) => column.canFilter)
+        .sort((a, b) => (a.filterOrder || 0) - (b.filterOrder || 0));
+    const columnTextFilterHeaders = columns
+        .filter((column) => column.Filter === TextFilter)
+        .map((column) => column.Header);
+    const getSearchPlaceholder = () => intl.formatMessage(messages['authz.table.controlbar.search.by.fields'], {
+        firstField: columnTextFilterHeaders[0] || '',
+        secondField: columnTextFilterHeaders[1] || '',
+    });
+    const handleCloseFilter = (filterName, filterValue) => {
+        const actualFilterId = FILTER_GROUP_TO_ID[filterName] || filterName;
+        const filterGroup = state.filters.find((filter) => filter.id === actualFilterId);
+        const newFilterValue = (filterGroup === null || filterGroup === void 0 ? void 0 : filterGroup.value.filter(item => item !== filterValue)) || [];
+        setAllFilters(state.filters.map(item => (item.id !== actualFilterId ? item : { id: item.id, value: newFilterValue })));
+        setChronologicalFilters((prevFilters) => prevFilters.filter((filter) => filter.value !== filterValue));
+    };
+    const handleSetFilters = (setFilter) => (allFilters, newFilter) => {
+        setFilter(allFilters);
+        setChronologicalFilters((prevFilters) => {
+            if (!prevFilters.find((filter) => filter.value === newFilter.value)) {
+                return [...prevFilters, newFilter];
+            }
+            return prevFilters.filter((filter) => filter.value !== newFilter.value);
+        });
+    };
+    const clearAllFilters = () => {
+        setAllFilters([]);
+        setChronologicalFilters([]);
+    };
+    return (_jsxs("div", { className: "authz-table-control-bar pgn__data-table-status-bar", children: [_jsx(Stack, { className: "mb-2 flex-wrap", gap: 2, direction: "horizontal", children: availableFilters.map((column) => {
+                    var _a;
+                    const { Filter } = column;
+                    if (Filter === RolesFilter) {
+                        return (_jsx(RolesFilter, Object.assign({}, column, { setFilter: handleSetFilters(column.setFilter), disabled: filtersLimitReached }), column.id || column.accessor));
+                    }
+                    if (Filter === OrgFilter) {
+                        return (_jsx(OrgFilter, Object.assign({}, column, { setFilter: handleSetFilters(column.setFilter), disabled: filtersLimitReached }), column.id || column.accessor));
+                    }
+                    if (Filter === MultipleChoiceFilter) {
+                        return (_jsx(MultipleChoiceFilter, Object.assign({}, column, { setFilter: handleSetFilters(column.setFilter), disabled: filtersLimitReached }), column.id || column.accessor));
+                    }
+                    if (Filter === ScopesFilter) {
+                        return (_jsx(ScopesFilter, Object.assign({}, column, { setFilter: handleSetFilters(column.setFilter), disabled: filtersLimitReached, filterValue: ((_a = state.filters.find(filter => filter.id === 'scope')) === null || _a === void 0 ? void 0 : _a.value) || null }), column.id || column.accessor));
+                    }
+                    if (Filter === TextFilter) {
+                        return (_jsx(SearchFilter, { filterValue: column.filterValue, setFilter: column.setFilter, placeholder: getSearchPlaceholder() }, column.id || column.accessor));
+                    }
+                    return null;
+                }) }), chronologicalFilters.length > 0 && (_jsxs(Stack, { gap: 1, direction: "horizontal", className: "flex-wrap mb-2", children: [_jsx("span", { children: intl.formatMessage(messages['authz.table.controlbar.filterby.label']) }), chronologicalFilters.map((filter) => (_jsx(Chip, { iconBefore: FILTER_CHIPS_ICONS[filter.groupName || ''], iconAfter: Close, onIconAfterClick: () => handleCloseFilter(filter.groupName, filter.value), children: filter.displayName }, filter.value))), chronologicalFilters.length > 1 && (_jsx(Button, { className: "py-0", variant: "link", onClick: clearAllFilters, children: intl.formatMessage(messages['authz.table.controlbar.clearFilters']) }))] })), filtersLimitReached && (_jsx(Alert, { variant: "warning", className: "mb-2", children: _jsxs("span", { className: "d-flex flex-row", children: [_jsx(Icon, { src: Warning, className: "text-warning-400 mr-2" }), intl.formatMessage(messages['authz.table.controlbar.filters.limit.reached'])] }) }))] }));
+};
+export default TableControlBar;
+//# sourceMappingURL=TableControlBar.js.map

package/dist/authz-module/components/TableControlBar/TableControlBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableControlBar.js","sourceRoot":"","sources":["../../../../src/authz-module/components/TableControlBar/TableControlBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useEffect, useState } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport {\n  DataTableContext,\n  Stack,\n  TextFilter,\n  Button,\n  Chip,\n  Alert,\n  Icon,\n} from '@openedx/paragon';\nimport {\n  Business, Close, LocationOn, Person,\n  Warning,\n} from '@openedx/paragon/icons';\n\nimport { MAX_TABLE_FILTERS_APPLIED } from '@src/authz-module/constants';\nimport MultipleChoiceFilter from './MultipleChoiceFilter';\nimport SearchFilter from './SearchFilter';\nimport messages from '@src/authz-module/components/messages';\nimport RolesFilter from './RolesFilter';\nimport OrgFilter from './OrgFilter';\nimport ScopesFilter from './ScopesFilter';\nimport { FilterChoice } from './types';\n\nconst FILTER_CHIPS_ICONS = {\n  role: Person,\n  organization: Business,\n  scope: LocationOn,\n};\n\nconst FILTER_GROUP_TO_ID = {\n  role: 'role',\n  organization: 'org',\n  scope: 'scope',\n};\n\ninterface TableControlBarProps {\n  onFilterChange?: (filters: string[]) => void;\n}\n\nconst TableControlBar = ({ onFilterChange }: TableControlBarProps) => {\n  const intl = useIntl();\n  // applied filters in the order they were selected by the user, to display on the control bar as chips\n  const [chronologicalFilters, setChronologicalFilters] = useState<FilterChoice[]>([]);\n  const [filtersLimitReached, setFiltersLimitReached] = useState(false);\n  const {\n    columns,\n    setAllFilters,\n    state,\n  // @ts-expect-error - Paragon's DataTableContext is not typed\n  } = useContext<DataTableContext>(DataTableContext);\n\n  useEffect(() => {\n    if (state.filters.length > 0) {\n      const formattedInitialFilters = state.filters.map((filter) => ({\n        groupName: filter.id,\n        value: filter.value[0] || '',\n        displayName: filter.value[0] || '',\n      }));\n      setChronologicalFilters(formattedInitialFilters);\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    setFiltersLimitReached(chronologicalFilters.length >= MAX_TABLE_FILTERS_APPLIED);\n    if (onFilterChange) {\n      onFilterChange(state.filters.map((filter) => filter.id) || []);\n    }\n  }, [chronologicalFilters, onFilterChange, state.filters]);\n\n  const availableFilters = columns.filter((column) => column.canFilter)\n    .sort((a, b) => (a.filterOrder || 0) - (b.filterOrder || 0));\n\n  const columnTextFilterHeaders = columns\n    .filter((column) => column.Filter === TextFilter)\n    .map((column) => column.Header);\n\n  const getSearchPlaceholder = () => intl.formatMessage(messages['authz.table.controlbar.search.by.fields'], {\n    firstField: columnTextFilterHeaders[0] || '',\n    secondField: columnTextFilterHeaders[1] || '',\n  });\n\n  const handleCloseFilter = (filterName, filterValue) => {\n    const actualFilterId = FILTER_GROUP_TO_ID[filterName] || filterName;\n    const filterGroup = state.filters.find((filter) => filter.id === actualFilterId);\n    const newFilterValue = filterGroup?.value.filter(item => item !== filterValue) || [];\n    setAllFilters(state.filters.map(item => (\n      item.id !== actualFilterId ? item : { id: item.id, value: newFilterValue })));\n    setChronologicalFilters((prevFilters) => prevFilters.filter((filter) => filter.value !== filterValue));\n  };\n\n  const handleSetFilters = (setFilter) => (allFilters: string[], newFilter: FilterChoice) => {\n    setFilter(allFilters);\n    setChronologicalFilters((prevFilters) => {\n      if (!prevFilters.find((filter) => filter.value === newFilter.value)) {\n        return [...prevFilters, newFilter];\n      }\n      return prevFilters.filter((filter) => filter.value !== newFilter.value);\n    });\n  };\n\n  const clearAllFilters = () => {\n    setAllFilters([]);\n    setChronologicalFilters([]);\n  };\n  return (\n    <div className=\"authz-table-control-bar pgn__data-table-status-bar\">\n      <Stack className=\"mb-2 flex-wrap\" gap={2} direction=\"horizontal\">\n        {availableFilters.map((column) => {\n          const { Filter } = column;\n          if (Filter === RolesFilter) {\n            return (\n              <RolesFilter\n                key={column.id || column.accessor}\n                {...column}\n                setFilter={handleSetFilters(column.setFilter)}\n                disabled={filtersLimitReached}\n              />\n            );\n          }\n          if (Filter === OrgFilter) {\n            return (\n              <OrgFilter\n                key={column.id || column.accessor}\n                {...column}\n                setFilter={handleSetFilters(column.setFilter)}\n                disabled={filtersLimitReached}\n              />\n            );\n          }\n          if (Filter === MultipleChoiceFilter) {\n            return (\n              <MultipleChoiceFilter\n                key={column.id || column.accessor}\n                {...column}\n                setFilter={handleSetFilters(column.setFilter)}\n                disabled={filtersLimitReached}\n              />\n            );\n          }\n          if (Filter === ScopesFilter) {\n            return (\n              <ScopesFilter\n                key={column.id || column.accessor}\n                {...column}\n                setFilter={handleSetFilters(column.setFilter)}\n                disabled={filtersLimitReached}\n                filterValue={state.filters.find(filter => filter.id === 'scope')?.value || null}\n              />\n            );\n          }\n\n          if (Filter === TextFilter) {\n            return (\n              <SearchFilter\n                key={column.id || column.accessor}\n                filterValue={column.filterValue}\n                setFilter={column.setFilter}\n                placeholder={getSearchPlaceholder()}\n              />\n            );\n          }\n          return null;\n        })}\n      </Stack>\n\n      {chronologicalFilters.length > 0 && (\n        <Stack gap={1} direction=\"horizontal\" className=\"flex-wrap mb-2\">\n          <span>{intl.formatMessage(messages['authz.table.controlbar.filterby.label'])}</span>\n          {chronologicalFilters.map((filter) => (\n            <Chip\n              key={filter.value}\n              iconBefore={FILTER_CHIPS_ICONS[filter.groupName || '']}\n              iconAfter={Close}\n              onIconAfterClick={() => handleCloseFilter(filter.groupName, filter.value)}\n            >\n              {filter.displayName}\n            </Chip>\n          ))}\n          {chronologicalFilters.length > 1 && (\n            <Button className=\"py-0\" variant=\"link\" onClick={clearAllFilters}>\n              {intl.formatMessage(messages['authz.table.controlbar.clearFilters'])}\n            </Button>\n          )}\n        </Stack>\n      )}\n      { filtersLimitReached && (\n        <Alert variant=\"warning\" className=\"mb-2\">\n          <span className=\"d-flex flex-row\">\n            <Icon src={Warning} className=\"text-warning-400 mr-2\" />\n            {intl.formatMessage(messages['authz.table.controlbar.filters.limit.reached'])}\n          </span>\n        </Alert>\n      )}\n\n    </div>\n  );\n};\n\nexport default TableControlBar;\n"]}

package/dist/authz-module/components/TableControlBar/types.d.ts

@@ -0,0 +1,18 @@
+export interface FilterChoice {
+    groupName?: string;
+    groupIcon?: React.ComponentType;
+    displayName: string;
+    value: string;
+    description?: string;
+}
+export interface MultipleChoiceFilterProps {
+    filterButtonText: string;
+    filterChoices: FilterChoice[];
+    filterValue: string[] | undefined;
+    setFilter: (value: string[], newItem: FilterChoice) => void;
+    isGrouped?: boolean;
+    isSearchable?: boolean;
+    onSearchChange?: (value: string) => void;
+    iconSrc?: React.ComponentType | undefined;
+    disabled?: boolean;
+}

package/dist/authz-module/components/TableControlBar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/authz-module/components/TableControlBar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/authz-module/components/TableControlBar/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface FilterChoice {\n  groupName?: string;\n  groupIcon?: React.ComponentType;\n  displayName: string;\n  value: string;\n  description?: string;\n}\n\nexport interface MultipleChoiceFilterProps {\n  filterButtonText: string;\n  filterChoices: FilterChoice[];\n  filterValue: string[] | undefined;\n  setFilter: (value: string[], newItem: FilterChoice) => void;\n  isGrouped?: boolean;\n  isSearchable?: boolean;\n  onSearchChange?: (value: string) => void;\n  iconSrc?: React.ComponentType | undefined;\n  disabled?: boolean;\n}\n"]}

package/dist/authz-module/components/TableFooter/TableFooter.d.ts

@@ -0,0 +1,2 @@
+declare const Footer: () => import("react").JSX.Element;
+export default Footer;

package/dist/authz-module/components/TableFooter/TableFooter.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { DataTableContext, Pagination, TableFooter } from '@openedx/paragon';
+import messages from '../messages';
+const Footer = () => {
+    const { formatMessage } = useIntl();
+    const { pageCount, gotoPage, state, itemCount, rows,
+    // @ts-expect-error - Paragon's DataTableContext is not typed
+     } = useContext(DataTableContext);
+    const { pageIndex } = state;
+    return (_jsxs(TableFooter, { children: [_jsx("span", { children: formatMessage(messages['authz.table.footer.items.showing.text'], { pageSize: rows.length, itemCount }) }), _jsx(Pagination, { variant: "reduced", currentPage: pageIndex + 1, pageCount: pageCount, paginationLabel: formatMessage(messages['authz.table.footer.pagination.label']), onPageSelect: (pageNum) => gotoPage(pageNum - 1) })] }));
+};
+export default Footer;
+//# sourceMappingURL=TableFooter.js.map

package/dist/authz-module/components/TableFooter/TableFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.js","sourceRoot":"","sources":["../../../../src/authz-module/components/TableFooter/TableFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,QAAQ,MAAM,uCAAuC,CAAC;AAE7D,MAAM,MAAM,GAAG,GAAG,EAAE;IAClB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EACJ,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI;IAC7C,6DAA6D;MAC5D,GAAG,UAAU,CAAmB,gBAAgB,CAAC,CAAC;IACnD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,OAAO,CACL,MAAC,WAAW,eACV,yBACG,aAAa,CAAC,QAAQ,CAAC,uCAAuC,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,GAClG,EACP,KAAC,UAAU,IACT,OAAO,EAAC,SAAS,EACjB,WAAW,EAAE,SAAS,GAAG,CAAC,EAC1B,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,aAAa,CAAC,QAAQ,CAAC,qCAAqC,CAAC,CAAC,EAC/E,YAAY,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,GAChD,IACU,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import { useContext } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport { DataTableContext, Pagination, TableFooter } from '@openedx/paragon';\nimport messages from '@src/authz-module/components/messages';\n\nconst Footer = () => {\n  const { formatMessage } = useIntl();\n  const {\n    pageCount, gotoPage, state, itemCount, rows,\n  // @ts-expect-error - Paragon's DataTableContext is not typed\n  } = useContext<DataTableContext>(DataTableContext);\n  const { pageIndex } = state;\n  return (\n    <TableFooter>\n      <span>\n        {formatMessage(messages['authz.table.footer.items.showing.text'], { pageSize: rows.length, itemCount })}\n      </span>\n      <Pagination\n        variant=\"reduced\"\n        currentPage={pageIndex + 1}\n        pageCount={pageCount}\n        paginationLabel={formatMessage(messages['authz.table.footer.pagination.label'])}\n        onPageSelect={(pageNum) => gotoPage(pageNum - 1)}\n      />\n    </TableFooter>\n  );\n};\n\nexport default Footer;\n"]}

package/dist/authz-module/components/UserPermissions.d.ts

@@ -0,0 +1,9 @@
+interface UserPermissionsProps {
+    row: {
+        original: {
+            role: string;
+        };
+    };
+}
+declare const UserPermissions: ({ row }: UserPermissionsProps) => import("react").JSX.Element | null;
+export default UserPermissions;

package/dist/authz-module/components/UserPermissions.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import { DJANGO_MANAGED_ROLES } from '../constants';
+import { courseResourceTypes, coursePermissions, courseRolesWithPermissions, libraryResourceTypes, libraryPermissions, libraryRolesWithPermissions, getPermissionMetadata, } from '../roles-permissions';
+import RenderPermissionColumn from './RenderPermissionColumn';
+import RenderPermissionInLine from './RenderPermissionInLine';
+import RenderAdminRole from './RenderAdminRole';
+const UserPermissions = ({ row }) => {
+    var _a;
+    const intl = useIntl();
+    let roleKey = (_a = row === null || row === void 0 ? void 0 : row.original) === null || _a === void 0 ? void 0 : _a.role;
+    if (!roleKey)
+        return null;
+    if (DJANGO_MANAGED_ROLES.includes(roleKey)) {
+        return (_jsx("div", { className: "d-flex flex-wrap bg-white px-4 py-4 border border-light", children: _jsx(RenderAdminRole, { role: roleKey }) }));
+    }
+    // Normalize role string to match keys in constants (e.g. "Course Admin" -> "course_admin")
+    roleKey = roleKey.trim().toLowerCase().replace(/[-\s]+/g, '_');
+    const isLibraryRole = roleKey.includes('library');
+    const config = isLibraryRole
+        ? {
+            resourceTypes: libraryResourceTypes,
+            permissions: libraryPermissions,
+            roles: libraryRolesWithPermissions,
+        }
+        : {
+            resourceTypes: courseResourceTypes,
+            permissions: coursePermissions,
+            roles: courseRolesWithPermissions,
+        };
+    const roleObj = config.roles.find(r => r.role === roleKey);
+    if (!roleObj)
+        return null;
+    const rolePerms = new Set(roleObj.permissions.map(String));
+    // Build resource list with permissions (only once). Permissions without an
+    // explicit label (most library ones) get a localized label derived from
+    // their action key, the same enrichment the permissions matrix uses.
+    const resources = config.resourceTypes
+        .map(resource => {
+        const perms = config.permissions
+            .filter(p => p.resource === resource.key && rolePerms.has(String(p.key)))
+            .map(p => getPermissionMetadata(p, intl));
+        return perms.length ? Object.assign(Object.assign({}, resource), { perms }) : null;
+    })
+        .filter((r) => r !== null);
+    const isSingleRow = resources.length <= 3;
+    const mid = Math.ceil(resources.length / 2);
+    const columns = isSingleRow
+        ? [resources]
+        : [resources.slice(0, mid), resources.slice(mid)];
+    return (_jsx("div", { className: "d-flex flex-wrap bg-white px-4 py-4 border border-light-200", children: isSingleRow
+            ? _jsx(RenderPermissionInLine, { items: resources })
+            : (_jsx("div", { className: "d-flex flex-wrap w-100", children: columns.map((col, index) => (_jsxs("div", { className: `position-relative w-100 col-md-12 col-xl-6 py-3 ${index === 0 ? 'pr-md-3' : 'pl-md-4'}`, children: [_jsx(RenderPermissionColumn, { items: col }), index === 0 && (_jsx("div", { className: "d-none d-xl-block position-absolute border-right h-100", style: { right: 0, top: 0 } }))] }, `column-${index === 0 ? 'left' : 'right'}`))) })) }));
+};
+export default UserPermissions;
+//# sourceMappingURL=UserPermissions.js.map

package/dist/authz-module/components/UserPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserPermissions.js","sourceRoot":"","sources":["../../../src/authz-module/components/UserPermissions.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { DJANGO_MANAGED_ROLES } from '@src/authz-module/constants';\nimport {\n  courseResourceTypes,\n  coursePermissions,\n  courseRolesWithPermissions,\n  libraryResourceTypes,\n  libraryPermissions,\n  libraryRolesWithPermissions,\n  getPermissionMetadata,\n} from '@src/authz-module/roles-permissions';\nimport RenderPermissionColumn from './RenderPermissionColumn';\nimport RenderPermissionInLine from './RenderPermissionInLine';\nimport RenderAdminRole from './RenderAdminRole';\n\ninterface UserPermissionsProps {\n  row: {\n    original: {\n      role: string;\n    };\n  };\n}\n\nconst UserPermissions = ({ row }: UserPermissionsProps) => {\n  const intl = useIntl();\n  let roleKey = row?.original?.role;\n  if (!roleKey) return null;\n\n  if (DJANGO_MANAGED_ROLES.includes(roleKey)) {\n    return (\n      <div className=\"d-flex flex-wrap bg-white px-4 py-4 border border-light\">\n        <RenderAdminRole role={roleKey} />\n      </div>\n    );\n  }\n\n  // Normalize role string to match keys in constants (e.g. \"Course Admin\" -> \"course_admin\")\n  roleKey = roleKey.trim().toLowerCase().replace(/[-\\s]+/g, '_');\n  const isLibraryRole = roleKey.includes('library');\n  const config = isLibraryRole\n    ? {\n        resourceTypes: libraryResourceTypes,\n        permissions: libraryPermissions,\n        roles: libraryRolesWithPermissions,\n      }\n    : {\n        resourceTypes: courseResourceTypes,\n        permissions: coursePermissions,\n        roles: courseRolesWithPermissions,\n      };\n\n  const roleObj = config.roles.find(r => r.role === roleKey);\n  if (!roleObj) return null;\n\n  const rolePerms = new Set(roleObj.permissions.map(String));\n  // Build resource list with permissions (only once). Permissions without an\n  // explicit label (most library ones) get a localized label derived from\n  // their action key, the same enrichment the permissions matrix uses.\n  const resources = config.resourceTypes\n    .map(resource => {\n      const perms = config.permissions\n        .filter(p => p.resource === resource.key && rolePerms.has(String(p.key)))\n        .map(p => getPermissionMetadata(p, intl));\n      return perms.length ? { ...resource, perms } : null;\n    })\n    .filter((r): r is NonNullable<typeof r> => r !== null);\n\n  const isSingleRow = resources.length <= 3;\n  const mid = Math.ceil(resources.length / 2);\n  const columns = isSingleRow\n    ? [resources]\n    : [resources.slice(0, mid), resources.slice(mid)];\n  return (\n    <div className=\"d-flex flex-wrap bg-white px-4 py-4 border border-light-200\">\n      {isSingleRow\n        ? <RenderPermissionInLine items={resources} />\n        : (\n            <div className=\"d-flex flex-wrap w-100\">\n              {columns.map((col, index) => (\n                <div\n                  key={`column-${index === 0 ? 'left' : 'right'}`}\n                  className={`position-relative w-100 col-md-12 col-xl-6 py-3 ${\n                    index === 0 ? 'pr-md-3' : 'pl-md-4'\n                  }`}\n                >\n                  <RenderPermissionColumn items={col} />\n                  {index === 0 && (\n                    <div className=\"d-none d-xl-block position-absolute border-right h-100\" style={{ right: 0, top: 0 }} />\n                  )}\n                </div>\n              ))}\n            </div>\n          )}\n    </div>\n  );\n};\n\nexport default UserPermissions;\n"]}

package/dist/authz-module/components/ViewMoreLink.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ViewMoreLinkProps {
+    label: string;
+    onClick: () => void;
+    iconSrc?: React.ComponentType | undefined;
+}
+declare const ViewMoreLink: ({ label, onClick, iconSrc }: ViewMoreLinkProps) => React.JSX.Element;
+export default ViewMoreLink;

package/dist/authz-module/components/ViewMoreLink.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Hyperlink, Icon } from '@openedx/paragon';
+const ViewMoreLink = ({ label, onClick, iconSrc }) => (_jsxs(Hyperlink, { destination: undefined, onClick: e => {
+        e.preventDefault();
+        onClick();
+    }, children: [label, iconSrc && (_jsx(Icon, { src: iconSrc }))] }));
+export default ViewMoreLink;
+//# sourceMappingURL=ViewMoreLink.js.map

package/dist/authz-module/components/ViewMoreLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewMoreLink.js","sourceRoot":"","sources":["../../../src/authz-module/components/ViewMoreLink.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAQnD,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAqB,EAAE,EAAE,CAAC,CACvE,MAAC,SAAS,IACR,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,CAAC,CAAC,EAAE;QACX,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,OAAO,EAAE,CAAC;IACZ,CAAC,aAEA,KAAK,EACL,OAAO,IAAI,CACV,KAAC,IAAI,IACH,GAAG,EAAE,OAAO,GACZ,CACH,IACS,CACb,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\nimport { Hyperlink, Icon } from '@openedx/paragon';\n\ninterface ViewMoreLinkProps {\n  label: string;\n  onClick: () => void;\n  iconSrc?: React.ComponentType | undefined;\n}\n\nconst ViewMoreLink = ({ label, onClick, iconSrc }: ViewMoreLinkProps) => (\n  <Hyperlink\n    destination={undefined}\n    onClick={e => {\n      e.preventDefault();\n      onClick();\n    }}\n  >\n    {label}\n    {iconSrc && (\n      <Icon\n        src={iconSrc}\n      />\n    )}\n  </Hyperlink>\n);\n\nexport default ViewMoreLink;\n"]}

package/dist/authz-module/components/constants.d.ts

@@ -0,0 +1,13 @@
+import type { IntlShape } from '@openedx/frontend-base';
+export declare const getRolesFiltersOptions: (intl: IntlShape) => {
+    groupName: string;
+    groupIcon: any;
+    displayName: string;
+    value: string;
+    contextType: string;
+}[];
+export declare const RESOURCE_ICONS: {
+    COURSE: any;
+    LIBRARY: any;
+    GLOBAL: any;
+};

package/dist/authz-module/components/constants.js

@@ -0,0 +1,80 @@
+import { Language, LibraryBooks, School } from '@openedx/paragon/icons';
+import messages from './messages';
+export const getRolesFiltersOptions = (intl) => [
+    {
+        groupName: intl.formatMessage(messages['authz.team.members.table.group.global']),
+        groupIcon: Language,
+        displayName: 'Super Admin',
+        value: 'super_admin',
+        contextType: 'global',
+    },
+    {
+        groupName: intl.formatMessage(messages['authz.team.members.table.group.global']),
+        groupIcon: Language,
+        displayName: 'Global Staff',
+        value: 'global_staff',
+        contextType: 'global',
+    },
+    {
+        groupName: intl.formatMessage(messages['authz.team.members.table.group.courses']),
+        groupIcon: School,
+        displayName: 'Course Admin',
+        value: 'course_admin',
+        contextType: 'course',
+    },
+    {
+        groupName: intl.formatMessage(messages['authz.team.members.table.group.courses']),
+        groupIcon: School,
+        displayName: 'Course Staff',
+        value: 'course_staff',
+        contextType: 'course',
+    },
+    {
+        groupName: intl.formatMessage(messages['authz.team.members.table.group.courses']),
+        groupIcon: School,
+        displayName: 'Course Editor',
+        value: 'course_editor',
+        contextType: 'course',
+    },
+    {
+        groupName: intl.formatMessage(messages['authz.team.members.table.group.courses']),
+        groupIcon: School,
+        displayName: 'Course Auditor',
+        value: 'course_auditor',
+        contextType: 'course',
+    },
+    {
+        groupName: intl.formatMessage(messages['authz.team.members.table.group.libraries']),
+        groupIcon: LibraryBooks,
+        displayName: 'Library Admin',
+        value: 'library_admin',
+        contextType: 'library',
+    },
+    {
+        groupName: intl.formatMessage(messages['authz.team.members.table.group.libraries']),
+        groupIcon: LibraryBooks,
+        displayName: 'Library Author',
+        value: 'library_author',
+        contextType: 'library',
+    },
+    {
+        groupName: intl.formatMessage(messages['authz.team.members.table.group.libraries']),
+        groupIcon: LibraryBooks,
+        displayName: 'Library Contributor',
+        value: 'library_contributor',
+        contextType: 'library',
+    },
+    {
+        groupName: intl.formatMessage(messages['authz.team.members.table.group.libraries']),
+        groupIcon: LibraryBooks,
+        displayName: 'Library User',
+        value: 'library_user',
+        contextType: 'library',
+    },
+];
+export const RESOURCE_ICONS = {
+    COURSE: School,
+    LIBRARY: LibraryBooks,
+    GLOBAL: Language,
+};
+//# sourceMappingURL=constants.js.map

package/dist/authz-module/components/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/authz-module/components/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,IAAe,EAAE,EAAE,CAAC;IACzD;QACE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,uCAAuC,CAAC,CAAC;QAChF,SAAS,EAAE,QAAQ;QACnB,WAAW,EAAE,aAAa;QAC1B,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,QAAQ;KACtB;IACD;QACE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,uCAAuC,CAAC,CAAC;QAChF,SAAS,EAAE,QAAQ;QACnB,WAAW,EAAE,cAAc;QAC3B,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,QAAQ;KACtB;IAED;QACE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,wCAAwC,CAAC,CAAC;QACjF,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,cAAc;QAC3B,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,QAAQ;KACtB;IACD;QACE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,wCAAwC,CAAC,CAAC;QACjF,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,cAAc;QAC3B,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,QAAQ;KACtB;IACD;QACE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,wCAAwC,CAAC,CAAC;QACjF,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,eAAe;QAC5B,KAAK,EAAE,eAAe;QACtB,WAAW,EAAE,QAAQ;KACtB;IACD;QACE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,wCAAwC,CAAC,CAAC;QACjF,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,gBAAgB;QAC7B,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,QAAQ;KACtB;IAED;QACE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,0CAA0C,CAAC,CAAC;QACnF,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,eAAe;QAC5B,KAAK,EAAE,eAAe;QACtB,WAAW,EAAE,SAAS;KACvB;IACD;QACE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,0CAA0C,CAAC,CAAC;QACnF,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,gBAAgB;QAC7B,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,SAAS;KACvB;IACD;QACE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,0CAA0C,CAAC,CAAC;QACnF,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,qBAAqB;QAClC,KAAK,EAAE,qBAAqB;QAC5B,WAAW,EAAE,SAAS;KACvB;IACD;QACE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,0CAA0C,CAAC,CAAC;QACnF,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,cAAc;QAC3B,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,SAAS;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,YAAY;IACrB,MAAM,EAAE,QAAQ;CACjB,CAAC","sourcesContent":["import type { IntlShape } from '@openedx/frontend-base';\nimport { Language, LibraryBooks, School } from '@openedx/paragon/icons';\nimport messages from './messages';\n\nexport const getRolesFiltersOptions = (intl: IntlShape) => [\n  {\n    groupName: intl.formatMessage(messages['authz.team.members.table.group.global']),\n    groupIcon: Language,\n    displayName: 'Super Admin',\n    value: 'super_admin',\n    contextType: 'global',\n  },\n  {\n    groupName: intl.formatMessage(messages['authz.team.members.table.group.global']),\n    groupIcon: Language,\n    displayName: 'Global Staff',\n    value: 'global_staff',\n    contextType: 'global',\n  },\n\n  {\n    groupName: intl.formatMessage(messages['authz.team.members.table.group.courses']),\n    groupIcon: School,\n    displayName: 'Course Admin',\n    value: 'course_admin',\n    contextType: 'course',\n  },\n  {\n    groupName: intl.formatMessage(messages['authz.team.members.table.group.courses']),\n    groupIcon: School,\n    displayName: 'Course Staff',\n    value: 'course_staff',\n    contextType: 'course',\n  },\n  {\n    groupName: intl.formatMessage(messages['authz.team.members.table.group.courses']),\n    groupIcon: School,\n    displayName: 'Course Editor',\n    value: 'course_editor',\n    contextType: 'course',\n  },\n  {\n    groupName: intl.formatMessage(messages['authz.team.members.table.group.courses']),\n    groupIcon: School,\n    displayName: 'Course Auditor',\n    value: 'course_auditor',\n    contextType: 'course',\n  },\n\n  {\n    groupName: intl.formatMessage(messages['authz.team.members.table.group.libraries']),\n    groupIcon: LibraryBooks,\n    displayName: 'Library Admin',\n    value: 'library_admin',\n    contextType: 'library',\n  },\n  {\n    groupName: intl.formatMessage(messages['authz.team.members.table.group.libraries']),\n    groupIcon: LibraryBooks,\n    displayName: 'Library Author',\n    value: 'library_author',\n    contextType: 'library',\n  },\n  {\n    groupName: intl.formatMessage(messages['authz.team.members.table.group.libraries']),\n    groupIcon: LibraryBooks,\n    displayName: 'Library Contributor',\n    value: 'library_contributor',\n    contextType: 'library',\n  },\n  {\n    groupName: intl.formatMessage(messages['authz.team.members.table.group.libraries']),\n    groupIcon: LibraryBooks,\n    displayName: 'Library User',\n    value: 'library_user',\n    contextType: 'library',\n  },\n];\n\nexport const RESOURCE_ICONS = {\n  COURSE: School,\n  LIBRARY: LibraryBooks,\n  GLOBAL: Language,\n};\n"]}