@openedx/frontend-app-instructor-dashboard 1.0.0-alpha.6 → 1.0.0-alpha.8

package/dist/app.scss

@@ -8,3 +8,7 @@
 .text-prewrap {
     white-space: pre-wrap;
 }
+
+.username .form-control::placeholder {
+    font-size: var(--pgn-typography-form-input-font-size-sm);
+}

package/dist/components/UsernameFilter.d.ts

@@ -0,0 +1,7 @@
+declare const UsernameFilter: ({ column: { filterValue, setFilter } }: {
+    column: {
+        filterValue: string;
+        setFilter: (value: string) => void;
+    };
+}) => import("react/jsx-runtime").JSX.Element;
+export default UsernameFilter;

package/dist/components/UsernameFilter.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import { FormControl, Icon } from '@openedx/paragon';
+import { Search } from '@openedx/paragon/icons';
+import { useDebouncedFilter } from '../hooks/useDebouncedFilter';
+import messages from '../components/messages';
+const UsernameFilter = ({ column: { filterValue, setFilter } }) => {
+    const intl = useIntl();
+    const { inputValue, handleChange } = useDebouncedFilter({
+        filterValue,
+        setFilter,
+    });
+    const handleInputChange = (e) => {
+        handleChange(e.target.value);
+    };
+    return (_jsx(FormControl, { className: "mb-0 username", onChange: handleInputChange, placeholder: intl.formatMessage(messages.searchPlaceholder), trailingElement: _jsx(Icon, { src: Search }), value: inputValue }));
+};
+export default UsernameFilter;
+//# sourceMappingURL=UsernameFilter.js.map

package/dist/components/UsernameFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsernameFilter.js","sourceRoot":"","sources":["../../src/components/UsernameFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAEhD,MAAM,cAAc,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAA2E,EAAE,EAAE;IACzI,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,kBAAkB,CAAC;QACtD,WAAW;QACX,SAAS;KACV,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACnE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,IACV,SAAS,EAAC,eAAe,EACzB,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAC3D,eAAe,EAAE,KAAC,IAAI,IAAC,GAAG,EAAE,MAAM,GAAI,EACtC,KAAK,EAAE,UAAU,GACjB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { FormControl, Icon } from '@openedx/paragon';\nimport { Search } from '@openedx/paragon/icons';\nimport { useDebouncedFilter } from '@src/hooks/useDebouncedFilter';\nimport messages from '@src/components/messages';\n\nconst UsernameFilter = ({ column: { filterValue, setFilter } }: { column: { filterValue: string, setFilter: (value: string) => void } }) => {\n  const intl = useIntl();\n  const { inputValue, handleChange } = useDebouncedFilter({\n    filterValue,\n    setFilter,\n  });\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    handleChange(e.target.value);\n  };\n\n  return (\n    <FormControl\n      className=\"mb-0 username\"\n      onChange={handleInputChange}\n      placeholder={intl.formatMessage(messages.searchPlaceholder)}\n      trailingElement={<Icon src={Search} />}\n      value={inputValue}\n    />\n  );\n};\n\nexport default UsernameFilter;\n"]}

package/dist/components/messages.d.ts

@@ -114,5 +114,10 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    searchPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default messages;

package/dist/components/messages.js

@@ -115,6 +115,11 @@ const messages = defineMessages({
         defaultMessage: 'Could not find student matching identifier: {identifier}',
         description: 'Error message displayed when a learner cannot be found based on the provided identifier (email or username)',
     },
+    searchPlaceholder: {
+        id: 'instruct.usernameFilter.searchPlaceholder',
+        defaultMessage: 'Search By Username or Email',
+        description: 'Placeholder text for the username filter input',
+    }
 });
 export default messages;
 //# sourceMappingURL=messages.js.map

package/dist/components/messages.js.map

@@ -1 +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,MAAM,EAAE;QACN,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,oDAAoD;KAClE;IACD,cAAc,EAAE;QACd,EAAE,EAAE,+BAA+B;QACnC,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,iCAAiC;KAC/C;IACD,yBAAyB,EAAE;QACzB,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,mCAAmC;QACnD,WAAW,EAAE,kDAAkD;KAChE;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,8BAA8B;QAClC,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,iCAAiC;KAC/C;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,4BAA4B;QAChC,cAAc,EAAE,gHAAgH;QAChI,WAAW,EAAE,oCAAoC;KAClD;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,qCAAqC;KACnD;IACD,cAAc,EAAE;QACd,EAAE,EAAE,uCAAuC;QAC3C,cAAc,EAAE,6BAA6B;QAC7C,WAAW,EAAE,mDAAmD;KACjE;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,kDAAkD;KAChE;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,mDAAmD;KACjE;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,gDAAgD;KAC9D;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,kDAAkD;KAChE;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,mDAAmD;KACjE;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,qDAAqD;KACnE;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,oDAAoD;KAClE;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,iDAAiD;KAC/D;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,+CAA+C;KAC7D;IACD,qBAAqB,EAAE;QACrB,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,qDAAqD;KACnE;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,wCAAwC;QAC5C,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,uCAAuC;KACrD;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,oDAAoD;QACpE,WAAW,EAAE,6CAA6C;KAC3D;IACD,eAAe,EAAE;QACf,EAAE,EAAE,uCAAuC;QAC3C,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,sCAAsC;KACpD;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,yBAAyB;QACzC,WAAW,EAAE,8EAA8E;KAC5F;IACD,MAAM,EAAE;QACN,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,kDAAkD;KAChE;IACD,eAAe,EAAE;QACf,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,0DAA0D;QAC1E,WAAW,EAAE,6GAA6G;KAC3H;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  select: {\n    id: 'instruct.specifyLearner.select',\n    defaultMessage: 'Select',\n    description: 'Label for select dropdown in specify learner field',\n  },\n  specifyLearner: {\n    id: 'instruct.specifyLearner.label',\n    defaultMessage: 'Specify Learner:',\n    description: 'Label for specify learner field',\n  },\n  specifyLearnerPlaceholder: {\n    id: 'instruct.specifyLearner.placeholder',\n    defaultMessage: 'Learner email address or username',\n    description: 'Placeholder text for specify learner input field',\n  },\n  pageNotFoundHeader: {\n    id: 'instruct.pageNotFound.header',\n    defaultMessage: 'Page not found',\n    description: 'Header for page not found error',\n  },\n  pageNotFoundBody: {\n    id: 'instruct.pageNotFound.body',\n    defaultMessage: \"The page you're looking for is unavailable or there's an error in the URL. Please check the URL and try again.\",\n    description: 'Body text for page not found error',\n  },\n  pendingTasksTitle: {\n    id: 'instruct.pendingTasks.section.title',\n    defaultMessage: 'Pending Tasks',\n    description: 'Title for the pending tasks section',\n  },\n  noTasksMessage: {\n    id: 'instruct.pendingTasks.section.noTasks',\n    defaultMessage: 'No tasks currently running.',\n    description: 'Message displayed when there are no pending tasks',\n  },\n  taskTypeColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskType',\n    defaultMessage: 'Task Type',\n    description: 'Column name for task type in pending tasks table',\n  },\n  taskInputColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskInput',\n    defaultMessage: 'Task Input',\n    description: 'Column name for task input in pending tasks table',\n  },\n  taskIdColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskId',\n    defaultMessage: 'Task ID',\n    description: 'Column name for task ID in pending tasks table',\n  },\n  requesterColumnName: {\n    id: 'instruct.pendingTasks.table.column.requester',\n    defaultMessage: 'Requester',\n    description: 'Column name for requester in pending tasks table',\n  },\n  taskStateColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskState',\n    defaultMessage: 'Task State',\n    description: 'Column name for task state in pending tasks table',\n  },\n  createdColumnName: {\n    id: 'instruct.pendingTasks.table.column.created',\n    defaultMessage: 'Created',\n    description: 'Column name for created date in pending tasks table',\n  },\n  taskOutputColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskOutput',\n    defaultMessage: 'Task Output',\n    description: 'Column name for task output in pending tasks table',\n  },\n  durationColumnName: {\n    id: 'instruct.pendingTasks.table.column.duration',\n    defaultMessage: 'Duration (sec)',\n    description: 'Column name for duration in pending tasks table',\n  },\n  statusColumnName: {\n    id: 'instruct.pendingTasks.table.column.status',\n    defaultMessage: 'Status',\n    description: 'Column name for status in pending tasks table',\n  },\n  taskMessageColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskMessage',\n    defaultMessage: 'Task Message',\n    description: 'Column name for task message in pending tasks table',\n  },\n  downloadCSVTitle: {\n    id: 'instruct.csvComponent.downloadCSVTitle',\n    defaultMessage: 'Upload CSV File',\n    description: 'Title for the upload CSV file section'\n  },\n  downloadCSVDescription: {\n    id: 'instruct.csvComponent.downloadCSVDescription',\n    defaultMessage: 'Only properly formatted CSV files will be accepted',\n    description: 'Description for the upload CSV file section'\n  },\n  viewCSVTemplate: {\n    id: 'instruct.csvComponent.viewCSVTemplate',\n    defaultMessage: 'View Template',\n    description: 'Label for the view CSV template link'\n  },\n  uploadingFileMessage: {\n    id: 'instruct.csvComponent.uploadingFileMessage',\n    defaultMessage: 'File chosen: {fileName}',\n    description: 'Message displayed when a file is being uploaded, with the file name included'\n  },\n  change: {\n    id: 'instruct.specifyLearner.change',\n    defaultMessage: 'Change',\n    description: 'Label for change button in specify learner field',\n  },\n  learnerNotFound: {\n    id: 'instruct.specifyLearner.learnerNotFound',\n    defaultMessage: 'Could not find student matching identifier: {identifier}',\n    description: 'Error message displayed when a learner cannot be found based on the provided identifier (email or username)',\n  },\n});\n\nexport default messages;\n"]}
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/components/messages.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  select: {\n    id: 'instruct.specifyLearner.select',\n    defaultMessage: 'Select',\n    description: 'Label for select dropdown in specify learner field',\n  },\n  specifyLearner: {\n    id: 'instruct.specifyLearner.label',\n    defaultMessage: 'Specify Learner:',\n    description: 'Label for specify learner field',\n  },\n  specifyLearnerPlaceholder: {\n    id: 'instruct.specifyLearner.placeholder',\n    defaultMessage: 'Learner email address or username',\n    description: 'Placeholder text for specify learner input field',\n  },\n  pageNotFoundHeader: {\n    id: 'instruct.pageNotFound.header',\n    defaultMessage: 'Page not found',\n    description: 'Header for page not found error',\n  },\n  pageNotFoundBody: {\n    id: 'instruct.pageNotFound.body',\n    defaultMessage: \"The page you're looking for is unavailable or there's an error in the URL. Please check the URL and try again.\",\n    description: 'Body text for page not found error',\n  },\n  pendingTasksTitle: {\n    id: 'instruct.pendingTasks.section.title',\n    defaultMessage: 'Pending Tasks',\n    description: 'Title for the pending tasks section',\n  },\n  noTasksMessage: {\n    id: 'instruct.pendingTasks.section.noTasks',\n    defaultMessage: 'No tasks currently running.',\n    description: 'Message displayed when there are no pending tasks',\n  },\n  taskTypeColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskType',\n    defaultMessage: 'Task Type',\n    description: 'Column name for task type in pending tasks table',\n  },\n  taskInputColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskInput',\n    defaultMessage: 'Task Input',\n    description: 'Column name for task input in pending tasks table',\n  },\n  taskIdColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskId',\n    defaultMessage: 'Task ID',\n    description: 'Column name for task ID in pending tasks table',\n  },\n  requesterColumnName: {\n    id: 'instruct.pendingTasks.table.column.requester',\n    defaultMessage: 'Requester',\n    description: 'Column name for requester in pending tasks table',\n  },\n  taskStateColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskState',\n    defaultMessage: 'Task State',\n    description: 'Column name for task state in pending tasks table',\n  },\n  createdColumnName: {\n    id: 'instruct.pendingTasks.table.column.created',\n    defaultMessage: 'Created',\n    description: 'Column name for created date in pending tasks table',\n  },\n  taskOutputColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskOutput',\n    defaultMessage: 'Task Output',\n    description: 'Column name for task output in pending tasks table',\n  },\n  durationColumnName: {\n    id: 'instruct.pendingTasks.table.column.duration',\n    defaultMessage: 'Duration (sec)',\n    description: 'Column name for duration in pending tasks table',\n  },\n  statusColumnName: {\n    id: 'instruct.pendingTasks.table.column.status',\n    defaultMessage: 'Status',\n    description: 'Column name for status in pending tasks table',\n  },\n  taskMessageColumnName: {\n    id: 'instruct.pendingTasks.table.column.taskMessage',\n    defaultMessage: 'Task Message',\n    description: 'Column name for task message in pending tasks table',\n  },\n  downloadCSVTitle: {\n    id: 'instruct.csvComponent.downloadCSVTitle',\n    defaultMessage: 'Upload CSV File',\n    description: 'Title for the upload CSV file section'\n  },\n  downloadCSVDescription: {\n    id: 'instruct.csvComponent.downloadCSVDescription',\n    defaultMessage: 'Only properly formatted CSV files will be accepted',\n    description: 'Description for the upload CSV file section'\n  },\n  viewCSVTemplate: {\n    id: 'instruct.csvComponent.viewCSVTemplate',\n    defaultMessage: 'View Template',\n    description: 'Label for the view CSV template link'\n  },\n  uploadingFileMessage: {\n    id: 'instruct.csvComponent.uploadingFileMessage',\n    defaultMessage: 'File chosen: {fileName}',\n    description: 'Message displayed when a file is being uploaded, with the file name included'\n  },\n  change: {\n    id: 'instruct.specifyLearner.change',\n    defaultMessage: 'Change',\n    description: 'Label for change button in specify learner field',\n  },\n  learnerNotFound: {\n    id: 'instruct.specifyLearner.learnerNotFound',\n    defaultMessage: 'Could not find student matching identifier: {identifier}',\n    description: 'Error message displayed when a learner cannot be found based on the provided identifier (email or username)',\n  },\n  searchPlaceholder: {\n    id: 'instruct.usernameFilter.searchPlaceholder',\n    defaultMessage: 'Search By Username or Email',\n    description: 'Placeholder text for the username filter input',\n  }\n});\n\nexport default messages;\n"]}

package/dist/courseTeam/components/MembersContent.js

@@ -1,38 +1,60 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useMemo } from 'react';
+import { useState, useMemo } from 'react';
 import { useParams } from 'react-router-dom';
 import { useIntl } from '@openedx/frontend-base';
-import { Button, DataTable } from '@openedx/paragon';
-import { useTeamMembers } from '../../courseTeam/data/apiHook';
+import { Button, DataTable, FormControl, Icon } from '@openedx/paragon';
+import { FilterList } from '@openedx/paragon/icons';
+import UsernameFilter from '../../components/UsernameFilter';
+import { useRoles, useTeamMembers } from '../../courseTeam/data/apiHook';
 import messages from '../../courseTeam/messages';
 const TEAM_MEMBERS_PAGE_SIZE = 25;
+const RoleFilter = ({ column: { filterValue, setFilter } }) => {
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const { data } = useRoles(courseId);
+    const handleSelectChange = (e) => {
+        setFilter(e.target.value);
+    };
+    const roles = useMemo(() => {
+        return [{ value: '', label: intl.formatMessage(messages.allRoles) }, ...((data === null || data === void 0 ? void 0 : data.results) || []).map((role) => ({ value: role.role, label: role.displayName }))];
+    }, [data, intl]);
+    return (_jsx(FormControl, { as: "select", className: "mb-0", disabled: !data, name: "role", size: "md", value: filterValue, onChange: handleSelectChange, leadingElement: _jsx(Icon, { src: FilterList }), children: roles.map(role => (_jsx("option", { value: role.value, children: role.label }, role.value))) }));
+};
 const MembersContent = () => {
     const intl = useIntl();
     const { courseId = '' } = useParams();
     const [filters, setFilters] = useState({ page: 0, emailOrUsername: '', role: '' });
     const { data: { results: teamMembers = [], numPages = 1, count = 0 } = {}, isLoading = false } = useTeamMembers(courseId, Object.assign(Object.assign({}, filters), { pageSize: TEAM_MEMBERS_PAGE_SIZE }));
     const tableColumns = useMemo(() => [
-        { accessor: 'username', Header: intl.formatMessage(messages.username) },
-        { accessor: 'email', Header: intl.formatMessage(messages.email) },
-        { accessor: 'role', Header: intl.formatMessage(messages.role) },
+        { accessor: 'username', Header: intl.formatMessage(messages.username), Filter: UsernameFilter },
+        { accessor: 'email', Header: intl.formatMessage(messages.email), disableFilters: true },
+        { accessor: 'role', Header: intl.formatMessage(messages.role), Filter: RoleFilter },
     ], [intl]);
     const additionalColumns = useMemo(() => [{
             id: 'actions',
             Header: intl.formatMessage(messages.actions),
             Cell: () => (_jsx(Button, { variant: "link", size: "inline", children: intl.formatMessage(messages.edit) }))
         }], [intl]);
-    const handleFetchData = useCallback(({ pageIndex, filters: tableFilters }) => {
-        // Filters will be handled in a future iteration, for now we will just update pagination
-        console.log(pageIndex, tableFilters);
-        if (pageIndex !== filters.page) {
-            setFilters(prevFilters => (Object.assign(Object.assign({}, prevFilters), { page: pageIndex })));
+    const handleFetchData = (data) => {
+        var _a, _b;
+        const usernameFilter = (_a = data.filters) === null || _a === void 0 ? void 0 : _a.find((f) => f.id === 'username');
+        const newEmailOrUsername = usernameFilter ? usernameFilter.value : '';
+        const rolesFilter = (_b = data.filters) === null || _b === void 0 ? void 0 : _b.find((f) => f.id === 'role');
+        const newRole = rolesFilter ? rolesFilter.value : '';
+        const filtersChanged = (newEmailOrUsername !== filters.emailOrUsername) || (newRole !== filters.role);
+        if (filtersChanged) {
+            setFilters((prevFilters) => (Object.assign(Object.assign({}, prevFilters), { emailOrUsername: newEmailOrUsername, role: newRole, page: 0 })));
+            return;
+        }
+        if (data.pageIndex !== filters.page) {
+            setFilters((prevFilters) => (Object.assign(Object.assign({}, prevFilters), { page: data.pageIndex })));
         }
-    }, [filters.page]);
+    };
     const tableState = useMemo(() => ({
         pageIndex: filters.page,
         pageSize: TEAM_MEMBERS_PAGE_SIZE,
     }), [filters.page]);
-    return (_jsxs(DataTable, { additionalColumns: additionalColumns, columns: tableColumns, data: teamMembers, fetchData: handleFetchData, state: tableState, isLoading: isLoading, isPaginated: true, itemCount: count, manualFilters: true, manualPagination: true, pageSize: TEAM_MEMBERS_PAGE_SIZE, pageCount: numPages, RowStatusComponent: () => null, children: [_jsx(DataTable.TableControlBar, {}), _jsx(DataTable.Table, {}), _jsx(DataTable.EmptyTable, { content: intl.formatMessage(messages.noTeamMembers) }), _jsx(DataTable.TableFooter, {})] }));
+    return (_jsxs(DataTable, { additionalColumns: additionalColumns, columns: tableColumns, data: teamMembers, fetchData: handleFetchData, state: tableState, isFilterable: true, isLoading: isLoading, isPaginated: true, itemCount: count, manualFilters: true, manualPagination: true, numBreakoutFilters: 2, pageSize: TEAM_MEMBERS_PAGE_SIZE, pageCount: numPages, RowStatusComponent: () => null, children: [_jsx(DataTable.TableControlBar, {}), _jsx(DataTable.Table, {}), _jsx(DataTable.EmptyTable, { content: intl.formatMessage(messages.noTeamMembers) }), _jsx(DataTable.TableFooter, {})] }));
 };
 export default MembersContent;
 //# sourceMappingURL=MembersContent.js.map

package/dist/courseTeam/components/MembersContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MembersContent.js","sourceRoot":"","sources":["../../../src/courseTeam/components/MembersContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useCallback, useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, DataTable } from '@openedx/paragon';\nimport { useTeamMembers } from '@src/courseTeam/data/apiHook';\nimport messages from '@src/courseTeam/messages';\n\nconst TEAM_MEMBERS_PAGE_SIZE = 25;\n\nconst MembersContent = () => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const [filters, setFilters] = useState({ page: 0, emailOrUsername: '', role: '' });\n  const { data: { results: teamMembers = [], numPages = 1, count = 0 } = {}, isLoading = false } = useTeamMembers(courseId, { ...filters, pageSize: TEAM_MEMBERS_PAGE_SIZE });\n\n  const tableColumns = useMemo(() => [\n    { accessor: 'username', Header: intl.formatMessage(messages.username) },\n    { accessor: 'email', Header: intl.formatMessage(messages.email) },\n    { accessor: 'role', Header: intl.formatMessage(messages.role) },\n  ], [intl]);\n\n  const additionalColumns = useMemo(() => [{\n    id: 'actions',\n    Header: intl.formatMessage(messages.actions),\n    Cell: () => (\n      <Button variant=\"link\" size=\"inline\">\n        {intl.formatMessage(messages.edit)}\n      </Button>\n    )\n  }], [intl]);\n\n  const handleFetchData = useCallback(({ pageIndex, filters: tableFilters }: { pageIndex: number, filters: { id: string, value: string }[] }) => {\n    // Filters will be handled in a future iteration, for now we will just update pagination\n    console.log(pageIndex, tableFilters);\n    if (pageIndex !== filters.page) {\n      setFilters(prevFilters => ({\n        ...prevFilters,\n        page: pageIndex,\n      }));\n    }\n  }, [filters.page]);\n\n  const tableState = useMemo(() => ({\n    pageIndex: filters.page,\n    pageSize: TEAM_MEMBERS_PAGE_SIZE,\n  }), [filters.page]);\n\n  return (\n    <DataTable\n      additionalColumns={additionalColumns}\n      columns={tableColumns}\n      data={teamMembers}\n      fetchData={handleFetchData}\n      state={tableState}\n      isLoading={isLoading}\n      isPaginated\n      itemCount={count}\n      manualFilters\n      manualPagination\n      pageSize={TEAM_MEMBERS_PAGE_SIZE}\n      pageCount={numPages}\n      RowStatusComponent={() => null}\n    >\n      <DataTable.TableControlBar />\n      <DataTable.Table />\n      <DataTable.EmptyTable content={intl.formatMessage(messages.noTeamMembers)} />\n      <DataTable.TableFooter />\n    </DataTable>\n  );\n};\n\nexport default MembersContent;\n"]}
+{"version":3,"file":"MembersContent.js","sourceRoot":"","sources":["../../../src/courseTeam/components/MembersContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, DataTable, FormControl, Icon } from '@openedx/paragon';\nimport { FilterList } from '@openedx/paragon/icons';\nimport UsernameFilter from '@src/components/UsernameFilter';\nimport { useRoles, useTeamMembers } from '@src/courseTeam/data/apiHook';\nimport messages from '@src/courseTeam/messages';\nimport { Role } from '@src/courseTeam/types';\nimport { DataTableFetchDataProps } from '@src/types';\n\nconst TEAM_MEMBERS_PAGE_SIZE = 25;\n\nconst RoleFilter = ({ column: { filterValue, setFilter } }: { column: { filterValue: string, setFilter: (value: string) => void } }) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const { data } = useRoles(courseId);\n\n  const handleSelectChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    setFilter(e.target.value);\n  };\n\n  const roles = useMemo(() => {\n    return [{ value: '', label: intl.formatMessage(messages.allRoles) }, ...(data?.results || []).map((role: Role) => ({ value: role.role, label: role.displayName }))];\n  }, [data, intl]);\n\n  return (\n    <FormControl\n      as=\"select\"\n      className=\"mb-0\"\n      disabled={!data}\n      name=\"role\"\n      size=\"md\"\n      value={filterValue}\n      onChange={handleSelectChange}\n      leadingElement={<Icon src={FilterList} />}\n    >\n      {roles.map(role => (\n        <option key={role.value} value={role.value}>\n          {role.label}\n        </option>\n      ))}\n    </FormControl>\n  );\n};\n\nconst MembersContent = () => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const [filters, setFilters] = useState({ page: 0, emailOrUsername: '', role: '' });\n  const { data: { results: teamMembers = [], numPages = 1, count = 0 } = {}, isLoading = false } = useTeamMembers(courseId, { ...filters, pageSize: TEAM_MEMBERS_PAGE_SIZE });\n\n  const tableColumns = useMemo(() => [\n    { accessor: 'username', Header: intl.formatMessage(messages.username), Filter: UsernameFilter },\n    { accessor: 'email', Header: intl.formatMessage(messages.email), disableFilters: true },\n    { accessor: 'role', Header: intl.formatMessage(messages.role), Filter: RoleFilter },\n  ], [intl]);\n\n  const additionalColumns = useMemo(() => [{\n    id: 'actions',\n    Header: intl.formatMessage(messages.actions),\n    Cell: () => (\n      <Button variant=\"link\" size=\"inline\">\n        {intl.formatMessage(messages.edit)}\n      </Button>\n    )\n  }], [intl]);\n\n  const handleFetchData = (data: DataTableFetchDataProps) => {\n    const usernameFilter = data.filters?.find((f) => f.id === 'username');\n    const newEmailOrUsername = usernameFilter ? usernameFilter.value : '';\n    const rolesFilter = data.filters?.find((f) => f.id === 'role');\n    const newRole = rolesFilter ? rolesFilter.value : '';\n    const filtersChanged = (newEmailOrUsername !== filters.emailOrUsername) || (newRole !== filters.role);\n\n    if (filtersChanged) {\n      setFilters((prevFilters) => ({\n        ...prevFilters,\n        emailOrUsername: newEmailOrUsername,\n        role: newRole,\n        page: 0,\n      }));\n      return;\n    }\n\n    if (data.pageIndex !== filters.page) {\n      setFilters((prevFilters) => ({ ...prevFilters, page: data.pageIndex }));\n    }\n  };\n\n  const tableState = useMemo(() => ({\n    pageIndex: filters.page,\n    pageSize: TEAM_MEMBERS_PAGE_SIZE,\n  }), [filters.page]);\n\n  return (\n    <DataTable\n      additionalColumns={additionalColumns}\n      columns={tableColumns}\n      data={teamMembers}\n      fetchData={handleFetchData}\n      state={tableState}\n      isFilterable\n      isLoading={isLoading}\n      isPaginated\n      itemCount={count}\n      manualFilters\n      manualPagination\n      numBreakoutFilters={2}\n      pageSize={TEAM_MEMBERS_PAGE_SIZE}\n      pageCount={numPages}\n      RowStatusComponent={() => null}\n    >\n      <DataTable.TableControlBar />\n      <DataTable.Table />\n      <DataTable.EmptyTable content={intl.formatMessage(messages.noTeamMembers)} />\n      <DataTable.TableFooter />\n    </DataTable>\n  );\n};\n\nexport default MembersContent;\n"]}

package/dist/courseTeam/components/RolesContent.d.ts

@@ -1,2 +1,3 @@
+export declare const rolesOrder: readonly ["staff", "limitedStaff", "admin", "beta", "courseDataResearchers", "discussionAdmin", "discussionModerator", "groupCommunityTA", "communityTA"];
 declare const RolesContent: () => import("react/jsx-runtime").JSX.Element;
 export default RolesContent;

package/dist/courseTeam/components/RolesContent.js

@@ -1,6 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import messages from '../../courseTeam/messages';
+import { useRoles } from '../../courseTeam/data/apiHook';
+export const rolesOrder = [
+    'staff',
+    'limitedStaff',
+    'admin',
+    'beta',
+    'courseDataResearchers',
+    'discussionAdmin',
+    'discussionModerator',
+    'groupCommunityTA',
+    'communityTA'
+];
 const RolesContent = () => {
-    return (_jsx("div", { className: "mt-4", children: "Roles content goes here." }));
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const { data: { results } = { results: [] } } = useRoles(courseId);
+    const isCCXCoachEnabled = !!(results === null || results === void 0 ? void 0 : results.find(({ role }) => role === 'ccx_coach'));
+    return (_jsxs("div", { className: "mt-4", children: [rolesOrder.map((role) => (_jsxs("div", { className: "mb-4", children: [_jsx("h4", { className: "text-primary-500", children: intl.formatMessage(messages[role]) }), _jsx("p", { className: "text-gray-700", children: intl.formatMessage(messages[`${role}Description`]) })] }, role))), isCCXCoachEnabled && (_jsxs("div", { className: "mb-4", children: [_jsx("h4", { className: "text-primary-500", children: intl.formatMessage(messages.ccxCoach) }), _jsx("p", { className: "text-gray-700", children: intl.formatMessage(messages.ccxCoachDescription) })] }))] }));
 };
 export default RolesContent;
 //# sourceMappingURL=RolesContent.js.map

package/dist/courseTeam/components/RolesContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RolesContent.js","sourceRoot":"","sources":["../../../src/courseTeam/components/RolesContent.tsx"],"names":[],"mappings":";AAAA,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,yCAEf,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["const RolesContent = () => {\n  return (\n    <div className=\"mt-4\">\n      Roles content goes here.\n    </div>\n  );\n};\n\nexport default RolesContent;\n"]}
+{"version":3,"file":"RolesContent.js","sourceRoot":"","sources":["../../../src/courseTeam/components/RolesContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO;IACP,cAAc;IACd,OAAO;IACP,MAAM;IACN,uBAAuB;IACvB,iBAAiB;IACjB,qBAAqB;IACrB,kBAAkB;IAClB,aAAa;CACL,CAAC;AAEX,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,EAAwB,CAAC;IAC5D,MAAM,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACnE,MAAM,iBAAiB,GAAG,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC,EAAE,IAAI,EAAQ,EAAE,EAAE,CAAC,IAAI,KAAK,WAAW,CAAC,CAAA,CAAC;IAEpF,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aAEjB,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvB,eAAgB,SAAS,EAAC,MAAM,aAC9B,aAAI,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAM,EAC1E,YAAG,SAAS,EAAC,eAAe,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC,GAAK,KAF7E,IAAI,CAGR,CACP,CAAC,EAGF,iBAAiB,IAAI,CACnB,eAAK,SAAS,EAAC,MAAM,aACnB,aAAI,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAM,EAC7E,YAAG,SAAS,EAAC,eAAe,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,GAAK,IAC/E,CACP,IAEC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from '@src/courseTeam/messages';\nimport { useRoles } from '@src/courseTeam/data/apiHook';\nimport { Role } from '@src/courseTeam/types';\n\nexport const rolesOrder = [\n  'staff',\n  'limitedStaff',\n  'admin',\n  'beta',\n  'courseDataResearchers',\n  'discussionAdmin',\n  'discussionModerator',\n  'groupCommunityTA',\n  'communityTA'\n] as const;\n\nconst RolesContent = () => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const { data: { results } = { results: [] } } = useRoles(courseId);\n  const isCCXCoachEnabled = !!results?.find(({ role }: Role) => role === 'ccx_coach');\n\n  return (\n    <div className=\"mt-4\">\n      {\n        rolesOrder.map((role) => (\n          <div key={role} className=\"mb-4\">\n            <h4 className=\"text-primary-500\">{intl.formatMessage(messages[role])}</h4>\n            <p className=\"text-gray-700\">{intl.formatMessage(messages[`${role}Description`])}</p>\n          </div>\n        ))\n      }\n      {\n        isCCXCoachEnabled && (\n          <div className=\"mb-4\">\n            <h4 className=\"text-primary-500\">{intl.formatMessage(messages.ccxCoach)}</h4>\n            <p className=\"text-gray-700\">{intl.formatMessage(messages.ccxCoachDescription)}</p>\n          </div>\n        )\n      }\n    </div>\n  );\n};\n\nexport default RolesContent;\n"]}

package/dist/courseTeam/messages.d.ts

@@ -49,5 +49,110 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    allRoles: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    staff: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    staffDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    limitedStaff: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    limitedStaffDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    admin: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    adminDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    beta: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    betaDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    courseDataResearchers: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    courseDataResearchersDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    discussionAdmin: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    discussionAdminDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    discussionModerator: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    discussionModeratorDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    groupCommunityTA: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    groupCommunityTADescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    communityTA: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    communityTADescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    ccxCoach: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    ccxCoachDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default messages;

package/dist/courseTeam/messages.js

@@ -50,6 +50,111 @@ const messages = defineMessages({
         defaultMessage: 'No team members found.',
         description: 'Message displayed when there are no team members',
     },
+    allRoles: {
+        id: 'instruct.courseTeam.allRoles',
+        defaultMessage: 'All Roles',
+        description: 'Option label for filtering by all roles',
+    },
+    staff: {
+        id: 'instruct.courseTeam.roles.staff',
+        defaultMessage: 'Staff',
+        description: 'Role name for staff members',
+    },
+    staffDescription: {
+        id: 'instruct.courseTeam.roles.staffDescription',
+        defaultMessage: 'Course team members with the Staff role help you manage your course. Staff can enroll and unenroll learners, as well as modify their grades and access all course data. Staff also have access to your course in Studio and Insights. Any users not yet enrolled in the course will be automatically enrolled when added as Staff.',
+        description: 'Description for staff role',
+    },
+    limitedStaff: {
+        id: 'instruct.courseTeam.roles.limitedStaff',
+        defaultMessage: 'Limited Staff',
+        description: 'Role name for limited staff members',
+    },
+    limitedStaffDescription: {
+        id: 'instruct.courseTeam.roles.limitedStaffDescription',
+        defaultMessage: 'Course team members with the Limited Staff role help you manage your course. Limited Staff can enroll and unenroll learners, as well as modify their grades and access all course data. Limited Staff don\'t have access to your course in Studio. Any users not yet enrolled in the course will be automatically enrolled when added as Limited Staff.',
+        description: 'Description for limited staff role',
+    },
+    admin: {
+        id: 'instruct.courseTeam.roles.admin',
+        defaultMessage: 'Admin',
+        description: 'Role name for admin members',
+    },
+    adminDescription: {
+        id: 'instruct.courseTeam.roles.adminDescription',
+        defaultMessage: 'Course team members with the Admin role help you manage your course. They can do all of the tasks that Staff can do, and can also add and remove the Staff and Admin roles, discussion moderation roles, and the beta tester role to manage course team membership. Any users not yet enrolled in the course will be automatically enrolled when added as Admin.',
+        description: 'Description for admin role',
+    },
+    beta: {
+        id: 'instruct.courseTeam.roles.beta',
+        defaultMessage: 'Beta Testers',
+        description: 'Role name for beta tester members',
+    },
+    betaDescription: {
+        id: 'instruct.courseTeam.roles.betaDescription',
+        defaultMessage: 'Beta Testers can see course content before other learners. They can make sure that the content works, but have no additional privileges. Any users not yet enrolled in the course will be automatically enrolled when added as Beta Tester.',
+        description: 'Description for beta tester role',
+    },
+    courseDataResearchers: {
+        id: 'instruct.courseTeam.roles.courseDataResearchers',
+        defaultMessage: 'Course Data Researchers',
+        description: 'Role name for course data researcher members',
+    },
+    courseDataResearchersDescription: {
+        id: 'instruct.courseTeam.roles.courseDataResearchersDescription',
+        defaultMessage: 'Course Data Researchers can access the data download tab. Any users not yet enrolled in the course will be automatically enrolled when added as Course Data Researcher.',
+        description: 'Description for course data researcher role',
+    },
+    discussionAdmin: {
+        id: 'instruct.courseTeam.roles.discussionAdmin',
+        defaultMessage: 'Discussion Admin',
+        description: 'Role name for discussion admin members',
+    },
+    discussionAdminDescription: {
+        id: 'instruct.courseTeam.roles.discussionAdminDescription',
+        defaultMessage: 'Discussion Admins can edit or delete any post, clear misuse flags, close and re-open threads, endorse responses, and see posts from all groups. Their posts are marked as \'staff\'. They can also add and remove the discussion moderation roles to manage course team membership. Any users not yet enrolled in the course will be automatically enrolled when added as Discussion Admin.',
+        description: 'Description for discussion admin role',
+    },
+    discussionModerator: {
+        id: 'instruct.courseTeam.roles.discussionModerator',
+        defaultMessage: 'Discussion Moderator',
+        description: 'Role name for discussion moderator members',
+    },
+    discussionModeratorDescription: {
+        id: 'instruct.courseTeam.roles.discussionModeratorDescription',
+        defaultMessage: 'Discussion Moderators can edit or delete any post, clear misuse flags, close and re-open threads, endorse responses, and see posts from all groups. Their posts are marked as \'staff\'. They cannot manage course team membership by adding or removing discussion moderation roles. Any users not yet enrolled in the course will be automatically enrolled when added as Discussion Moderator.',
+        description: 'Description for discussion moderator role',
+    },
+    groupCommunityTA: {
+        id: 'instruct.courseTeam.roles.groupCommunityTA',
+        defaultMessage: 'Group Community TA',
+        description: 'Role name for group community TA members',
+    },
+    groupCommunityTADescription: {
+        id: 'instruct.courseTeam.roles.groupCommunityTADescription',
+        defaultMessage: 'Group Community TAs are members of the community who help course teams moderate discussions. Group Community TAs see only posts by learners in their assigned group. They can edit or delete posts, clear flags, close and re-open threads, and endorse responses, but only for posts by learners in their group. Their posts are marked as \'Community TA\'. Any users not yet enrolled in the course will be automatically enrolled when added as Group Community TA.',
+        description: 'Description for group community TA role',
+    },
+    communityTA: {
+        id: 'instruct.courseTeam.roles.communityTA',
+        defaultMessage: 'Community TA',
+        description: 'Role name for community TA members',
+    },
+    communityTADescription: {
+        id: 'instruct.courseTeam.roles.communityTADescription',
+        defaultMessage: 'Community TAs are members of the community who help course teams moderate discussions. They can see posts by learners in their assigned cohort or enrollment track, and can edit or delete posts, clear flags, close or re-open threads, and endorse responses. Their posts are marked as \'Community TA\'. Any users not yet enrolled in the course will be automatically enrolled when added as Community TA.',
+        description: 'Description for community TA role',
+    },
+    ccxCoach: {
+        id: 'instruct.courseTeam.roles.ccxCoach',
+        defaultMessage: 'CCX Coach',
+        description: 'Role name for CCX coach members',
+    },
+    ccxCoachDescription: {
+        id: 'instruct.courseTeam.roles.ccxCoachDescription',
+        defaultMessage: 'CCX Coaches are able to create their own Custom Courses based on this course, which they can use to provide personalized instruction to their own students based in this course material.',
+        description: 'Description for CCX coach role',
+    }
 });
 export default messages;
 //# sourceMappingURL=messages.js.map

package/dist/courseTeam/messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/courseTeam/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,eAAe,EAAE;QACf,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,wBAAwB;QACxC,WAAW,EAAE,gCAAgC;KAC9C;IACD,aAAa,EAAE;QACb,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,uCAAuC;KACrD;IACD,UAAU,EAAE;QACV,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,mCAAmC;KACjD;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,8BAA8B;QAClC,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,iCAAiC;KAC/C;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,8BAA8B;QAClC,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,wCAAwC;KACtD;IACD,KAAK,EAAE;QACL,EAAE,EAAE,2BAA2B;QAC/B,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,qCAAqC;KACnD;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,0BAA0B;QAC9B,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,oCAAoC;KAClD;IACD,OAAO,EAAE;QACP,EAAE,EAAE,6BAA6B;QACjC,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,uCAAuC;KACrD;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,0BAA0B;QAC9B,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,wCAAwC;KACtD;IACD,aAAa,EAAE;QACb,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,wBAAwB;QACxC,WAAW,EAAE,kDAAkD;KAChE;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  courseTeamTitle: {\n    id: 'instruct.courseTeam.page.title',\n    defaultMessage: 'Course Team Management',\n    description: 'Title for the course team page',\n  },\n  addTeamMember: {\n    id: 'instruct.courseTeam.addTeamMember',\n    defaultMessage: 'Add Team Member',\n    description: 'Button label for adding a team member',\n  },\n  membersTab: {\n    id: 'instruct.courseTeam.membersTab',\n    defaultMessage: 'Members',\n    description: 'Tab title for course team members',\n  },\n  rolesTab: {\n    id: 'instruct.courseTeam.rolesTab',\n    defaultMessage: 'Roles',\n    description: 'Tab title for course team roles',\n  },\n  username: {\n    id: 'instruct.courseTeam.username',\n    defaultMessage: 'Username',\n    description: 'Column header for team member username',\n  },\n  email: {\n    id: 'instruct.courseTeam.email',\n    defaultMessage: 'Email',\n    description: 'Column header for team member email',\n  },\n  role: {\n    id: 'instruct.courseTeam.role',\n    defaultMessage: 'Role',\n    description: 'Column header for team member role',\n  },\n  actions: {\n    id: 'instruct.courseTeam.actions',\n    defaultMessage: 'Actions',\n    description: 'Column header for team member actions',\n  },\n  edit: {\n    id: 'instruct.courseTeam.edit',\n    defaultMessage: 'Edit',\n    description: 'Button label for editing a team member',\n  },\n  noTeamMembers: {\n    id: 'instruct.courseTeam.noTeamMembers',\n    defaultMessage: 'No team members found.',\n    description: 'Message displayed when there are no team members',\n  },\n});\n\nexport default messages;\n"]}
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/courseTeam/messages.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  courseTeamTitle: {\n    id: 'instruct.courseTeam.page.title',\n    defaultMessage: 'Course Team Management',\n    description: 'Title for the course team page',\n  },\n  addTeamMember: {\n    id: 'instruct.courseTeam.addTeamMember',\n    defaultMessage: 'Add Team Member',\n    description: 'Button label for adding a team member',\n  },\n  membersTab: {\n    id: 'instruct.courseTeam.membersTab',\n    defaultMessage: 'Members',\n    description: 'Tab title for course team members',\n  },\n  rolesTab: {\n    id: 'instruct.courseTeam.rolesTab',\n    defaultMessage: 'Roles',\n    description: 'Tab title for course team roles',\n  },\n  username: {\n    id: 'instruct.courseTeam.username',\n    defaultMessage: 'Username',\n    description: 'Column header for team member username',\n  },\n  email: {\n    id: 'instruct.courseTeam.email',\n    defaultMessage: 'Email',\n    description: 'Column header for team member email',\n  },\n  role: {\n    id: 'instruct.courseTeam.role',\n    defaultMessage: 'Role',\n    description: 'Column header for team member role',\n  },\n  actions: {\n    id: 'instruct.courseTeam.actions',\n    defaultMessage: 'Actions',\n    description: 'Column header for team member actions',\n  },\n  edit: {\n    id: 'instruct.courseTeam.edit',\n    defaultMessage: 'Edit',\n    description: 'Button label for editing a team member',\n  },\n  noTeamMembers: {\n    id: 'instruct.courseTeam.noTeamMembers',\n    defaultMessage: 'No team members found.',\n    description: 'Message displayed when there are no team members',\n  },\n  allRoles: {\n    id: 'instruct.courseTeam.allRoles',\n    defaultMessage: 'All Roles',\n    description: 'Option label for filtering by all roles',\n  },\n  staff: {\n    id: 'instruct.courseTeam.roles.staff',\n    defaultMessage: 'Staff',\n    description: 'Role name for staff members',\n  },\n  staffDescription: {\n    id: 'instruct.courseTeam.roles.staffDescription',\n    defaultMessage: 'Course team members with the Staff role help you manage your course. Staff can enroll and unenroll learners, as well as modify their grades and access all course data. Staff also have access to your course in Studio and Insights. Any users not yet enrolled in the course will be automatically enrolled when added as Staff.',\n    description: 'Description for staff role',\n  },\n  limitedStaff: {\n    id: 'instruct.courseTeam.roles.limitedStaff',\n    defaultMessage: 'Limited Staff',\n    description: 'Role name for limited staff members',\n  },\n  limitedStaffDescription: {\n    id: 'instruct.courseTeam.roles.limitedStaffDescription',\n    defaultMessage: 'Course team members with the Limited Staff role help you manage your course. Limited Staff can enroll and unenroll learners, as well as modify their grades and access all course data. Limited Staff don\\'t have access to your course in Studio. Any users not yet enrolled in the course will be automatically enrolled when added as Limited Staff.',\n    description: 'Description for limited staff role',\n  },\n  admin: {\n    id: 'instruct.courseTeam.roles.admin',\n    defaultMessage: 'Admin',\n    description: 'Role name for admin members',\n  },\n  adminDescription: {\n    id: 'instruct.courseTeam.roles.adminDescription',\n    defaultMessage: 'Course team members with the Admin role help you manage your course. They can do all of the tasks that Staff can do, and can also add and remove the Staff and Admin roles, discussion moderation roles, and the beta tester role to manage course team membership. Any users not yet enrolled in the course will be automatically enrolled when added as Admin.',\n    description: 'Description for admin role',\n  },\n  beta: {\n    id: 'instruct.courseTeam.roles.beta',\n    defaultMessage: 'Beta Testers',\n    description: 'Role name for beta tester members',\n  },\n  betaDescription: {\n    id: 'instruct.courseTeam.roles.betaDescription',\n    defaultMessage: 'Beta Testers can see course content before other learners. They can make sure that the content works, but have no additional privileges. Any users not yet enrolled in the course will be automatically enrolled when added as Beta Tester.',\n    description: 'Description for beta tester role',\n  },\n  courseDataResearchers: {\n    id: 'instruct.courseTeam.roles.courseDataResearchers',\n    defaultMessage: 'Course Data Researchers',\n    description: 'Role name for course data researcher members',\n  },\n  courseDataResearchersDescription: {\n    id: 'instruct.courseTeam.roles.courseDataResearchersDescription',\n    defaultMessage: 'Course Data Researchers can access the data download tab. Any users not yet enrolled in the course will be automatically enrolled when added as Course Data Researcher.',\n    description: 'Description for course data researcher role',\n  },\n  discussionAdmin: {\n    id: 'instruct.courseTeam.roles.discussionAdmin',\n    defaultMessage: 'Discussion Admin',\n    description: 'Role name for discussion admin members',\n  },\n  discussionAdminDescription: {\n    id: 'instruct.courseTeam.roles.discussionAdminDescription',\n    defaultMessage: 'Discussion Admins can edit or delete any post, clear misuse flags, close and re-open threads, endorse responses, and see posts from all groups. Their posts are marked as \\'staff\\'. They can also add and remove the discussion moderation roles to manage course team membership. Any users not yet enrolled in the course will be automatically enrolled when added as Discussion Admin.',\n    description: 'Description for discussion admin role',\n  },\n  discussionModerator: {\n    id: 'instruct.courseTeam.roles.discussionModerator',\n    defaultMessage: 'Discussion Moderator',\n    description: 'Role name for discussion moderator members',\n  },\n  discussionModeratorDescription: {\n    id: 'instruct.courseTeam.roles.discussionModeratorDescription',\n    defaultMessage: 'Discussion Moderators can edit or delete any post, clear misuse flags, close and re-open threads, endorse responses, and see posts from all groups. Their posts are marked as \\'staff\\'. They cannot manage course team membership by adding or removing discussion moderation roles. Any users not yet enrolled in the course will be automatically enrolled when added as Discussion Moderator.',\n    description: 'Description for discussion moderator role',\n  },\n  groupCommunityTA: {\n    id: 'instruct.courseTeam.roles.groupCommunityTA',\n    defaultMessage: 'Group Community TA',\n    description: 'Role name for group community TA members',\n  },\n  groupCommunityTADescription: {\n    id: 'instruct.courseTeam.roles.groupCommunityTADescription',\n    defaultMessage: 'Group Community TAs are members of the community who help course teams moderate discussions. Group Community TAs see only posts by learners in their assigned group. They can edit or delete posts, clear flags, close and re-open threads, and endorse responses, but only for posts by learners in their group. Their posts are marked as \\'Community TA\\'. Any users not yet enrolled in the course will be automatically enrolled when added as Group Community TA.',\n    description: 'Description for group community TA role',\n  },\n  communityTA: {\n    id: 'instruct.courseTeam.roles.communityTA',\n    defaultMessage: 'Community TA',\n    description: 'Role name for community TA members',\n  },\n  communityTADescription: {\n    id: 'instruct.courseTeam.roles.communityTADescription',\n    defaultMessage: 'Community TAs are members of the community who help course teams moderate discussions. They can see posts by learners in their assigned cohort or enrollment track, and can edit or delete posts, clear flags, close or re-open threads, and endorse responses. Their posts are marked as \\'Community TA\\'. Any users not yet enrolled in the course will be automatically enrolled when added as Community TA.',\n    description: 'Description for community TA role',\n  },\n  ccxCoach: {\n    id: 'instruct.courseTeam.roles.ccxCoach',\n    defaultMessage: 'CCX Coach',\n    description: 'Role name for CCX coach members',\n  },\n  ccxCoachDescription: {\n    id: 'instruct.courseTeam.roles.ccxCoachDescription',\n    defaultMessage: 'CCX Coaches are able to create their own Custom Courses based on this course, which they can use to provide personalized instruction to their own students based in this course material.',\n    description: 'Description for CCX coach role',\n  }\n});\n\nexport default messages;\n"]}

package/dist/dateExtensions/components/DateExtensionsList.js

@@ -2,24 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { useParams } from 'react-router-dom';
 import { useIntl } from '@openedx/frontend-base';
-import { Button, DataTable, FormControl, Icon } from '@openedx/paragon';
+import { Button, DataTable } from '@openedx/paragon';
 import messages from '../messages';
 import { useDateExtensions } from '../data/apiHook';
-import { Search } from '@openedx/paragon/icons';
 import SelectGradedSubsection from './SelectGradedSubsection';
 import { useDebouncedFilter } from '../../hooks/useDebouncedFilter';
+import UsernameFilter from '../../components/UsernameFilter';
 const DATE_EXTENSIONS_PAGE_SIZE = 25;
-const UsernameFilter = ({ column: { filterValue, setFilter } }) => {
-    const intl = useIntl();
-    const { inputValue, handleChange } = useDebouncedFilter({
-        filterValue,
-        setFilter,
-    });
-    const handleInputChange = (e) => {
-        handleChange(e.target.value);
-    };
-    return (_jsx(FormControl, { className: "mb-0", onChange: handleInputChange, placeholder: intl.formatMessage(messages.searchLearnerPlaceholder), trailingElement: _jsx(Icon, { src: Search }), value: inputValue }));
-};
 const GradedSubsectionFilter = ({ column: { filterValue, setFilter } }) => {
     const intl = useIntl();
     const { inputValue, handleChange } = useDebouncedFilter({

package/dist/dateExtensions/components/DateExtensionsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateExtensionsList.js","sourceRoot":"","sources":["../../../src/dateExtensions/components/DateExtensionsList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, DataTable, FormControl, Icon } from '@openedx/paragon';\nimport messages from '../messages';\nimport { LearnerDateExtension } from '../types';\nimport { useDateExtensions } from '../data/apiHook';\nimport { Search } from '@openedx/paragon/icons';\nimport SelectGradedSubsection from './SelectGradedSubsection';\nimport { useDebouncedFilter } from '../../hooks/useDebouncedFilter';\nimport { DataTableFetchDataProps } from '@src/types';\n\nconst DATE_EXTENSIONS_PAGE_SIZE = 25;\n\nexport interface DateExtensionListProps {\n  onResetExtensions?: (user: LearnerDateExtension) => void,\n  onClickAdd?: () => void,\n}\n\nconst UsernameFilter = ({ column: { filterValue, setFilter } }: { column: { filterValue: string, setFilter: (value: string) => void } }) => {\n  const intl = useIntl();\n  const { inputValue, handleChange } = useDebouncedFilter({\n    filterValue,\n    setFilter,\n  });\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    handleChange(e.target.value);\n  };\n\n  return (\n    <FormControl\n      className=\"mb-0\"\n      onChange={handleInputChange}\n      placeholder={intl.formatMessage(messages.searchLearnerPlaceholder)}\n      trailingElement={<Icon src={Search} />}\n      value={inputValue}\n    />\n  );\n};\n\nconst GradedSubsectionFilter = ({ column: { filterValue, setFilter } }: { column: { filterValue: string, setFilter: (value: string) => void } }) => {\n  const intl = useIntl();\n  const { inputValue, handleChange } = useDebouncedFilter({\n    filterValue,\n    setFilter,\n  });\n\n  const handleSelectChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    handleChange(e.target.value);\n  };\n\n  return (\n    <SelectGradedSubsection\n      placeholder={intl.formatMessage(messages.allGradedSubsections)}\n      onChange={handleSelectChange}\n      value={inputValue}\n    />\n  );\n};\n\nconst DateExtensionsList = ({\n  onResetExtensions = () => {},\n  onClickAdd = () => {},\n}: DateExtensionListProps) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const [filters, setFilters] = useState<{ page: number, emailOrUsername: string, blockId: string }>({\n    page: 0,\n    emailOrUsername: '',\n    blockId: '',\n  });\n\n  const { data = { count: 0, results: [], numPages: 0 }, isLoading } = useDateExtensions(courseId ?? '', {\n    blockId: filters.blockId,\n    emailOrUsername: filters.emailOrUsername,\n    page: filters.page,\n    pageSize: DATE_EXTENSIONS_PAGE_SIZE,\n  });\n\n  const tableColumns = [\n    { accessor: 'username',\n      Header: intl.formatMessage(messages.username),\n      Filter: UsernameFilter,\n    },\n    { accessor: 'fullName', Header: intl.formatMessage(messages.fullname), disableFilters: true, },\n    { accessor: 'email', Header: intl.formatMessage(messages.email), disableFilters: true, },\n    { accessor: 'unitTitle',\n      Header: intl.formatMessage(messages.gradedSubsection),\n      Filter: GradedSubsectionFilter,\n    },\n    {\n      accessor: 'extendedDueDate',\n      Header: intl.formatMessage(messages.extendedDueDate),\n      Cell: ({ value }: { value: string }) => (\n        intl.formatDate(value, { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', timeZone: 'UTC' })\n      ),\n      disableFilters: true,\n    },\n  ];\n\n  const additionalColumns = [{\n    id: 'reset',\n    Header: intl.formatMessage(messages.reset),\n    Cell: ({ row }: { row: { original: LearnerDateExtension } }) => (\n      <Button\n        variant=\"link\"\n        size=\"inline\"\n        onClick={() => onResetExtensions(row.original)}\n      >\n        {intl.formatMessage(messages.resetExtensions)}\n      </Button>\n    )\n  }];\n\n  const handleFetchData = (data: DataTableFetchDataProps) => {\n    const emailOrUsernameFilter = data.filters.find((filter) => filter.id === 'username');\n    const newEmailOrUsername = emailOrUsernameFilter ? emailOrUsernameFilter.value : '';\n    const blockIdFilter = data.filters.find((filter) => filter.id === 'unitTitle');\n    const newBlockId = blockIdFilter ? blockIdFilter.value : '';\n\n    const filterChanged = newEmailOrUsername !== filters.emailOrUsername || newBlockId !== filters.blockId;\n    const pageChanged = data.pageIndex !== filters.page;\n\n    // If filters changed, reset to page 0\n    if (filterChanged) {\n      setFilters({ page: 0, emailOrUsername: newEmailOrUsername, blockId: newBlockId });\n    } else if (pageChanged) {\n      // If only page changed (filters didn't change), update page\n      setFilters({ page: data.pageIndex, emailOrUsername: newEmailOrUsername, blockId: newBlockId });\n    }\n  };\n\n  return (\n    <DataTable\n      columns={tableColumns}\n      additionalColumns={additionalColumns}\n      data={data.results}\n      fetchData={handleFetchData}\n      state={{\n        pageIndex: filters.page,\n        pageSize: DATE_EXTENSIONS_PAGE_SIZE,\n        filters: [\n          {\n            id: 'username',\n            value: filters.emailOrUsername,\n          },\n          {\n            id: 'unitTitle',\n            value: filters.blockId,\n          }\n        ]\n      }}\n      isFilterable\n      numBreakoutFilters={2}\n      isLoading={isLoading}\n      isPaginated\n      itemCount={data.count}\n      manualFilters\n      manualPagination\n      pageSize={DATE_EXTENSIONS_PAGE_SIZE}\n      pageCount={data.numPages}\n      FilterStatusComponent={DataTable.RowStatus}\n    >\n      <div className=\"d-flex justify-content-between align-items-start pt-1 mx-3 mb-3\">\n        <DataTable.TableControlBar />\n        <Button className=\"mt-2.5\" onClick={onClickAdd}>+ {intl.formatMessage(messages.addIndividualExtension)}</Button>\n      </div>\n      <DataTable.Table />\n      <DataTable.EmptyTable content={intl.formatMessage(messages.noDateExtensions)} />\n      <DataTable.TableFooter />\n    </DataTable>\n  );\n};\n\nexport default DateExtensionsList;\n"]}
+{"version":3,"file":"DateExtensionsList.js","sourceRoot":"","sources":["../../../src/dateExtensions/components/DateExtensionsList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, DataTable } from '@openedx/paragon';\nimport messages from '../messages';\nimport { LearnerDateExtension } from '../types';\nimport { useDateExtensions } from '../data/apiHook';\nimport SelectGradedSubsection from './SelectGradedSubsection';\nimport { useDebouncedFilter } from '../../hooks/useDebouncedFilter';\nimport { DataTableFetchDataProps } from '@src/types';\nimport UsernameFilter from '@src/components/UsernameFilter';\n\nconst DATE_EXTENSIONS_PAGE_SIZE = 25;\n\nexport interface DateExtensionListProps {\n  onResetExtensions?: (user: LearnerDateExtension) => void,\n  onClickAdd?: () => void,\n}\n\nconst GradedSubsectionFilter = ({ column: { filterValue, setFilter } }: { column: { filterValue: string, setFilter: (value: string) => void } }) => {\n  const intl = useIntl();\n  const { inputValue, handleChange } = useDebouncedFilter({\n    filterValue,\n    setFilter,\n  });\n\n  const handleSelectChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    handleChange(e.target.value);\n  };\n\n  return (\n    <SelectGradedSubsection\n      placeholder={intl.formatMessage(messages.allGradedSubsections)}\n      onChange={handleSelectChange}\n      value={inputValue}\n    />\n  );\n};\n\nconst DateExtensionsList = ({\n  onResetExtensions = () => {},\n  onClickAdd = () => {},\n}: DateExtensionListProps) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const [filters, setFilters] = useState<{ page: number, emailOrUsername: string, blockId: string }>({\n    page: 0,\n    emailOrUsername: '',\n    blockId: '',\n  });\n\n  const { data = { count: 0, results: [], numPages: 0 }, isLoading } = useDateExtensions(courseId ?? '', {\n    blockId: filters.blockId,\n    emailOrUsername: filters.emailOrUsername,\n    page: filters.page,\n    pageSize: DATE_EXTENSIONS_PAGE_SIZE,\n  });\n\n  const tableColumns = [\n    { accessor: 'username',\n      Header: intl.formatMessage(messages.username),\n      Filter: UsernameFilter,\n    },\n    { accessor: 'fullName', Header: intl.formatMessage(messages.fullname), disableFilters: true, },\n    { accessor: 'email', Header: intl.formatMessage(messages.email), disableFilters: true, },\n    { accessor: 'unitTitle',\n      Header: intl.formatMessage(messages.gradedSubsection),\n      Filter: GradedSubsectionFilter,\n    },\n    {\n      accessor: 'extendedDueDate',\n      Header: intl.formatMessage(messages.extendedDueDate),\n      Cell: ({ value }: { value: string }) => (\n        intl.formatDate(value, { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', timeZone: 'UTC' })\n      ),\n      disableFilters: true,\n    },\n  ];\n\n  const additionalColumns = [{\n    id: 'reset',\n    Header: intl.formatMessage(messages.reset),\n    Cell: ({ row }: { row: { original: LearnerDateExtension } }) => (\n      <Button\n        variant=\"link\"\n        size=\"inline\"\n        onClick={() => onResetExtensions(row.original)}\n      >\n        {intl.formatMessage(messages.resetExtensions)}\n      </Button>\n    )\n  }];\n\n  const handleFetchData = (data: DataTableFetchDataProps) => {\n    const emailOrUsernameFilter = data.filters.find((filter) => filter.id === 'username');\n    const newEmailOrUsername = emailOrUsernameFilter ? emailOrUsernameFilter.value : '';\n    const blockIdFilter = data.filters.find((filter) => filter.id === 'unitTitle');\n    const newBlockId = blockIdFilter ? blockIdFilter.value : '';\n\n    const filterChanged = newEmailOrUsername !== filters.emailOrUsername || newBlockId !== filters.blockId;\n    const pageChanged = data.pageIndex !== filters.page;\n\n    // If filters changed, reset to page 0\n    if (filterChanged) {\n      setFilters({ page: 0, emailOrUsername: newEmailOrUsername, blockId: newBlockId });\n    } else if (pageChanged) {\n      // If only page changed (filters didn't change), update page\n      setFilters({ page: data.pageIndex, emailOrUsername: newEmailOrUsername, blockId: newBlockId });\n    }\n  };\n\n  return (\n    <DataTable\n      columns={tableColumns}\n      additionalColumns={additionalColumns}\n      data={data.results}\n      fetchData={handleFetchData}\n      state={{\n        pageIndex: filters.page,\n        pageSize: DATE_EXTENSIONS_PAGE_SIZE,\n        filters: [\n          {\n            id: 'username',\n            value: filters.emailOrUsername,\n          },\n          {\n            id: 'unitTitle',\n            value: filters.blockId,\n          }\n        ]\n      }}\n      isFilterable\n      numBreakoutFilters={2}\n      isLoading={isLoading}\n      isPaginated\n      itemCount={data.count}\n      manualFilters\n      manualPagination\n      pageSize={DATE_EXTENSIONS_PAGE_SIZE}\n      pageCount={data.numPages}\n      FilterStatusComponent={DataTable.RowStatus}\n    >\n      <div className=\"d-flex justify-content-between align-items-start pt-1 mx-3 mb-3\">\n        <DataTable.TableControlBar />\n        <Button className=\"mt-2.5\" onClick={onClickAdd}>+ {intl.formatMessage(messages.addIndividualExtension)}</Button>\n      </div>\n      <DataTable.Table />\n      <DataTable.EmptyTable content={intl.formatMessage(messages.noDateExtensions)} />\n      <DataTable.TableFooter />\n    </DataTable>\n  );\n};\n\nexport default DateExtensionsList;\n"]}

package/dist/dateExtensions/messages.d.ts

@@ -114,11 +114,6 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
-    searchLearnerPlaceholder: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
     noDateExtensions: {
         id: string;
         defaultMessage: string;

package/dist/dateExtensions/messages.js

@@ -115,11 +115,6 @@ const messages = defineMessages({
         defaultMessage: 'All Graded Subsections',
         description: 'Label for the all graded subsections option in filters',
     },
-    searchLearnerPlaceholder: {
-        id: 'instruct.dateExtensions.page.filters.searchLearnerPlaceholder',
-        defaultMessage: 'Search for a Learner',
-        description: 'Placeholder text for the search learner input field',
-    },
     noDateExtensions: {
         id: 'instruct.dateExtensions.page.noDateExtensions',
         defaultMessage: 'No results found',

package/dist/dateExtensions/messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/dateExtensions/messages.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  dateExtensionsTitle: {\n    id: 'instruct.dateExtensions.page.title',\n    defaultMessage: 'Viewing Granted Extensions',\n    description: 'Title for date extensions page',\n  },\n  addIndividualExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualExtension',\n    defaultMessage: 'Add Individual Extension',\n    description: 'Button text for adding an individual date extension',\n  },\n  username: {\n    id: 'instruct.dateExtensions.page.tableHeader.username',\n    defaultMessage: 'User Name',\n    description: 'Label for the user name column in the date extensions table',\n  },\n  fullname: {\n    id: 'instruct.dateExtensions.page.tableHeader.fullname',\n    defaultMessage: 'Full Name',\n    description: 'Label for the full name column in the date extensions table',\n  },\n  email: {\n    id: 'instruct.dateExtensions.page.tableHeader.email',\n    defaultMessage: 'Email',\n    description: 'Label for the email column in the date extensions table',\n  },\n  gradedSubsection: {\n    id: 'instruct.dateExtensions.page.tableHeader.gradedSubsection',\n    defaultMessage: 'Graded Subsection',\n    description: 'Label for the graded subsection column in the date extensions table',\n  },\n  extendedDueDate: {\n    id: 'instruct.dateExtensions.page.tableHeader.extendedDueDate',\n    defaultMessage: 'Extended Due Date',\n    description: 'Label for the extended due date column in the date extensions table',\n  },\n  reset: {\n    id: 'instruct.dateExtensions.page.tableHeader.reset',\n    defaultMessage: 'Reset',\n    description: 'Label for the reset column in the date extensions table',\n  },\n  resetExtensions: {\n    id: 'instruct.dateExtensions.page.button.resetExtensions',\n    defaultMessage: 'Reset Extensions',\n    description: 'Button text for resetting date extensions for a user',\n  },\n  resetConfirmationHeader: {\n    id: 'instruct.dateExtensions.page.resetModal.confirmationHeader',\n    defaultMessage: 'Reset extensions for {username}?',\n    description: 'Header for the reset confirmation modal',\n  },\n  resetConfirmationMessage: {\n    id: 'instruct.dateExtensions.page.resetModal.confirmationMessage',\n    defaultMessage: 'Resetting a problem\\'s due date rescinds a due date extension for a student on a particular subsection. This will revert the due date for the student back to the problem\\'s original due date.',\n    description: 'Confirmation message for resetting extensions in the reset modal',\n  },\n  cancel: {\n    id: 'instruct.dateExtensions.page.resetModal.cancel',\n    defaultMessage: 'Cancel',\n    description: 'Label for the cancel button in the reset modal',\n  },\n  confirm: {\n    id: 'instruct.dateExtensions.page.resetModal.confirm',\n    defaultMessage: 'Reset Due Date for Student',\n    description: 'Label for the confirm button in the reset modal',\n  },\n  close: {\n    id: 'instruct.dateExtensions.page.resetModal.close',\n    defaultMessage: 'Close',\n    description: 'Label for the close button in the reset modal',\n  },\n  missingUserOrCourseIdError: {\n    id: 'instruct.dateExtensions.page.error.missingUserOrCourseId',\n    defaultMessage: 'Unable to reset extension: missing user or course ID.',\n    description: 'Error message shown when user or course ID is missing during reset',\n  },\n  addIndividualDueDateExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.title',\n    defaultMessage: 'Add Individual Due Date Extension',\n    description: 'Title for the add individual due date extension modal',\n  },\n  addExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.addExtension',\n    defaultMessage: 'Add Extension',\n    description: 'Label for the add extension button',\n  },\n  extensionInstructions: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.extensionInstructions',\n    defaultMessage: 'To grant an extension, select a student, graded subsection, and define the extension due date and time.',\n    description: 'Instructions for adding an individual due date extension',\n  },\n  defineExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.defineExtension',\n    defaultMessage: 'Define Extension',\n    description: 'Label for the define extension section',\n  },\n  extensionDate: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.extensionDate',\n    defaultMessage: 'Extension Date',\n    description: 'Label for the extension date field',\n  },\n  reasonForExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.reasonForExtension',\n    defaultMessage: 'Reason for Extension',\n    description: 'Label for the reason for extension field',\n  },\n  selectGradedSubsection: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.selectGradedSubsection',\n    defaultMessage: 'Select Graded Subsection',\n    description: 'Label for the select graded subsection field',\n  },\n  allGradedSubsections: {\n    id: 'instruct.dateExtensions.page.filters.allGradedSubsections',\n    defaultMessage: 'All Graded Subsections',\n    description: 'Label for the all graded subsections option in filters',\n  },\n  searchLearnerPlaceholder: {\n    id: 'instruct.dateExtensions.page.filters.searchLearnerPlaceholder',\n    defaultMessage: 'Search for a Learner',\n    description: 'Placeholder text for the search learner input field',\n  },\n  noDateExtensions: {\n    id: 'instruct.dateExtensions.page.noDateExtensions',\n    defaultMessage: 'No results found',\n    description: 'Message shown when there are no date extensions to display in the table',\n  },\n});\n\nexport default messages;\n"]}
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/dateExtensions/messages.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  dateExtensionsTitle: {\n    id: 'instruct.dateExtensions.page.title',\n    defaultMessage: 'Viewing Granted Extensions',\n    description: 'Title for date extensions page',\n  },\n  addIndividualExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualExtension',\n    defaultMessage: 'Add Individual Extension',\n    description: 'Button text for adding an individual date extension',\n  },\n  username: {\n    id: 'instruct.dateExtensions.page.tableHeader.username',\n    defaultMessage: 'User Name',\n    description: 'Label for the user name column in the date extensions table',\n  },\n  fullname: {\n    id: 'instruct.dateExtensions.page.tableHeader.fullname',\n    defaultMessage: 'Full Name',\n    description: 'Label for the full name column in the date extensions table',\n  },\n  email: {\n    id: 'instruct.dateExtensions.page.tableHeader.email',\n    defaultMessage: 'Email',\n    description: 'Label for the email column in the date extensions table',\n  },\n  gradedSubsection: {\n    id: 'instruct.dateExtensions.page.tableHeader.gradedSubsection',\n    defaultMessage: 'Graded Subsection',\n    description: 'Label for the graded subsection column in the date extensions table',\n  },\n  extendedDueDate: {\n    id: 'instruct.dateExtensions.page.tableHeader.extendedDueDate',\n    defaultMessage: 'Extended Due Date',\n    description: 'Label for the extended due date column in the date extensions table',\n  },\n  reset: {\n    id: 'instruct.dateExtensions.page.tableHeader.reset',\n    defaultMessage: 'Reset',\n    description: 'Label for the reset column in the date extensions table',\n  },\n  resetExtensions: {\n    id: 'instruct.dateExtensions.page.button.resetExtensions',\n    defaultMessage: 'Reset Extensions',\n    description: 'Button text for resetting date extensions for a user',\n  },\n  resetConfirmationHeader: {\n    id: 'instruct.dateExtensions.page.resetModal.confirmationHeader',\n    defaultMessage: 'Reset extensions for {username}?',\n    description: 'Header for the reset confirmation modal',\n  },\n  resetConfirmationMessage: {\n    id: 'instruct.dateExtensions.page.resetModal.confirmationMessage',\n    defaultMessage: 'Resetting a problem\\'s due date rescinds a due date extension for a student on a particular subsection. This will revert the due date for the student back to the problem\\'s original due date.',\n    description: 'Confirmation message for resetting extensions in the reset modal',\n  },\n  cancel: {\n    id: 'instruct.dateExtensions.page.resetModal.cancel',\n    defaultMessage: 'Cancel',\n    description: 'Label for the cancel button in the reset modal',\n  },\n  confirm: {\n    id: 'instruct.dateExtensions.page.resetModal.confirm',\n    defaultMessage: 'Reset Due Date for Student',\n    description: 'Label for the confirm button in the reset modal',\n  },\n  close: {\n    id: 'instruct.dateExtensions.page.resetModal.close',\n    defaultMessage: 'Close',\n    description: 'Label for the close button in the reset modal',\n  },\n  missingUserOrCourseIdError: {\n    id: 'instruct.dateExtensions.page.error.missingUserOrCourseId',\n    defaultMessage: 'Unable to reset extension: missing user or course ID.',\n    description: 'Error message shown when user or course ID is missing during reset',\n  },\n  addIndividualDueDateExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.title',\n    defaultMessage: 'Add Individual Due Date Extension',\n    description: 'Title for the add individual due date extension modal',\n  },\n  addExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.addExtension',\n    defaultMessage: 'Add Extension',\n    description: 'Label for the add extension button',\n  },\n  extensionInstructions: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.extensionInstructions',\n    defaultMessage: 'To grant an extension, select a student, graded subsection, and define the extension due date and time.',\n    description: 'Instructions for adding an individual due date extension',\n  },\n  defineExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.defineExtension',\n    defaultMessage: 'Define Extension',\n    description: 'Label for the define extension section',\n  },\n  extensionDate: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.extensionDate',\n    defaultMessage: 'Extension Date',\n    description: 'Label for the extension date field',\n  },\n  reasonForExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.reasonForExtension',\n    defaultMessage: 'Reason for Extension',\n    description: 'Label for the reason for extension field',\n  },\n  selectGradedSubsection: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.selectGradedSubsection',\n    defaultMessage: 'Select Graded Subsection',\n    description: 'Label for the select graded subsection field',\n  },\n  allGradedSubsections: {\n    id: 'instruct.dateExtensions.page.filters.allGradedSubsections',\n    defaultMessage: 'All Graded Subsections',\n    description: 'Label for the all graded subsections option in filters',\n  },\n  noDateExtensions: {\n    id: 'instruct.dateExtensions.page.noDateExtensions',\n    defaultMessage: 'No results found',\n    description: 'Message shown when there are no date extensions to display in the table',\n  },\n});\n\nexport default messages;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openedx/frontend-app-instructor-dashboard",
-  "version": "1.0.0-alpha.6",
+  "version": "1.0.0-alpha.8",
   "description": "The Open edX Instructor Dashboard",
   "repository": {
     "type": "git",