@openedx/frontend-app-gradebook 2.0.0-alpha.0

package/dist/components/GradebookFilters/StudentGroupsFilter/hooks.js

@@ -0,0 +1,46 @@
+import { useFilters } from '../../../data/filtersContext';
+import { useCourseIdWithGate } from '../../../data/apiHook';
+import { useRefetchGrades } from '../../GradesView/data/hooks';
+import { useCohorts, useTracks } from '../data/apiHook';
+import { useSelectedCohortEntry, useSelectedTrackEntry } from '../data/hooks';
+const EMPTY_ARRAY = [];
+export const useStudentGroupsFilterData = ({ updateQueryParams }) => {
+    var _a, _b;
+    const { courseId, enabled } = useCourseIdWithGate();
+    const selectedCohortEntry = useSelectedCohortEntry();
+    const selectedTrackEntry = useSelectedTrackEntry();
+    const cohorts = (_a = useCohorts(courseId, { enabled }).data) !== null && _a !== void 0 ? _a : EMPTY_ARRAY;
+    const tracks = (_b = useTracks(courseId, { enabled }).data) !== null && _b !== void 0 ? _b : EMPTY_ARRAY;
+    const { setCohort, setTrack } = useFilters();
+    const fetchGrades = useRefetchGrades();
+    const handleUpdateTrack = (event) => {
+        const selectedTrackItem = tracks.find(track => track.slug === event.target.value);
+        const track = selectedTrackItem ? selectedTrackItem.slug.toString() : null;
+        updateQueryParams({ track });
+        setTrack(track !== null && track !== void 0 ? track : '');
+        fetchGrades();
+    };
+    const handleUpdateCohort = (event) => {
+        const selectedCohortItem = cohorts.find(cohort => cohort.id === parseInt(event.target.value, 10));
+        const cohort = selectedCohortItem ? selectedCohortItem.id.toString() : null;
+        // the param expected to be cohort_id
+        updateQueryParams({ cohort });
+        setCohort(cohort !== null && cohort !== void 0 ? cohort : '');
+        fetchGrades();
+    };
+    return {
+        cohorts: {
+            value: (selectedCohortEntry === null || selectedCohortEntry === void 0 ? void 0 : selectedCohortEntry.id) || '',
+            isDisabled: cohorts.length === 0,
+            handleChange: handleUpdateCohort,
+            entries: cohorts.map(({ id: value, name }) => ({ value, name })),
+        },
+        tracks: {
+            value: (selectedTrackEntry === null || selectedTrackEntry === void 0 ? void 0 : selectedTrackEntry.slug) || '',
+            handleChange: handleUpdateTrack,
+            entries: tracks.map(({ slug: value, name }) => ({ value, name })),
+        },
+    };
+};
+export default useStudentGroupsFilterData;
+//# sourceMappingURL=hooks.js.map

package/dist/components/GradebookFilters/StudentGroupsFilter/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/components/GradebookFilters/StudentGroupsFilter/hooks.js"],"names":[],"mappings":"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","sourcesContent":["import { useFilters } from '@src/data/filtersContext';\nimport { useCourseIdWithGate } from '@src/data/apiHook';\nimport { useRefetchGrades } from '@src/components/GradesView/data/hooks';\n\nimport { useCohorts, useTracks } from '../data/apiHook';\nimport { useSelectedCohortEntry, useSelectedTrackEntry } from '../data/hooks';\n\nconst EMPTY_ARRAY = [];\n\nexport const useStudentGroupsFilterData = ({ updateQueryParams }) => {\n  const { courseId, enabled } = useCourseIdWithGate();\n  const selectedCohortEntry = useSelectedCohortEntry();\n  const selectedTrackEntry = useSelectedTrackEntry();\n\n  const cohorts = useCohorts(courseId, { enabled }).data ?? EMPTY_ARRAY;\n  const tracks = useTracks(courseId, { enabled }).data ?? EMPTY_ARRAY;\n\n  const { setCohort, setTrack } = useFilters();\n  const fetchGrades = useRefetchGrades();\n\n  const handleUpdateTrack = (event) => {\n    const selectedTrackItem = tracks.find(track => track.slug === event.target.value);\n    const track = selectedTrackItem ? selectedTrackItem.slug.toString() : null;\n    updateQueryParams({ track });\n    setTrack(track ?? '');\n    fetchGrades();\n  };\n\n  const handleUpdateCohort = (event) => {\n    const selectedCohortItem = cohorts.find(cohort => cohort.id === parseInt(event.target.value, 10));\n    const cohort = selectedCohortItem ? selectedCohortItem.id.toString() : null;\n    // the param expected to be cohort_id\n    updateQueryParams({ cohort });\n    setCohort(cohort ?? '');\n    fetchGrades();\n  };\n  return {\n    cohorts: {\n      value: selectedCohortEntry?.id || '',\n      isDisabled: cohorts.length === 0,\n      handleChange: handleUpdateCohort,\n      entries: cohorts.map(({ id: value, name }) => ({ value, name })),\n    },\n    tracks: {\n      value: selectedTrackEntry?.slug || '',\n      handleChange: handleUpdateTrack,\n      entries: tracks.map(({ slug: value, name }) => ({ value, name })),\n    },\n  };\n};\n\nexport default useStudentGroupsFilterData;\n"]}

package/dist/components/GradebookFilters/StudentGroupsFilter/index.d.ts

@@ -0,0 +1,10 @@
+export function StudentGroupsFilter({ updateQueryParams }: {
+    updateQueryParams: any;
+}): import("react").JSX.Element;
+export namespace StudentGroupsFilter {
+    namespace propTypes {
+        let updateQueryParams: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+export default StudentGroupsFilter;
+import PropTypes from 'prop-types';

package/dist/components/GradebookFilters/StudentGroupsFilter/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import messages from '../messages';
+import SelectGroup from '../SelectGroup';
+import useStudentGroupsFilterData from './hooks';
+const mapOptions = ({ value, name }) => (_jsx("option", { value: value, children: name }, name));
+export const StudentGroupsFilter = ({ updateQueryParams }) => {
+    const { tracks, cohorts } = useStudentGroupsFilterData({ updateQueryParams });
+    const { formatMessage } = useIntl();
+    return (_jsxs(_Fragment, { children: [_jsx(SelectGroup, { id: "Tracks", label: formatMessage(messages.tracks), value: tracks.value, onChange: tracks.handleChange, options: [
+                    _jsx("option", { value: formatMessage(messages.trackAll), children: formatMessage(messages.trackAll) }, "0"),
+                    ...tracks.entries.map(mapOptions),
+                ] }), _jsx(SelectGroup, { id: "Cohorts", label: formatMessage(messages.cohorts), value: cohorts.value, disabled: cohorts.isDisabled, onChange: cohorts.handleChange, options: [
+                    _jsx("option", { value: formatMessage(messages.cohortAll), children: formatMessage(messages.cohortAll) }, "0"),
+                    ...cohorts.entries.map(mapOptions),
+                ] })] }));
+};
+StudentGroupsFilter.propTypes = {
+    updateQueryParams: PropTypes.func.isRequired,
+};
+export default StudentGroupsFilter;
+//# sourceMappingURL=index.js.map

package/dist/components/GradebookFilters/StudentGroupsFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradebookFilters/StudentGroupsFilter/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,0BAA0B,MAAM,SAAS,CAAC;AAEjD,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACtC,iBAAmB,KAAK,EAAE,KAAK,YAAG,IAAI,IAAzB,IAAI,CAA+B,CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAC3D,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,0BAA0B,CAAC,EAAE,iBAAiB,EAAE,CAAC,CAAC;IAC9E,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,8BACE,KAAC,WAAW,IACV,EAAE,EAAC,QAAQ,EACX,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,EACrC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,OAAO,EAAE;oBACP,iBAAQ,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAC5C,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,IADkB,GAAG,CAE/C;oBACT,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;iBAClC,GACD,EACF,KAAC,WAAW,IACV,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,EACtC,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,QAAQ,EAAE,OAAO,CAAC,UAAU,EAC5B,QAAQ,EAAE,OAAO,CAAC,YAAY,EAC9B,OAAO,EAAE;oBACP,iBAAQ,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,YAC7C,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,IADkB,GAAG,CAEhD;oBACT,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;iBACnC,GACD,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,SAAS,GAAG;IAC9B,iBAAiB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC7C,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport messages from '../messages';\nimport SelectGroup from '../SelectGroup';\nimport useStudentGroupsFilterData from './hooks';\n\nconst mapOptions = ({ value, name }) => (\n  <option key={name} value={value}>{name}</option>\n);\n\nexport const StudentGroupsFilter = ({ updateQueryParams }) => {\n  const { tracks, cohorts } = useStudentGroupsFilterData({ updateQueryParams });\n  const { formatMessage } = useIntl();\n  return (\n    <>\n      <SelectGroup\n        id=\"Tracks\"\n        label={formatMessage(messages.tracks)}\n        value={tracks.value}\n        onChange={tracks.handleChange}\n        options={[\n          <option value={formatMessage(messages.trackAll)} key=\"0\">\n            {formatMessage(messages.trackAll)}\n          </option>,\n          ...tracks.entries.map(mapOptions),\n        ]}\n      />\n      <SelectGroup\n        id=\"Cohorts\"\n        label={formatMessage(messages.cohorts)}\n        value={cohorts.value}\n        disabled={cohorts.isDisabled}\n        onChange={cohorts.handleChange}\n        options={[\n          <option value={formatMessage(messages.cohortAll)} key=\"0\">\n            {formatMessage(messages.cohortAll)}\n          </option>,\n          ...cohorts.entries.map(mapOptions),\n        ]}\n      />\n    </>\n  );\n};\n\nStudentGroupsFilter.propTypes = {\n  updateQueryParams: PropTypes.func.isRequired,\n};\n\nexport default StudentGroupsFilter;\n"]}

package/dist/components/GradebookFilters/data/api.d.ts

@@ -0,0 +1,10 @@
+/**
+ * getCohorts()
+ * Fetches the list of cohorts for the course.
+ */
+export declare const getCohorts: () => Promise<any>;
+/**
+ * getTracks()
+ * Fetches the course's enrollment tracks (course modes).
+ */
+export declare const getTracks: () => Promise<any>;

package/dist/components/GradebookFilters/data/api.js

@@ -0,0 +1,27 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import lms from '../../../data/services/lms';
+/**
+ * getCohorts()
+ * Fetches the list of cohorts for the course.
+ */
+export const getCohorts = () => __awaiter(void 0, void 0, void 0, function* () {
+    const { data } = yield lms.api.fetch.cohorts();
+    return data;
+});
+/**
+ * getTracks()
+ * Fetches the course's enrollment tracks (course modes).
+ */
+export const getTracks = () => __awaiter(void 0, void 0, void 0, function* () {
+    const { data } = yield lms.api.fetch.tracks();
+    return data.course_modes;
+});
+//# sourceMappingURL=api.js.map

package/dist/components/GradebookFilters/data/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/components/GradebookFilters/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,GAAG,MAAM,wBAAwB,CAAC;AAEzC;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAS,EAAE;IACnC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IAC/C,OAAO,IAAI,CAAC;AACd,CAAC,CAAA,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAS,EAAE;IAClC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;IAC9C,OAAO,IAAI,CAAC,YAAY,CAAC;AAC3B,CAAC,CAAA,CAAC","sourcesContent":["import lms from '@src/data/services/lms';\n\n/**\n * getCohorts()\n * Fetches the list of cohorts for the course.\n */\nexport const getCohorts = async () => {\n  const { data } = await lms.api.fetch.cohorts();\n  return data;\n};\n\n/**\n * getTracks()\n * Fetches the course's enrollment tracks (course modes).\n */\nexport const getTracks = async () => {\n  const { data } = await lms.api.fetch.tracks();\n  return data.course_modes;\n};\n"]}

package/dist/components/GradebookFilters/data/apiHook.d.ts

@@ -0,0 +1,16 @@
+/**
+ * useCohorts()
+ * Single-responsibility query for the course's cohorts. Caller supplies
+ * `courseId` and decides when it may run via `enabled`.
+ */
+export declare const useCohorts: (courseId: string, { enabled }?: {
+    enabled?: boolean;
+}) => import("@tanstack/react-query").UseQueryResult<any, Error>;
+/**
+ * useTracks()
+ * Single-responsibility query for the course's enrollment tracks. Caller
+ * supplies `courseId` and decides when it may run via `enabled`.
+ */
+export declare const useTracks: (courseId: string, { enabled }?: {
+    enabled?: boolean;
+}) => import("@tanstack/react-query").UseQueryResult<any, Error>;

package/dist/components/GradebookFilters/data/apiHook.js

@@ -0,0 +1,24 @@
+import { useQuery } from '@tanstack/react-query';
+import { getCohorts, getTracks } from './api';
+import { cohortsQueryKeys, tracksQueryKeys } from './queryKeys';
+/**
+ * useCohorts()
+ * Single-responsibility query for the course's cohorts. Caller supplies
+ * `courseId` and decides when it may run via `enabled`.
+ */
+export const useCohorts = (courseId, { enabled = true } = {}) => useQuery({
+    queryKey: cohortsQueryKeys.byCourse(courseId),
+    queryFn: getCohorts,
+    enabled: !!courseId && enabled,
+});
+/**
+ * useTracks()
+ * Single-responsibility query for the course's enrollment tracks. Caller
+ * supplies `courseId` and decides when it may run via `enabled`.
+ */
+export const useTracks = (courseId, { enabled = true } = {}) => useQuery({
+    queryKey: tracksQueryKeys.byCourse(courseId),
+    queryFn: getTracks,
+    enabled: !!courseId && enabled,
+});
+//# sourceMappingURL=apiHook.js.map

package/dist/components/GradebookFilters/data/apiHook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../../src/components/GradebookFilters/data/apiHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhE;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,QAAgB,EAChB,EAAE,OAAO,GAAG,IAAI,KAA4B,EAAE,EAC9C,EAAE,CAAC,QAAQ,CAAC;IACZ,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAC7C,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,CAAC,CAAC,QAAQ,IAAI,OAAO;CAC/B,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,QAAgB,EAChB,EAAE,OAAO,GAAG,IAAI,KAA4B,EAAE,EAC9C,EAAE,CAAC,QAAQ,CAAC;IACZ,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAC5C,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,CAAC,CAAC,QAAQ,IAAI,OAAO;CAC/B,CAAC,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query';\n\nimport { getCohorts, getTracks } from './api';\nimport { cohortsQueryKeys, tracksQueryKeys } from './queryKeys';\n\n/**\n * useCohorts()\n * Single-responsibility query for the course's cohorts. Caller supplies\n * `courseId` and decides when it may run via `enabled`.\n */\nexport const useCohorts = (\n  courseId: string,\n  { enabled = true }: { enabled?: boolean } = {},\n) => useQuery({\n  queryKey: cohortsQueryKeys.byCourse(courseId),\n  queryFn: getCohorts,\n  enabled: !!courseId && enabled,\n});\n\n/**\n * useTracks()\n * Single-responsibility query for the course's enrollment tracks. Caller\n * supplies `courseId` and decides when it may run via `enabled`.\n */\nexport const useTracks = (\n  courseId: string,\n  { enabled = true }: { enabled?: boolean } = {},\n) => useQuery({\n  queryKey: tracksQueryKeys.byCourse(courseId),\n  queryFn: getTracks,\n  enabled: !!courseId && enabled,\n});\n"]}

package/dist/components/GradebookFilters/data/hooks.d.ts

@@ -0,0 +1,7 @@
+export function useSelectedCohortEntry(): any;
+export function useSelectedTrackEntry(): any;
+export function useCourseGradeFilterValidity(): {
+    isMaxValid: boolean;
+    isMinValid: boolean;
+};
+export function useAreCourseGradeFiltersValid(): boolean;

package/dist/components/GradebookFilters/data/hooks.js

@@ -0,0 +1,53 @@
+import { useFilters } from '../../../data/filtersContext';
+import { useCourseIdWithGate } from '../../../data/apiHook';
+import { useCohorts, useTracks } from './apiHook';
+// Stable empty reference so these reads don't return a fresh array each render
+// while their query is still loading.
+const EMPTY_ARRAY = [];
+// Grade limits are valid when between 0 and 100 (mirrors the legacy
+// `courseGradeFilterValidity` selector, which used minGrade='0'/maxGrade='100').
+const isGradeValid = (value) => {
+    const intValue = parseInt(value, 10);
+    return intValue >= 0 && intValue <= 100;
+};
+/**
+ * useSelectedCohortEntry()
+ * The full cohort entry matching the currently-selected cohort id (from the
+ * FiltersProvider), or undefined.
+ */
+export const useSelectedCohortEntry = () => {
+    var _a;
+    const { courseId, enabled } = useCourseIdWithGate();
+    const cohortList = (_a = useCohorts(courseId, { enabled }).data) !== null && _a !== void 0 ? _a : EMPTY_ARRAY;
+    const { cohort: cohortId } = useFilters();
+    return cohortList.find(({ id }) => id === parseInt(cohortId, 10));
+};
+/**
+ * useSelectedTrackEntry()
+ * The full track entry matching the currently-selected track slug (from the
+ * FiltersProvider), or undefined.
+ */
+export const useSelectedTrackEntry = () => {
+    var _a;
+    const { courseId, enabled } = useCourseIdWithGate();
+    const trackList = (_a = useTracks(courseId, { enabled }).data) !== null && _a !== void 0 ? _a : EMPTY_ARRAY;
+    const { track } = useFilters();
+    return trackList.find(({ slug }) => slug === track);
+};
+/**
+ * useCourseGradeFilterValidity()
+ * Per-field validity of the (live) course-grade min/max inputs.
+ */
+export const useCourseGradeFilterValidity = () => {
+    const { courseGradeMin, courseGradeMax } = useFilters();
+    return { isMaxValid: isGradeValid(courseGradeMax), isMinValid: isGradeValid(courseGradeMin) };
+};
+/**
+ * useAreCourseGradeFiltersValid()
+ * Whether both course-grade limits are valid (gates the Apply button).
+ */
+export const useAreCourseGradeFiltersValid = () => {
+    const { courseGradeMin, courseGradeMax } = useFilters();
+    return isGradeValid(courseGradeMin) && isGradeValid(courseGradeMax);
+};
+//# sourceMappingURL=hooks.js.map

package/dist/components/GradebookFilters/data/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/components/GradebookFilters/data/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAElD,+EAA+E;AAC/E,sCAAsC;AACtC,MAAM,WAAW,GAAG,EAAE,CAAC;AAEvB,oEAAoE;AACpE,iFAAiF;AACjF,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;IAC7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACrC,OAAO,QAAQ,IAAI,CAAC,IAAI,QAAQ,IAAI,GAAG,CAAC;AAC1C,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;;IACzC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACpD,MAAM,UAAU,GAAG,MAAA,UAAU,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,IAAI,mCAAI,WAAW,CAAC;IACzE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,CAAC;IAC1C,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;AACpE,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;;IACxC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACpD,MAAM,SAAS,GAAG,MAAA,SAAS,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,IAAI,mCAAI,WAAW,CAAC;IACvE,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;IAC/B,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;AACtD,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxD,OAAO,EAAE,UAAU,EAAE,YAAY,CAAC,cAAc,CAAC,EAAE,UAAU,EAAE,YAAY,CAAC,cAAc,CAAC,EAAE,CAAC;AAChG,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,EAAE;IAChD,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxD,OAAO,YAAY,CAAC,cAAc,CAAC,IAAI,YAAY,CAAC,cAAc,CAAC,CAAC;AACtE,CAAC,CAAC","sourcesContent":["import { useFilters } from '@src/data/filtersContext';\nimport { useCourseIdWithGate } from '@src/data/apiHook';\n\nimport { useCohorts, useTracks } from './apiHook';\n\n// Stable empty reference so these reads don't return a fresh array each render\n// while their query is still loading.\nconst EMPTY_ARRAY = [];\n\n// Grade limits are valid when between 0 and 100 (mirrors the legacy\n// `courseGradeFilterValidity` selector, which used minGrade='0'/maxGrade='100').\nconst isGradeValid = (value) => {\n  const intValue = parseInt(value, 10);\n  return intValue >= 0 && intValue <= 100;\n};\n\n/**\n * useSelectedCohortEntry()\n * The full cohort entry matching the currently-selected cohort id (from the\n * FiltersProvider), or undefined.\n */\nexport const useSelectedCohortEntry = () => {\n  const { courseId, enabled } = useCourseIdWithGate();\n  const cohortList = useCohorts(courseId, { enabled }).data ?? EMPTY_ARRAY;\n  const { cohort: cohortId } = useFilters();\n  return cohortList.find(({ id }) => id === parseInt(cohortId, 10));\n};\n\n/**\n * useSelectedTrackEntry()\n * The full track entry matching the currently-selected track slug (from the\n * FiltersProvider), or undefined.\n */\nexport const useSelectedTrackEntry = () => {\n  const { courseId, enabled } = useCourseIdWithGate();\n  const trackList = useTracks(courseId, { enabled }).data ?? EMPTY_ARRAY;\n  const { track } = useFilters();\n  return trackList.find(({ slug }) => slug === track);\n};\n\n/**\n * useCourseGradeFilterValidity()\n * Per-field validity of the (live) course-grade min/max inputs.\n */\nexport const useCourseGradeFilterValidity = () => {\n  const { courseGradeMin, courseGradeMax } = useFilters();\n  return { isMaxValid: isGradeValid(courseGradeMax), isMinValid: isGradeValid(courseGradeMin) };\n};\n\n/**\n * useAreCourseGradeFiltersValid()\n * Whether both course-grade limits are valid (gates the Apply button).\n */\nexport const useAreCourseGradeFiltersValid = () => {\n  const { courseGradeMin, courseGradeMax } = useFilters();\n  return isGradeValid(courseGradeMin) && isGradeValid(courseGradeMax);\n};\n"]}

package/dist/components/GradebookFilters/data/queryKeys.d.ts

@@ -0,0 +1,10 @@
+/** Cohorts available for the course (cohort filter dropdown). */
+export declare const cohortsQueryKeys: {
+    all: readonly ["gradebook"];
+    byCourse: (courseId: string) => readonly ["gradebook", string, "cohorts"];
+};
+/** Enrollment tracks / course modes for the course (track filter dropdown). */
+export declare const tracksQueryKeys: {
+    all: readonly ["gradebook"];
+    byCourse: (courseId: string) => readonly ["gradebook", string, "tracks"];
+};

package/dist/components/GradebookFilters/data/queryKeys.js

@@ -0,0 +1,12 @@
+import { BASE_KEY } from '../../../data/queryKeys';
+/** Cohorts available for the course (cohort filter dropdown). */
+export const cohortsQueryKeys = {
+    all: BASE_KEY,
+    byCourse: (courseId) => [...BASE_KEY, courseId, 'cohorts'],
+};
+/** Enrollment tracks / course modes for the course (track filter dropdown). */
+export const tracksQueryKeys = {
+    all: BASE_KEY,
+    byCourse: (courseId) => [...BASE_KEY, courseId, 'tracks'],
+};
+//# sourceMappingURL=queryKeys.js.map

package/dist/components/GradebookFilters/data/queryKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryKeys.js","sourceRoot":"","sources":["../../../../src/components/GradebookFilters/data/queryKeys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,iEAAiE;AACjE,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,EAAE,QAAQ;IACb,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAU;CAC5E,CAAC;AAEF,+EAA+E;AAC/E,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,GAAG,EAAE,QAAQ;IACb,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU;CAC3E,CAAC","sourcesContent":["import { BASE_KEY } from '@src/data/queryKeys';\n\n/** Cohorts available for the course (cohort filter dropdown). */\nexport const cohortsQueryKeys = {\n  all: BASE_KEY,\n  byCourse: (courseId: string) => [...BASE_KEY, courseId, 'cohorts'] as const,\n};\n\n/** Enrollment tracks / course modes for the course (track filter dropdown). */\nexport const tracksQueryKeys = {\n  all: BASE_KEY,\n  byCourse: (courseId: string) => [...BASE_KEY, courseId, 'tracks'] as const,\n};\n"]}

package/dist/components/GradebookFilters/index.d.ts

@@ -0,0 +1,10 @@
+export function GradebookFilters({ updateQueryParams }: {
+    updateQueryParams: any;
+}): import("react").JSX.Element;
+export namespace GradebookFilters {
+    namespace propTypes {
+        let updateQueryParams: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+export default GradebookFilters;
+import PropTypes from 'prop-types';

package/dist/components/GradebookFilters/index.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Collapsible, Icon, IconButton, Form, } from '@openedx/paragon';
+import { Close, FilterAlt } from '@openedx/paragon/icons';
+import { useIntl } from '@openedx/frontend-base';
+import { useGradebookUi } from '../../data/gradebookUiContext';
+import { useFilters } from '../../data/filtersContext';
+import { useRefetchGrades } from '../GradesView/data/hooks';
+import messages from './messages';
+import AssignmentTypeFilter from './AssignmentTypeFilter';
+import AssignmentFilter from './AssignmentFilter';
+import AssignmentGradeFilter from './AssignmentGradeFilter';
+import CourseGradeFilter from './CourseGradeFilter';
+import StudentGroupsFilter from './StudentGroupsFilter';
+export const GradebookFilters = ({ updateQueryParams }) => {
+    const { formatMessage } = useIntl();
+    const { includeCourseRoleMembers, setIncludeCourseRoleMembers } = useFilters();
+    const { closeFilterMenu } = useGradebookUi();
+    const fetchGrades = useRefetchGrades();
+    const handleIncludeTeamMembersChange = ({ target: { checked } }) => {
+        setIncludeCourseRoleMembers(checked);
+        fetchGrades();
+        updateQueryParams({ includeCourseRoleMembers: checked });
+    };
+    const collapsibleClassName = 'filter-group mb-3';
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "filter-sidebar-header", children: [_jsx("h2", { children: _jsx(Icon, { src: FilterAlt }) }), _jsx(IconButton, { className: "p-1", onClick: closeFilterMenu, iconAs: Icon, src: Close, alt: formatMessage(messages.closeFilters), "aria-label": formatMessage(messages.closeFilters) })] }), _jsx(Collapsible, { title: formatMessage(messages.assignments), defaultOpen: true, className: collapsibleClassName, children: _jsxs("div", { children: [_jsx(AssignmentTypeFilter, { updateQueryParams: updateQueryParams }), _jsx(AssignmentFilter, { updateQueryParams: updateQueryParams }), _jsx(AssignmentGradeFilter, { updateQueryParams: updateQueryParams })] }) }), _jsx(Collapsible, { title: formatMessage(messages.overallGrade), defaultOpen: true, className: collapsibleClassName, children: _jsx(CourseGradeFilter, { updateQueryParams: updateQueryParams }) }), _jsx(Collapsible, { title: formatMessage(messages.studentGroups), defaultOpen: true, className: collapsibleClassName, children: _jsx(StudentGroupsFilter, { updateQueryParams: updateQueryParams }) }), _jsx(Collapsible, { title: formatMessage(messages.includeCourseTeamMembers), defaultOpen: true, className: collapsibleClassName, children: _jsx(Form.Checkbox, { checked: includeCourseRoleMembers, onChange: handleIncludeTeamMembersChange, children: formatMessage(messages.includeCourseTeamMembers) }) })] }));
+};
+GradebookFilters.propTypes = {
+    updateQueryParams: PropTypes.func.isRequired,
+};
+export default GradebookFilters;
+//# sourceMappingURL=index.js.map

package/dist/components/GradebookFilters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/GradebookFilters/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  Collapsible,\n  Icon,\n  IconButton,\n  Form,\n} from '@openedx/paragon';\nimport { Close, FilterAlt } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useGradebookUi } from '@src/data/gradebookUiContext';\nimport { useFilters } from '@src/data/filtersContext';\nimport { useRefetchGrades } from '@src/components/GradesView/data/hooks';\n\nimport messages from './messages';\nimport AssignmentTypeFilter from './AssignmentTypeFilter';\nimport AssignmentFilter from './AssignmentFilter';\nimport AssignmentGradeFilter from './AssignmentGradeFilter';\nimport CourseGradeFilter from './CourseGradeFilter';\nimport StudentGroupsFilter from './StudentGroupsFilter';\n\nexport const GradebookFilters = ({ updateQueryParams }) => {\n  const { formatMessage } = useIntl();\n  const { includeCourseRoleMembers, setIncludeCourseRoleMembers } = useFilters();\n  const { closeFilterMenu } = useGradebookUi();\n  const fetchGrades = useRefetchGrades();\n\n  const handleIncludeTeamMembersChange = ({ target: { checked } }) => {\n    setIncludeCourseRoleMembers(checked);\n    fetchGrades();\n    updateQueryParams({ includeCourseRoleMembers: checked });\n  };\n\n  const collapsibleClassName = 'filter-group mb-3';\n  return (\n    <>\n      <div className=\"filter-sidebar-header\">\n        <h2><Icon src={FilterAlt} /></h2>\n        <IconButton\n          className=\"p-1\"\n          onClick={closeFilterMenu}\n          iconAs={Icon}\n          src={Close}\n          alt={formatMessage(messages.closeFilters)}\n          aria-label={formatMessage(messages.closeFilters)}\n        />\n      </div>\n\n      <Collapsible\n        title={formatMessage(messages.assignments)}\n        defaultOpen\n        className={collapsibleClassName}\n      >\n        <div>\n          <AssignmentTypeFilter updateQueryParams={updateQueryParams} />\n          <AssignmentFilter updateQueryParams={updateQueryParams} />\n          <AssignmentGradeFilter updateQueryParams={updateQueryParams} />\n        </div>\n      </Collapsible>\n\n      <Collapsible\n        title={formatMessage(messages.overallGrade)}\n        defaultOpen\n        className={collapsibleClassName}\n      >\n        <CourseGradeFilter updateQueryParams={updateQueryParams} />\n      </Collapsible>\n\n      <Collapsible\n        title={formatMessage(messages.studentGroups)}\n        defaultOpen\n        className={collapsibleClassName}\n      >\n        <StudentGroupsFilter updateQueryParams={updateQueryParams} />\n      </Collapsible>\n\n      <Collapsible\n        title={formatMessage(messages.includeCourseTeamMembers)}\n        defaultOpen\n        className={collapsibleClassName}\n      >\n        <Form.Checkbox\n          checked={includeCourseRoleMembers}\n          onChange={handleIncludeTeamMembersChange}\n        >\n          {formatMessage(messages.includeCourseTeamMembers)}\n        </Form.Checkbox>\n      </Collapsible>\n    </>\n  );\n};\nGradebookFilters.propTypes = {\n  updateQueryParams: PropTypes.func.isRequired,\n};\n\nexport default GradebookFilters;\n"]}

package/dist/components/GradebookFilters/messages.d.ts

@@ -0,0 +1,112 @@
+export default messages;
+declare namespace messages {
+    namespace assignments {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    namespace overallGrade {
+        let id_1: string;
+        export { id_1 as id };
+        let defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+        let description_1: string;
+        export { description_1 as description };
+    }
+    namespace studentGroups {
+        let id_2: string;
+        export { id_2 as id };
+        let defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+        let description_2: string;
+        export { description_2 as description };
+    }
+    namespace includeCourseTeamMembers {
+        let id_3: string;
+        export { id_3 as id };
+        let defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+        let description_3: string;
+        export { description_3 as description };
+    }
+    namespace assignment {
+        let id_4: string;
+        export { id_4 as id };
+        let defaultMessage_4: string;
+        export { defaultMessage_4 as defaultMessage };
+        let description_4: string;
+        export { description_4 as description };
+    }
+    namespace assignmentTypes {
+        let id_5: string;
+        export { id_5 as id };
+        let defaultMessage_5: string;
+        export { defaultMessage_5 as defaultMessage };
+        let description_5: string;
+        export { description_5 as description };
+    }
+    namespace maxGrade {
+        let id_6: string;
+        export { id_6 as id };
+        let defaultMessage_6: string;
+        export { defaultMessage_6 as defaultMessage };
+        let description_6: string;
+        export { description_6 as description };
+    }
+    namespace minGrade {
+        let id_7: string;
+        export { id_7 as id };
+        let defaultMessage_7: string;
+        export { defaultMessage_7 as defaultMessage };
+        let description_7: string;
+        export { description_7 as description };
+    }
+    namespace cohorts {
+        let id_8: string;
+        export { id_8 as id };
+        let defaultMessage_8: string;
+        export { defaultMessage_8 as defaultMessage };
+        let description_8: string;
+        export { description_8 as description };
+    }
+    namespace cohortAll {
+        let id_9: string;
+        export { id_9 as id };
+        let defaultMessage_9: string;
+        export { defaultMessage_9 as defaultMessage };
+        let description_9: string;
+        export { description_9 as description };
+    }
+    namespace tracks {
+        let id_10: string;
+        export { id_10 as id };
+        let defaultMessage_10: string;
+        export { defaultMessage_10 as defaultMessage };
+        let description_10: string;
+        export { description_10 as description };
+    }
+    namespace trackAll {
+        let id_11: string;
+        export { id_11 as id };
+        let defaultMessage_11: string;
+        export { defaultMessage_11 as defaultMessage };
+        let description_11: string;
+        export { description_11 as description };
+    }
+    namespace closeFilters {
+        let id_12: string;
+        export { id_12 as id };
+        let defaultMessage_12: string;
+        export { defaultMessage_12 as defaultMessage };
+        let description_12: string;
+        export { description_12 as description };
+    }
+    namespace apply {
+        let id_13: string;
+        export { id_13 as id };
+        let defaultMessage_13: string;
+        export { defaultMessage_13 as defaultMessage };
+        let description_13: string;
+        export { description_13 as description };
+    }
+}

package/dist/components/GradebookFilters/messages.js

@@ -0,0 +1,75 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    assignments: {
+        id: 'gradebook.GradebookFilters.assignmentsFilterLabel',
+        defaultMessage: 'Assignments',
+        description: 'Assignment filter group label in Gradebook Filters',
+    },
+    overallGrade: {
+        id: 'gradebook.GradebookFilters.overallGradeFilterLabel',
+        defaultMessage: 'Overall Grade',
+        description: 'Overall Grade filter group label in Gradebook Filters',
+    },
+    studentGroups: {
+        id: 'gradebook.GradebookFilters.studentGroupsFilterLabel',
+        defaultMessage: 'Student Groups',
+        description: 'Student Groups filter group label in Gradebook Filters',
+    },
+    includeCourseTeamMembers: {
+        id: 'gradebook.GradebookFilters.includeCourseTeamMembersFilterLabel',
+        defaultMessage: 'Include Course Team Members',
+        description: 'Include Course Team Members filter label in Gradebook Filters',
+    },
+    assignment: {
+        id: 'gradebook.GradebookFilters.assignmentFilterLabel',
+        defaultMessage: 'Assignment',
+        description: 'Assignment filter select label in Gradebook Filters',
+    },
+    assignmentTypes: {
+        id: 'gradebook.GradebookFilters.assignmentTypesLabel',
+        defaultMessage: 'Assignment Types',
+        description: 'Assignment Types filter select label in Gradebook Filters',
+    },
+    maxGrade: {
+        id: 'gradebook.GradebookFilters.maxGradeFilterLabel',
+        defaultMessage: 'Max Grade',
+        description: 'Max-grade filter select label in Gradebook Filters',
+    },
+    minGrade: {
+        id: 'gradebook.GradebookFilters.minGradeFilterLabel',
+        defaultMessage: 'Min Grade',
+        description: 'Min-grade filter select label in Gradebook Filters',
+    },
+    cohorts: {
+        id: 'gradebook.GradebookFilters.cohorts',
+        defaultMessage: 'Cohorts',
+        description: 'Cohorts filter select label in Gradebook Filters',
+    },
+    cohortAll: {
+        id: 'gradebook.GradebookFilters.cohortsAll',
+        defaultMessage: 'Cohort-All',
+        description: 'Cohorts filter select default in Gradebook Filters',
+    },
+    tracks: {
+        id: 'gradebook.GradebookFilters.tracks',
+        defaultMessage: 'Tracks',
+        description: 'Tracks filter select label in Gradebook Filters',
+    },
+    trackAll: {
+        id: 'gradebook.GradebookFilters.trackAll',
+        defaultMessage: 'Track-All',
+        description: 'Tracks filter select default in Gradebook Filters',
+    },
+    closeFilters: {
+        id: 'gradebook.GradebookFilters.closeFilters',
+        defaultMessage: 'Close Filters',
+        description: 'Button label for Close button in Gradebook Filters',
+    },
+    apply: {
+        id: 'gradebook.GradebookFilters.apply',
+        defaultMessage: 'Apply',
+        description: 'Apply filter button text',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/components/GradebookFilters/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/components/GradebookFilters/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,WAAW,EAAE;QACX,EAAE,EAAE,mDAAmD;QACvD,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,oDAAoD;KAClE;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,oDAAoD;QACxD,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,uDAAuD;KACrE;IACD,aAAa,EAAE;QACb,EAAE,EAAE,qDAAqD;QACzD,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,wDAAwD;KACtE;IACD,wBAAwB,EAAE;QACxB,EAAE,EAAE,gEAAgE;QACpE,cAAc,EAAE,6BAA6B;QAC7C,WAAW,EAAE,+DAA+D;KAC7E;IACD,UAAU,EAAE;QACV,EAAE,EAAE,kDAAkD;QACtD,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,qDAAqD;KACnE;IACD,eAAe,EAAE;QACf,EAAE,EAAE,iDAAiD;QACrD,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,2DAA2D;KACzE;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,oDAAoD;KAClE;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,oDAAoD;KAClE;IACD,OAAO,EAAE;QACP,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,kDAAkD;KAChE;IACD,SAAS,EAAE;QACT,EAAE,EAAE,uCAAuC;QAC3C,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,oDAAoD;KAClE;IACD,MAAM,EAAE;QACN,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,iDAAiD;KAC/D;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,mDAAmD;KACjE;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,oDAAoD;KAClE;IACD,KAAK,EAAE;QACL,EAAE,EAAE,kCAAkC;QACtC,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,0BAA0B;KACxC;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  assignments: {\n    id: 'gradebook.GradebookFilters.assignmentsFilterLabel',\n    defaultMessage: 'Assignments',\n    description: 'Assignment filter group label in Gradebook Filters',\n  },\n  overallGrade: {\n    id: 'gradebook.GradebookFilters.overallGradeFilterLabel',\n    defaultMessage: 'Overall Grade',\n    description: 'Overall Grade filter group label in Gradebook Filters',\n  },\n  studentGroups: {\n    id: 'gradebook.GradebookFilters.studentGroupsFilterLabel',\n    defaultMessage: 'Student Groups',\n    description: 'Student Groups filter group label in Gradebook Filters',\n  },\n  includeCourseTeamMembers: {\n    id: 'gradebook.GradebookFilters.includeCourseTeamMembersFilterLabel',\n    defaultMessage: 'Include Course Team Members',\n    description: 'Include Course Team Members filter label in Gradebook Filters',\n  },\n  assignment: {\n    id: 'gradebook.GradebookFilters.assignmentFilterLabel',\n    defaultMessage: 'Assignment',\n    description: 'Assignment filter select label in Gradebook Filters',\n  },\n  assignmentTypes: {\n    id: 'gradebook.GradebookFilters.assignmentTypesLabel',\n    defaultMessage: 'Assignment Types',\n    description: 'Assignment Types filter select label in Gradebook Filters',\n  },\n  maxGrade: {\n    id: 'gradebook.GradebookFilters.maxGradeFilterLabel',\n    defaultMessage: 'Max Grade',\n    description: 'Max-grade filter select label in Gradebook Filters',\n  },\n  minGrade: {\n    id: 'gradebook.GradebookFilters.minGradeFilterLabel',\n    defaultMessage: 'Min Grade',\n    description: 'Min-grade filter select label in Gradebook Filters',\n  },\n  cohorts: {\n    id: 'gradebook.GradebookFilters.cohorts',\n    defaultMessage: 'Cohorts',\n    description: 'Cohorts filter select label in Gradebook Filters',\n  },\n  cohortAll: {\n    id: 'gradebook.GradebookFilters.cohortsAll',\n    defaultMessage: 'Cohort-All',\n    description: 'Cohorts filter select default in Gradebook Filters',\n  },\n  tracks: {\n    id: 'gradebook.GradebookFilters.tracks',\n    defaultMessage: 'Tracks',\n    description: 'Tracks filter select label in Gradebook Filters',\n  },\n  trackAll: {\n    id: 'gradebook.GradebookFilters.trackAll',\n    defaultMessage: 'Track-All',\n    description: 'Tracks filter select default in Gradebook Filters',\n  },\n  closeFilters: {\n    id: 'gradebook.GradebookFilters.closeFilters',\n    defaultMessage: 'Close Filters',\n    description: 'Button label for Close button in Gradebook Filters',\n  },\n  apply: {\n    id: 'gradebook.GradebookFilters.apply',\n    defaultMessage: 'Apply',\n    description: 'Apply filter button text',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/GradebookHeader/hooks.d.ts

@@ -0,0 +1,13 @@
+export function useGradebookHeaderData(): {
+    areGradesFrozen: boolean | undefined;
+    canUserViewGradebook: boolean;
+    courseId: string;
+    showBulkManagement: boolean;
+    handleToggleViewClick: () => void;
+    toggleViewMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default useGradebookHeaderData;

package/dist/components/GradebookHeader/hooks.js

@@ -0,0 +1,28 @@
+import { views } from '../../data/constants/app';
+import { useAssignmentTypes, useCanViewGradebook, useCourseIdWithGate, useShowBulkManagement, } from '../../data/apiHook';
+import { useGradebookUi } from '../../data/gradebookUiContext';
+import messages from './messages';
+export const useGradebookHeaderData = () => {
+    var _a;
+    const { activeView, setActiveView } = useGradebookUi();
+    const { courseId, enabled } = useCourseIdWithGate();
+    const areGradesFrozen = (_a = useAssignmentTypes(courseId, { enabled }).data) === null || _a === void 0 ? void 0 : _a.areGradesFrozen;
+    const canUserViewGradebook = useCanViewGradebook();
+    const showBulkManagement = useShowBulkManagement();
+    const handleToggleViewClick = () => setActiveView(activeView === views.grades
+        ? views.bulkManagementHistory
+        : views.grades);
+    const toggleViewMessage = activeView === views.grades
+        ? messages.toActivityLog
+        : messages.toGradesView;
+    return {
+        areGradesFrozen,
+        canUserViewGradebook,
+        courseId,
+        showBulkManagement,
+        handleToggleViewClick,
+        toggleViewMessage,
+    };
+};
+export default useGradebookHeaderData;
+//# sourceMappingURL=hooks.js.map

package/dist/components/GradebookHeader/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/components/GradebookHeader/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;;IACzC,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE,CAAC;IACvD,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACpD,MAAM,eAAe,GAAG,MAAA,kBAAkB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,IAAI,0CAAE,eAAe,CAAC;IACxF,MAAM,oBAAoB,GAAG,mBAAmB,EAAE,CAAC;IACnD,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IAEnD,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,aAAa,CAC/C,UAAU,KAAK,KAAK,CAAC,MAAM;QACzB,CAAC,CAAC,KAAK,CAAC,qBAAqB;QAC7B,CAAC,CAAC,KAAK,CAAC,MAAM,CACjB,CAAC;IAEF,MAAM,iBAAiB,GAAG,UAAU,KAAK,KAAK,CAAC,MAAM;QACnD,CAAC,CAAC,QAAQ,CAAC,aAAa;QACxB,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;IAE1B,OAAO;QACL,eAAe;QACf,oBAAoB;QACpB,QAAQ;QACR,kBAAkB;QAElB,qBAAqB;QACrB,iBAAiB;KAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["import { views } from '@src/data/constants/app';\nimport {\n  useAssignmentTypes,\n  useCanViewGradebook,\n  useCourseIdWithGate,\n  useShowBulkManagement,\n} from '@src/data/apiHook';\nimport { useGradebookUi } from '@src/data/gradebookUiContext';\n\nimport messages from './messages';\n\nexport const useGradebookHeaderData = () => {\n  const { activeView, setActiveView } = useGradebookUi();\n  const { courseId, enabled } = useCourseIdWithGate();\n  const areGradesFrozen = useAssignmentTypes(courseId, { enabled }).data?.areGradesFrozen;\n  const canUserViewGradebook = useCanViewGradebook();\n  const showBulkManagement = useShowBulkManagement();\n\n  const handleToggleViewClick = () => setActiveView(\n    activeView === views.grades\n      ? views.bulkManagementHistory\n      : views.grades,\n  );\n\n  const toggleViewMessage = activeView === views.grades\n    ? messages.toActivityLog\n    : messages.toGradesView;\n\n  return {\n    areGradesFrozen,\n    canUserViewGradebook,\n    courseId,\n    showBulkManagement,\n\n    handleToggleViewClick,\n    toggleViewMessage,\n  };\n};\n\nexport default useGradebookHeaderData;\n"]}

package/dist/components/GradebookHeader/index.d.ts

@@ -0,0 +1,2 @@
+export function GradebookHeader(): import("react").JSX.Element;
+export default GradebookHeader;