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

package/dist/components/GradesView/data/utils.d.ts

@@ -0,0 +1,96 @@
+import type { FiltersSnapshot } from '../../../data/filtersSnapshot';
+export declare const minGrade = "0";
+export declare const maxGrade = "100";
+/** A percent grade, or null when equal to the max. */
+export declare const formatMaxCourseGrade: (percentGrade: string) => string | null;
+/** A percent grade, or null when equal to the min. */
+export declare const formatMinCourseGrade: (percentGrade: string) => string | null;
+/** Same as `formatMaxCourseGrade` but also null when no assignment is selected. */
+export declare const formatMaxAssignmentGrade: (percentGrade: string, options: {
+    assignmentId?: string | undefined;
+}) => string | null;
+/** Same as `formatMinCourseGrade` but also null when no assignment is selected. */
+export declare const formatMinAssignmentGrade: (percentGrade: string, options: {
+    assignmentId?: string | undefined;
+}) => string | null;
+/** Round a number to two decimal places (defaults to 0). */
+export declare const roundGrade: (val: number | undefined | null) => number;
+/**
+ * subsectionGrade[format](subsection)
+ * Formats one subsection cell for the gradebook table.
+ * - `absolute`: rounded `earned/possible` if attempted, else `earned`.
+ * - `percent`: rounded `percent * 100`.
+ */
+export declare const subsectionGrade: Record<string, (subsection: any) => string | number>;
+/** One raw entry from the grade-override history endpoint. */
+export interface RawGradeOverrideHistoryItem {
+    history_date: string;
+    history_user: string;
+    override_reason: string;
+    earned_graded_override: unknown;
+}
+/** Display-shaped grade-override history entry. */
+export interface DisplayGradeOverrideHistoryItem {
+    date: string;
+    grader: string;
+    reason: string;
+    adjustedGrade: unknown;
+}
+/** Map the raw override-history entries into what the edit modal renders. */
+export declare const formatGradeOverrideForDisplay: (historyArray: RawGradeOverrideHistoryItem[]) => DisplayGradeOverrideHistoryItem[];
+/** A section-breakdown entry inside a grade row. */
+export interface SectionBreakdownEntry {
+    label?: string;
+    category?: string;
+    subsection_name?: string;
+    module_id?: string;
+    [key: string]: unknown;
+}
+/** Relevant assignment info the filter dropdown consumes. */
+export interface AssignmentSummary {
+    label: string;
+    subsectionLabel: string;
+    type: string;
+    id: string;
+}
+/**
+ * headingMapper(category, label)
+ * Returns a function that, given a section breakdown, returns the table headers
+ * for the current assignment-type + assignment-label filters.
+ */
+export declare const headingMapper: (category: string, label?: string) => (entry: SectionBreakdownEntry[] | null | undefined) => (string | undefined)[];
+/** Section-breakdown of the first grades result (empty if none). */
+export declare const getAssignmentsFromResultsSubstate: (results: {
+    section_breakdown?: SectionBreakdownEntry[];
+}[]) => SectionBreakdownEntry[];
+/** Reshape one section-breakdown entry into filter-friendly fields. */
+export declare const chooseRelevantAssignmentData: ({ label, subsection_name: subsectionLabel, category: type, module_id: id, }: SectionBreakdownEntry) => AssignmentSummary;
+/** Look up the relevant assignment data by id inside a grades results array. */
+export declare const relevantAssignmentDataFromResults: (results: {
+    section_breakdown?: SectionBreakdownEntry[];
+}[], id: string) => AssignmentSummary | undefined;
+/** Whether a filter value equals the initial (default) value for that filter. */
+export declare const isDefault: (name: string, value: unknown) => boolean;
+/** Params object the `getGrades` API call consumes. */
+export interface GradesFetchParams {
+    searchText: string | null;
+    cohort: string;
+    track: string;
+    options: {
+        assignment: string | undefined;
+        includeCourseRoleMembers: boolean;
+        assignmentGradeMax: string | null;
+        assignmentGradeMin: string | null;
+        courseGradeMax: string | null;
+        courseGradeMin: string | null;
+        searchText?: string;
+    };
+}
+/**
+ * buildGradesFetchParams(snapshot)
+ * Build the `getGrades` params from a filters snapshot. Mirrors the legacy
+ * `selectors.root.localFilters` shape: assignment grade limits collapse to
+ * `null` when no assignment is selected or the value equals the min/max
+ * boundary; the course grade limits collapse to `null` at the boundaries.
+ */
+export declare const buildGradesFetchParams: (snapshot: FiltersSnapshot) => GradesFetchParams;

package/dist/components/GradesView/data/utils.js

@@ -0,0 +1,103 @@
+import { StrictDict } from '../../../utils';
+import { Headings, GradeFormats } from '../../../data/constants/grades';
+import initialFilters from '../../../data/constants/filters';
+import { formatDateForDisplay } from '../../../data/formatUtils';
+import { getLocalizedSlash } from '../../../i18n/utils';
+/* ------------------------------------------------------------------ *
+ * Grade formatting
+ * ------------------------------------------------------------------ */
+export const minGrade = '0';
+export const maxGrade = '100';
+/** A percent grade, or null when equal to the max. */
+export const formatMaxCourseGrade = (percentGrade) => (percentGrade === maxGrade ? null : percentGrade);
+/** A percent grade, or null when equal to the min. */
+export const formatMinCourseGrade = (percentGrade) => (percentGrade === minGrade ? null : percentGrade);
+/** Same as `formatMaxCourseGrade` but also null when no assignment is selected. */
+export const formatMaxAssignmentGrade = (percentGrade, options) => ((percentGrade === maxGrade || !options.assignmentId) ? null : percentGrade);
+/** Same as `formatMinCourseGrade` but also null when no assignment is selected. */
+export const formatMinAssignmentGrade = (percentGrade, options) => ((percentGrade === minGrade || !options.assignmentId) ? null : percentGrade);
+/** Round a number to two decimal places (defaults to 0). */
+export const roundGrade = (val) => (parseFloat((val || 0).toFixed(2)));
+/**
+ * subsectionGrade[format](subsection)
+ * Formats one subsection cell for the gradebook table.
+ * - `absolute`: rounded `earned/possible` if attempted, else `earned`.
+ * - `percent`: rounded `percent * 100`.
+ */
+export const subsectionGrade = StrictDict({
+    [GradeFormats.absolute]: (subsection) => {
+        const earned = roundGrade(subsection.score_earned);
+        const possible = roundGrade(subsection.score_possible);
+        return subsection.attempted ? `${earned}${getLocalizedSlash()}${possible}` : `${earned}`;
+    },
+    [GradeFormats.percent]: (subsection) => {
+        var _a;
+        return (roundGrade(((_a = subsection.percent) !== null && _a !== void 0 ? _a : 0) * 100));
+    },
+});
+/** Map the raw override-history entries into what the edit modal renders. */
+export const formatGradeOverrideForDisplay = (historyArray) => historyArray.map(item => ({
+    date: formatDateForDisplay(new Date(item.history_date)),
+    grader: item.history_user,
+    reason: item.override_reason,
+    adjustedGrade: item.earned_graded_override,
+}));
+/**
+ * headingMapper(category, label)
+ * Returns a function that, given a section breakdown, returns the table headers
+ * for the current assignment-type + assignment-label filters.
+ */
+export const headingMapper = (category, label = 'All') => {
+    const filters = {
+        all: (section) => !!section.label,
+        byCategory: (section) => (!!section.label && section.category === category),
+        byLabel: (section) => (!!section.label && section.label === label),
+    };
+    let filter;
+    if (label === 'All') {
+        filter = category === 'All' ? filters.all : filters.byCategory;
+    }
+    else {
+        filter = filters.byLabel;
+    }
+    const { username, fullName, email, totalGrade, } = Headings;
+    const filteredLabels = (entry) => (entry.filter(filter).map(s => s.label));
+    return (entry) => (entry
+        ? [username, fullName, email, ...filteredLabels(entry), totalGrade]
+        : []);
+};
+/** Section-breakdown of the first grades result (empty if none). */
+export const getAssignmentsFromResultsSubstate = (results) => ((results[0] || {}).section_breakdown || []);
+/** Reshape one section-breakdown entry into filter-friendly fields. */
+export const chooseRelevantAssignmentData = ({ label, subsection_name: subsectionLabel, category: type, module_id: id, }) => ({
+    label: label,
+    subsectionLabel: subsectionLabel,
+    type: type,
+    id: id,
+});
+/** Look up the relevant assignment data by id inside a grades results array. */
+export const relevantAssignmentDataFromResults = (results, id) => (getAssignmentsFromResultsSubstate(results)
+    .map(chooseRelevantAssignmentData)
+    .find(assignment => assignment.id === id));
+/** Whether a filter value equals the initial (default) value for that filter. */
+export const isDefault = (name, value) => (value === initialFilters[name]);
+/**
+ * buildGradesFetchParams(snapshot)
+ * Build the `getGrades` params from a filters snapshot. Mirrors the legacy
+ * `selectors.root.localFilters` shape: assignment grade limits collapse to
+ * `null` when no assignment is selected or the value equals the min/max
+ * boundary; the course grade limits collapse to `null` at the boundaries.
+ */
+export const buildGradesFetchParams = (snapshot) => {
+    const { assignment, assignmentGradeMin, assignmentGradeMax, courseGradeMin, courseGradeMax, cohort, track, includeCourseRoleMembers, searchValue, } = snapshot;
+    const assignmentId = assignment || undefined;
+    const opts = { assignmentId };
+    const options = Object.assign({ assignment: assignmentId, includeCourseRoleMembers, assignmentGradeMax: formatMaxAssignmentGrade(assignmentGradeMax, opts), assignmentGradeMin: formatMinAssignmentGrade(assignmentGradeMin, opts), courseGradeMax: formatMaxCourseGrade(courseGradeMax), courseGradeMin: formatMinCourseGrade(courseGradeMin) }, (searchValue !== '' && { searchText: searchValue }));
+    return {
+        searchText: options.searchText || null,
+        cohort,
+        track,
+        options,
+    };
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/GradesView/data/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/GradesView/data/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { StrictDict } from '@src/utils';\n\nimport { Headings, GradeFormats } from '@src/data/constants/grades';\nimport initialFilters from '@src/data/constants/filters';\nimport { formatDateForDisplay } from '@src/data/formatUtils';\nimport { getLocalizedSlash } from '@src/i18n/utils';\nimport type { FiltersSnapshot } from '@src/data/filtersSnapshot';\n\n/* ------------------------------------------------------------------ *\n * Grade formatting\n * ------------------------------------------------------------------ */\n\nexport const minGrade = '0';\nexport const maxGrade = '100';\n\n/** A percent grade, or null when equal to the max. */\nexport const formatMaxCourseGrade = (percentGrade: string): string | null => (\n  percentGrade === maxGrade ? null : percentGrade\n);\n\n/** A percent grade, or null when equal to the min. */\nexport const formatMinCourseGrade = (percentGrade: string): string | null => (\n  percentGrade === minGrade ? null : percentGrade\n);\n\n/** Same as `formatMaxCourseGrade` but also null when no assignment is selected. */\nexport const formatMaxAssignmentGrade = (\n  percentGrade: string,\n  options: { assignmentId?: string | undefined },\n): string | null => (\n  (percentGrade === maxGrade || !options.assignmentId) ? null : percentGrade\n);\n\n/** Same as `formatMinCourseGrade` but also null when no assignment is selected. */\nexport const formatMinAssignmentGrade = (\n  percentGrade: string,\n  options: { assignmentId?: string | undefined },\n): string | null => (\n  (percentGrade === minGrade || !options.assignmentId) ? null : percentGrade\n);\n\n/** Round a number to two decimal places (defaults to 0). */\nexport const roundGrade = (val: number | undefined | null): number => (\n  parseFloat((val || 0).toFixed(2))\n);\n\n/**\n * subsectionGrade[format](subsection)\n * Formats one subsection cell for the gradebook table.\n * - `absolute`: rounded `earned/possible` if attempted, else `earned`.\n * - `percent`: rounded `percent * 100`.\n */\nexport const subsectionGrade = StrictDict({\n  [GradeFormats.absolute]: (subsection: {\n    score_earned?: number;\n    score_possible?: number;\n    attempted?: boolean;\n  }): string => {\n    const earned = roundGrade(subsection.score_earned);\n    const possible = roundGrade(subsection.score_possible);\n    return subsection.attempted ? `${earned}${getLocalizedSlash()}${possible}` : `${earned}`;\n  },\n  [GradeFormats.percent]: (subsection: { percent?: number }): number => (\n    roundGrade((subsection.percent ?? 0) * 100)\n  ),\n}) as Record<string, (subsection: any) => string | number>;\n\n/* ------------------------------------------------------------------ *\n * Grade override history (edit modal)\n * ------------------------------------------------------------------ */\n\n/** One raw entry from the grade-override history endpoint. */\nexport interface RawGradeOverrideHistoryItem {\n  history_date: string;\n  history_user: string;\n  override_reason: string;\n  earned_graded_override: unknown;\n}\n\n/** Display-shaped grade-override history entry. */\nexport interface DisplayGradeOverrideHistoryItem {\n  date: string;\n  grader: string;\n  reason: string;\n  adjustedGrade: unknown;\n}\n\n/** Map the raw override-history entries into what the edit modal renders. */\nexport const formatGradeOverrideForDisplay = (\n  historyArray: RawGradeOverrideHistoryItem[],\n): DisplayGradeOverrideHistoryItem[] => historyArray.map(item => ({\n  date: formatDateForDisplay(new Date(item.history_date)),\n  grader: item.history_user,\n  reason: item.override_reason,\n  adjustedGrade: item.earned_graded_override,\n}));\n\n/* ------------------------------------------------------------------ *\n * Table headings + assignment filter derivations\n * ------------------------------------------------------------------ */\n\n/** A section-breakdown entry inside a grade row. */\nexport interface SectionBreakdownEntry {\n  label?: string;\n  category?: string;\n  subsection_name?: string;\n  module_id?: string;\n  [key: string]: unknown;\n}\n\n/** Relevant assignment info the filter dropdown consumes. */\nexport interface AssignmentSummary {\n  label: string;\n  subsectionLabel: string;\n  type: string;\n  id: string;\n}\n\n/**\n * headingMapper(category, label)\n * Returns a function that, given a section breakdown, returns the table headers\n * for the current assignment-type + assignment-label filters.\n */\nexport const headingMapper = (\n  category: string,\n  label = 'All',\n) => {\n  const filters = {\n    all: (section: SectionBreakdownEntry) => !!section.label,\n    byCategory: (section: SectionBreakdownEntry) => (\n      !!section.label && section.category === category\n    ),\n    byLabel: (section: SectionBreakdownEntry) => (\n      !!section.label && section.label === label\n    ),\n  };\n\n  let filter: (section: SectionBreakdownEntry) => boolean;\n  if (label === 'All') {\n    filter = category === 'All' ? filters.all : filters.byCategory;\n  } else {\n    filter = filters.byLabel;\n  }\n  const {\n    username, fullName, email, totalGrade,\n  } = Headings;\n  const filteredLabels = (entry: SectionBreakdownEntry[]) => (\n    entry.filter(filter).map(s => s.label)\n  );\n\n  return (entry: SectionBreakdownEntry[] | null | undefined): (string | undefined)[] => (\n    entry\n      ? [username, fullName, email, ...filteredLabels(entry), totalGrade]\n      : []\n  );\n};\n\n/** Section-breakdown of the first grades result (empty if none). */\nexport const getAssignmentsFromResultsSubstate = (\n  results: { section_breakdown?: SectionBreakdownEntry[] }[],\n): SectionBreakdownEntry[] => (\n  (results[0] || {}).section_breakdown || []\n);\n\n/** Reshape one section-breakdown entry into filter-friendly fields. */\nexport const chooseRelevantAssignmentData = ({\n  label,\n  subsection_name: subsectionLabel,\n  category: type,\n  module_id: id,\n}: SectionBreakdownEntry): AssignmentSummary => ({\n  label: label as string,\n  subsectionLabel: subsectionLabel as string,\n  type: type as string,\n  id: id as string,\n});\n\n/** Look up the relevant assignment data by id inside a grades results array. */\nexport const relevantAssignmentDataFromResults = (\n  results: { section_breakdown?: SectionBreakdownEntry[] }[],\n  id: string,\n): AssignmentSummary | undefined => (\n  getAssignmentsFromResultsSubstate(results)\n    .map(chooseRelevantAssignmentData)\n    .find(assignment => assignment.id === id)\n);\n\n/** Whether a filter value equals the initial (default) value for that filter. */\nexport const isDefault = (name: string, value: unknown): boolean => (\n  value === (initialFilters as Record<string, unknown>)[name]\n);\n\n/* ------------------------------------------------------------------ *\n * Grades fetch params (built from the filters snapshot)\n * ------------------------------------------------------------------ */\n\n/** Params object the `getGrades` API call consumes. */\nexport interface GradesFetchParams {\n  searchText: string | null;\n  cohort: string;\n  track: string;\n  options: {\n    assignment: string | undefined;\n    includeCourseRoleMembers: boolean;\n    assignmentGradeMax: string | null;\n    assignmentGradeMin: string | null;\n    courseGradeMax: string | null;\n    courseGradeMin: string | null;\n    searchText?: string;\n  };\n}\n\n/**\n * buildGradesFetchParams(snapshot)\n * Build the `getGrades` params from a filters snapshot. Mirrors the legacy\n * `selectors.root.localFilters` shape: assignment grade limits collapse to\n * `null` when no assignment is selected or the value equals the min/max\n * boundary; the course grade limits collapse to `null` at the boundaries.\n */\nexport const buildGradesFetchParams = (\n  snapshot: FiltersSnapshot,\n): GradesFetchParams => {\n  const {\n    assignment,\n    assignmentGradeMin, assignmentGradeMax,\n    courseGradeMin, courseGradeMax,\n    cohort, track,\n    includeCourseRoleMembers,\n    searchValue,\n  } = snapshot;\n  const assignmentId = assignment || undefined;\n  const opts = { assignmentId };\n  const options = {\n    assignment: assignmentId,\n    includeCourseRoleMembers,\n    assignmentGradeMax: formatMaxAssignmentGrade(assignmentGradeMax, opts),\n    assignmentGradeMin: formatMinAssignmentGrade(assignmentGradeMin, opts),\n    courseGradeMax: formatMaxCourseGrade(courseGradeMax),\n    courseGradeMin: formatMinCourseGrade(courseGradeMin),\n    ...(searchValue !== '' && { searchText: searchValue }),\n  };\n  return {\n    searchText: options.searchText || null,\n    cohort,\n    track,\n    options,\n  };\n};\n"]}

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

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

package/dist/components/GradesView/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { useFilters } from '../../data/filtersContext';
+import BulkManagementControls from './BulkManagementControls';
+import EditModal from './EditModal';
+import FilterBadges from './FilterBadges';
+import FilteredUsersLabel from './FilteredUsersLabel';
+import FilterMenuToggle from './FilterMenuToggle';
+import GradebookTable from './GradebookTable';
+import ImportSuccessToast from './ImportSuccessToast';
+import InterventionsReport from './InterventionsReport';
+import PageButtons from './PageButtons';
+import ScoreViewInput from './ScoreViewInput';
+import SearchControls from './SearchControls';
+import SpinnerIcon from './SpinnerIcon';
+import StatusAlerts from './StatusAlerts';
+import { useRefetchGrades } from './data/hooks';
+import messages from './messages';
+export const GradesView = ({ updateQueryParams }) => {
+    const { formatMessage } = useIntl();
+    const { resetFilters: resetContextFilters } = useFilters();
+    const fetchGrades = useRefetchGrades();
+    const handleFilterBadgeClose = (filterNames) => () => {
+        resetContextFilters(filterNames);
+        updateQueryParams(filterNames.reduce((obj, filterName) => (Object.assign(Object.assign({}, obj), { [filterName]: false })), {}));
+        fetchGrades();
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(SpinnerIcon, {}), _jsx(InterventionsReport, {}), _jsx("h3", { className: "step-message-1", children: formatMessage(messages.filterStepHeading) }), _jsxs("div", { className: "d-flex justify-content-between flex-wrap", children: [_jsx(FilterMenuToggle, {}), _jsx(SearchControls, {})] }), _jsx(FilterBadges, { handleClose: handleFilterBadgeClose }), _jsx(StatusAlerts, {}), _jsx("h3", { children: formatMessage(messages.gradebookStepHeading) }), _jsxs("div", { className: "d-flex justify-content-between align-items-center mb-2", children: [_jsx(ScoreViewInput, {}), _jsx(BulkManagementControls, {})] }), _jsx(FilteredUsersLabel, {}), _jsx(GradebookTable, {}), _jsx(PageButtons, {}), _jsxs("p", { children: ["* ", formatMessage(messages.mastersHint)] }), _jsx(EditModal, {}), _jsx(ImportSuccessToast, {})] }));
+};
+GradesView.propTypes = {
+    updateQueryParams: PropTypes.func.isRequired,
+};
+export default GradesView;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/GradesView/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAClD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,GAAG,UAAU,EAAE,CAAC;IAC3D,MAAM,WAAW,GAAG,gBAAgB,EAAE,CAAC;IAEvC,MAAM,sBAAsB,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC,GAAG,EAAE;QACnD,mBAAmB,CAAC,WAAW,CAAC,CAAC;QACjC,iBAAiB,CAAC,WAAW,CAAC,MAAM,CAClC,CAAC,GAAG,EAAE,UAAU,EAAE,EAAE,CAAC,iCAAM,GAAG,KAAE,CAAC,UAAU,CAAC,EAAE,KAAK,IAAG,EACtD,EAAE,CACH,CAAC,CAAC;QACH,WAAW,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,WAAW,KAAG,EAEf,KAAC,mBAAmB,KAAG,EACvB,aAAI,SAAS,EAAC,gBAAgB,YAC3B,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,GACvC,EAEL,eAAK,SAAS,EAAC,0CAA0C,aACvD,KAAC,gBAAgB,KAAG,EACpB,KAAC,cAAc,KAAG,IACd,EAEN,KAAC,YAAY,IAAC,WAAW,EAAE,sBAAsB,GAAI,EACrD,KAAC,YAAY,KAAG,EAEhB,uBAAK,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GAAM,EAEvD,eAAK,SAAS,EAAC,wDAAwD,aACrE,KAAC,cAAc,KAAG,EAClB,KAAC,sBAAsB,KAAG,IACtB,EAEN,KAAC,kBAAkB,KAAG,EAEtB,KAAC,cAAc,KAAG,EAElB,KAAC,WAAW,KAAG,EACf,8BAAM,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAK,EAC9C,KAAC,SAAS,KAAG,EAEb,KAAC,kBAAkB,KAAG,IACrB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,SAAS,GAAG;IACrB,iBAAiB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC7C,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useFilters } from '@src/data/filtersContext';\n\nimport BulkManagementControls from './BulkManagementControls';\nimport EditModal from './EditModal';\nimport FilterBadges from './FilterBadges';\nimport FilteredUsersLabel from './FilteredUsersLabel';\nimport FilterMenuToggle from './FilterMenuToggle';\nimport GradebookTable from './GradebookTable';\nimport ImportSuccessToast from './ImportSuccessToast';\nimport InterventionsReport from './InterventionsReport';\nimport PageButtons from './PageButtons';\nimport ScoreViewInput from './ScoreViewInput';\nimport SearchControls from './SearchControls';\nimport SpinnerIcon from './SpinnerIcon';\nimport StatusAlerts from './StatusAlerts';\n\nimport { useRefetchGrades } from './data/hooks';\nimport messages from './messages';\n\nexport const GradesView = ({ updateQueryParams }) => {\n  const { formatMessage } = useIntl();\n  const { resetFilters: resetContextFilters } = useFilters();\n  const fetchGrades = useRefetchGrades();\n\n  const handleFilterBadgeClose = (filterNames) => () => {\n    resetContextFilters(filterNames);\n    updateQueryParams(filterNames.reduce(\n      (obj, filterName) => ({ ...obj, [filterName]: false }),\n      {},\n    ));\n    fetchGrades();\n  };\n\n  return (\n    <>\n      <SpinnerIcon />\n\n      <InterventionsReport />\n      <h3 className=\"step-message-1\">\n        {formatMessage(messages.filterStepHeading)}\n      </h3>\n\n      <div className=\"d-flex justify-content-between flex-wrap\">\n        <FilterMenuToggle />\n        <SearchControls />\n      </div>\n\n      <FilterBadges handleClose={handleFilterBadgeClose} />\n      <StatusAlerts />\n\n      <h3>{formatMessage(messages.gradebookStepHeading)}</h3>\n\n      <div className=\"d-flex justify-content-between align-items-center mb-2\">\n        <ScoreViewInput />\n        <BulkManagementControls />\n      </div>\n\n      <FilteredUsersLabel />\n\n      <GradebookTable />\n\n      <PageButtons />\n      <p>* {formatMessage(messages.mastersHint)}</p>\n      <EditModal />\n\n      <ImportSuccessToast />\n    </>\n  );\n};\n\nGradesView.propTypes = {\n  updateQueryParams: PropTypes.func.isRequired,\n};\n\nexport default GradesView;\n"]}

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

@@ -0,0 +1,24 @@
+export default messages;
+declare namespace messages {
+    namespace filterStepHeading {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    namespace gradebookStepHeading {
+        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 mastersHint {
+        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 };
+    }
+}

package/dist/components/GradesView/messages.js

@@ -0,0 +1,20 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    filterStepHeading: {
+        id: 'gradebook.GradesView.filterHeading',
+        defaultMessage: 'Step 1: Filter the Grade Report',
+        description: 'Filter controls container heading string',
+    },
+    gradebookStepHeading: {
+        id: 'gradebook.GradesView.gradebookStepHeading',
+        defaultMessage: 'Step 2: View or Modify Individual Grades',
+        description: 'Alert text for invalid minimum course grade',
+    },
+    mastersHint: {
+        id: 'gradebook.GradesView.mastersHint',
+        defaultMessage: "available for learners in the Master's track only",
+        description: 'Masters feature availability hint on Grades Tab',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/components/GradesView/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,iBAAiB,EAAE;QACjB,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,iCAAiC;QACjD,WAAW,EAAE,0CAA0C;KACxD;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,0CAA0C;QAC1D,WAAW,EAAE,6CAA6C;KAC3D;IACD,WAAW,EAAE;QACX,EAAE,EAAE,kCAAkC;QACtC,cAAc,EAAE,mDAAmD;QACnE,WAAW,EAAE,iDAAiD;KAC/D;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  filterStepHeading: {\n    id: 'gradebook.GradesView.filterHeading',\n    defaultMessage: 'Step 1: Filter the Grade Report',\n    description: 'Filter controls container heading string',\n  },\n  gradebookStepHeading: {\n    id: 'gradebook.GradesView.gradebookStepHeading',\n    defaultMessage: 'Step 2: View or Modify Individual Grades',\n    description: 'Alert text for invalid minimum course grade',\n  },\n  mastersHint: {\n    id: 'gradebook.GradesView.mastersHint',\n    defaultMessage: \"available for learners in the Master's track only\",\n    description: 'Masters feature availability hint on Grades Tab',\n  },\n});\n\nexport default messages;\n"]}

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

@@ -0,0 +1,23 @@
+export const buttonStates: any;
+export function NetworkButton({ className, label, onClick, import: isImport, }: string): import("react").JSX.Element;
+export namespace NetworkButton {
+    namespace defaultProps {
+        export let className: string;
+        let _import: boolean;
+        export { _import as import };
+    }
+    namespace propTypes {
+        let className_1: PropTypes.Requireable<string>;
+        export { className_1 as className };
+        export let label: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            id: PropTypes.Requireable<string>;
+            defaultMessage: PropTypes.Requireable<string>;
+            description: PropTypes.Requireable<string>;
+        }>>>;
+        export let onClick: PropTypes.Validator<(...args: any[]) => any>;
+        let _import_1: PropTypes.Requireable<boolean>;
+        export { _import_1 as import };
+    }
+}
+export default NetworkButton;
+import PropTypes from 'prop-types';

package/dist/components/NetworkButton/index.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { StatefulButton, Icon } from '@openedx/paragon';
+import { FormattedMessage } from '@openedx/frontend-base';
+import { useShouldShowSpinner } from '../GradesView/data/hooks';
+import { StrictDict } from '../../utils';
+export const buttonStates = StrictDict({
+    pending: 'pending',
+    default: 'default',
+});
+/**
+ * <NetworkButton />
+ * Simplified Download/Upload button, tied to the app's network status (showSpinner).
+ * Provides a button with a default `download` icon along with a label, which should
+ * be a transifex-friendly message object. If the `import` argument is passed, the default
+ * icon will be an upload icon.
+ * If the app is busy on a network task (showSpinner === true), the button will be disabled
+ * and show a spinner/working indicator.
+ * The buttons can also be passed an optional className for further css customization.
+ * @param {string} className - optional extra css class(es)
+ * @param {object} label - transifex-friendly message object
+ * @param {func} onClick - button on-click action
+ * @param {bool} import - should show import icon instead of download icon in default state.
+ */
+export const NetworkButton = ({ className, label, onClick, import: isImport, }) => {
+    const showSpinner = useShouldShowSpinner();
+    const labelNode = _jsx(FormattedMessage, Object.assign({}, label));
+    const labels = { default: labelNode, pending: labelNode };
+    const iconClass = 'fa mr-2';
+    const defaultIcon = isImport ? 'fa-upload' : 'fa-download';
+    const icons = {
+        pending: (_jsx(Icon, { className: classNames(iconClass, 'fa-spinner fa-spin') })),
+        default: (_jsx(Icon, { className: classNames(iconClass, defaultIcon) })),
+    };
+    const buttonState = showSpinner ? buttonStates.pending : buttonStates.default;
+    return (_jsx(StatefulButton, { labels: labels, variant: "outline-primary", disabledStates: [buttonStates.pending], className: classNames('ml-2', className), icons: icons, state: buttonState, onClick: onClick }));
+};
+NetworkButton.defaultProps = {
+    className: '',
+    import: false,
+};
+NetworkButton.propTypes = {
+    className: PropTypes.string,
+    label: PropTypes.shape({
+        id: PropTypes.string,
+        defaultMessage: PropTypes.string,
+        description: PropTypes.string,
+    }).isRequired,
+    onClick: PropTypes.func.isRequired,
+    import: PropTypes.bool,
+};
+export default NetworkButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NetworkButton/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC;IACrC,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EAAE,QAAQ,GACjB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;IAE3C,MAAM,SAAS,GAAG,KAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAC;IAClD,MAAM,MAAM,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IAE1D,MAAM,SAAS,GAAG,SAAS,CAAC;IAC5B,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC;IAC3D,MAAM,KAAK,GAAG;QACZ,OAAO,EAAE,CAAC,KAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,oBAAoB,CAAC,GAAI,CAAC;QAC3E,OAAO,EAAE,CAAC,KAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC,GAAI,CAAC;KACnE,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC;IAE9E,OAAO,CACL,KAAC,cAAc,IACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,iBAAiB,EACzB,cAAc,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,EACtC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,EACxC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG;IAC3B,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,KAAK;CACd,CAAC;AAEF,aAAa,CAAC,SAAS,GAAG;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC;QACrB,EAAE,EAAE,SAAS,CAAC,MAAM;QACpB,cAAc,EAAE,SAAS,CAAC,MAAM;QAChC,WAAW,EAAE,SAAS,CAAC,MAAM;KAC9B,CAAC,CAAC,UAAU;IACb,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IAClC,MAAM,EAAE,SAAS,CAAC,IAAI;CACvB,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { StatefulButton, Icon } from '@openedx/paragon';\nimport { FormattedMessage } from '@openedx/frontend-base';\n\nimport { useShouldShowSpinner } from '@src/components/GradesView/data/hooks';\nimport { StrictDict } from '@src/utils';\n\nexport const buttonStates = StrictDict({\n  pending: 'pending',\n  default: 'default',\n});\n\n/**\n * <NetworkButton />\n * Simplified Download/Upload button, tied to the app's network status (showSpinner).\n * Provides a button with a default `download` icon along with a label, which should\n * be a transifex-friendly message object. If the `import` argument is passed, the default\n * icon will be an upload icon.\n * If the app is busy on a network task (showSpinner === true), the button will be disabled\n * and show a spinner/working indicator.\n * The buttons can also be passed an optional className for further css customization.\n * @param {string} className - optional extra css class(es)\n * @param {object} label - transifex-friendly message object\n * @param {func} onClick - button on-click action\n * @param {bool} import - should show import icon instead of download icon in default state.\n */\nexport const NetworkButton = ({\n  className,\n  label,\n  onClick,\n  import: isImport,\n}) => {\n  const showSpinner = useShouldShowSpinner();\n\n  const labelNode = <FormattedMessage {...label} />;\n  const labels = { default: labelNode, pending: labelNode };\n\n  const iconClass = 'fa mr-2';\n  const defaultIcon = isImport ? 'fa-upload' : 'fa-download';\n  const icons = {\n    pending: (<Icon className={classNames(iconClass, 'fa-spinner fa-spin')} />),\n    default: (<Icon className={classNames(iconClass, defaultIcon)} />),\n  };\n\n  const buttonState = showSpinner ? buttonStates.pending : buttonStates.default;\n\n  return (\n    <StatefulButton\n      labels={labels}\n      variant=\"outline-primary\"\n      disabledStates={[buttonStates.pending]}\n      className={classNames('ml-2', className)}\n      icons={icons}\n      state={buttonState}\n      onClick={onClick}\n    />\n  );\n};\n\nNetworkButton.defaultProps = {\n  className: '',\n  import: false,\n};\n\nNetworkButton.propTypes = {\n  className: PropTypes.string,\n  label: PropTypes.shape({\n    id: PropTypes.string,\n    defaultMessage: PropTypes.string,\n    description: PropTypes.string,\n  }).isRequired,\n  onClick: PropTypes.func.isRequired,\n  import: PropTypes.bool,\n};\n\nexport default NetworkButton;\n"]}

package/dist/components/WithSidebar/WithSidebar.scss

@@ -0,0 +1,36 @@
+$sidebar-width: 350px;
+
+.sidebar-contents {
+    overflow-x: auto;
+    transition: margin 300ms cubic-bezier(0.4,0,0.2,1);
+    margin-left: 0;
+    .sidebar.open + & {
+        margin-left: $sidebar-width;
+    }
+    &.opening {
+        width: calc(100vw - #{$sidebar-width});
+    }
+}
+
+.sidebar-header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    padding: 15px;
+}
+
+.sidebar-container .collapsible {
+    margin-bottom: 1em;
+}
+
+.sidebar {
+    height: 100%;
+    width: $sidebar-width;
+    position: absolute;
+    transform: translateX(-$sidebar-width);
+    flex-direction: column;
+    transition: transform 300ms cubic-bezier(0.4,0,0.2,1);
+    &.open {
+        transform: translateX(0%);
+    }
+}

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

@@ -0,0 +1,9 @@
+export function WithSidebar({ children, sidebar }: JSX): import("react").JSX.Element;
+export namespace WithSidebar {
+    namespace propTypes {
+        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let sidebar: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    }
+}
+export default WithSidebar;
+import PropTypes from 'prop-types';

package/dist/components/WithSidebar/index.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { useGradebookUi } from '../../data/gradebookUiContext';
+/**
+ * WithSidebar
+ * Simple wrapper around a content component, with a collapsible sidebar, whose
+ * open/closed state is drawn from the GradebookUiProvider.
+ *
+ * Wraps child react content in a container to enable the sidebar behavior.
+ *
+ *  @param {JSX} children - page content
+ *  @param {JSX} sidebar - sidebar content
+ *
+ * Ex Usage:
+ *   <WithSidebar sidebar={sidebarContent}>{children}</WithSidebar>
+ */
+export const WithSidebar = ({ children, sidebar }) => {
+    const { filterMenuOpen: open, filterMenuTransitioning: transitioning, handleFilterMenuTransitionEnd, } = useGradebookUi();
+    // Derived states previously computed by the Redux `filterMenu` selectors.
+    const isClosed = !open && !transitioning;
+    const isOpening = transitioning && open;
+    const sidebarClassNames = classNames('sidebar', { open, 'd-none': isClosed });
+    const contentClassNames = classNames('sidebar-contents', 'position-relative', {
+        opening: isOpening,
+    });
+    return (_jsxs("div", { className: "d-flex sidebar-container page-gradebook", children: [_jsx("aside", { className: sidebarClassNames, onTransitionEnd: handleFilterMenuTransitionEnd, children: sidebar }), _jsx("div", { className: contentClassNames, children: children })] }));
+};
+WithSidebar.propTypes = {
+    children: PropTypes.node.isRequired,
+    sidebar: PropTypes.node.isRequired,
+};
+export default WithSidebar;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/WithSidebar/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACnD,MAAM,EACJ,cAAc,EAAE,IAAI,EACpB,uBAAuB,EAAE,aAAa,EACtC,6BAA6B,GAC9B,GAAG,cAAc,EAAE,CAAC;IAErB,0EAA0E;IAC1E,MAAM,QAAQ,GAAG,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC;IACzC,MAAM,SAAS,GAAG,aAAa,IAAI,IAAI,CAAC;IAExC,MAAM,iBAAiB,GAAG,UAAU,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC9E,MAAM,iBAAiB,GAAG,UAAU,CAAC,kBAAkB,EAAE,mBAAmB,EAAE;QAC5E,OAAO,EAAE,SAAS;KACnB,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAC,yCAAyC,aACtD,gBAAO,SAAS,EAAE,iBAAiB,EAAE,eAAe,EAAE,6BAA6B,YAC/E,OAAO,GACH,EACR,cAAK,SAAS,EAAE,iBAAiB,YAC7B,QAAQ,GACN,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACnC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { useGradebookUi } from '@src/data/gradebookUiContext';\n\n/**\n * WithSidebar\n * Simple wrapper around a content component, with a collapsible sidebar, whose\n * open/closed state is drawn from the GradebookUiProvider.\n *\n * Wraps child react content in a container to enable the sidebar behavior.\n *\n *  @param {JSX} children - page content\n *  @param {JSX} sidebar - sidebar content\n *\n * Ex Usage:\n *   <WithSidebar sidebar={sidebarContent}>{children}</WithSidebar>\n */\nexport const WithSidebar = ({ children, sidebar }) => {\n  const {\n    filterMenuOpen: open,\n    filterMenuTransitioning: transitioning,\n    handleFilterMenuTransitionEnd,\n  } = useGradebookUi();\n\n  // Derived states previously computed by the Redux `filterMenu` selectors.\n  const isClosed = !open && !transitioning;\n  const isOpening = transitioning && open;\n\n  const sidebarClassNames = classNames('sidebar', { open, 'd-none': isClosed });\n  const contentClassNames = classNames('sidebar-contents', 'position-relative', {\n    opening: isOpening,\n  });\n\n  return (\n    <div className=\"d-flex sidebar-container page-gradebook\">\n      <aside className={sidebarClassNames} onTransitionEnd={handleFilterMenuTransitionEnd}>\n        { sidebar }\n      </aside>\n      <div className={contentClassNames}>\n        { children }\n      </div>\n    </div>\n  );\n};\n\nWithSidebar.propTypes = {\n  children: PropTypes.node.isRequired,\n  sidebar: PropTypes.node.isRequired,\n};\n\nexport default WithSidebar;\n"]}

package/dist/constants.d.ts

@@ -0,0 +1 @@
+export declare const appId = "org.openedx.frontend.app.gradebook";

package/dist/constants.js

@@ -0,0 +1,2 @@
+export const appId = 'org.openedx.frontend.app.gradebook';
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,oCAAoC,CAAC","sourcesContent":["export const appId = 'org.openedx.frontend.app.gradebook';\n"]}

package/dist/containers/GradebookPage/GradebookDataLoader.d.ts

@@ -0,0 +1,10 @@
+export default GradebookDataLoader;
+/**
+ * <GradebookDataLoader />
+ * Headless component that eagerly mounts the main grades query for the routed
+ * GradebookPage subtree (where `courseId` is available via the router). Renders
+ * nothing; it exists so the grades fetch runs on page load regardless of which
+ * view is active. Wires the roles gate + current pagination cursor into the
+ * pure `useGrades` query.
+ */
+declare function GradebookDataLoader(): null;

package/dist/containers/GradebookPage/GradebookDataLoader.js

@@ -0,0 +1,19 @@
+import { useGrades } from '../../components/GradesView/data/apiHook';
+import { useCourseIdWithGate } from '../../data/apiHook';
+import { useGradebookUi } from '../../data/gradebookUiContext';
+/**
+ * <GradebookDataLoader />
+ * Headless component that eagerly mounts the main grades query for the routed
+ * GradebookPage subtree (where `courseId` is available via the router). Renders
+ * nothing; it exists so the grades fetch runs on page load regardless of which
+ * view is active. Wires the roles gate + current pagination cursor into the
+ * pure `useGrades` query.
+ */
+const GradebookDataLoader = () => {
+    const { courseId, enabled } = useCourseIdWithGate();
+    const { gradesPageEndpoint } = useGradebookUi();
+    useGrades(courseId, gradesPageEndpoint, { enabled });
+    return null;
+};
+export default GradebookDataLoader;
+//# sourceMappingURL=GradebookDataLoader.js.map

package/dist/containers/GradebookPage/GradebookDataLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradebookDataLoader.js","sourceRoot":"","sources":["../../../src/containers/GradebookPage/GradebookDataLoader.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D;;;;;;;GAOG;AACH,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACpD,MAAM,EAAE,kBAAkB,EAAE,GAAG,cAAc,EAAE,CAAC;IAChD,SAAS,CAAC,QAAQ,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IACrD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { useGrades } from '@src/components/GradesView/data/apiHook';\nimport { useCourseIdWithGate } from '@src/data/apiHook';\nimport { useGradebookUi } from '@src/data/gradebookUiContext';\n\n/**\n * <GradebookDataLoader />\n * Headless component that eagerly mounts the main grades query for the routed\n * GradebookPage subtree (where `courseId` is available via the router). Renders\n * nothing; it exists so the grades fetch runs on page load regardless of which\n * view is active. Wires the roles gate + current pagination cursor into the\n * pure `useGrades` query.\n */\nconst GradebookDataLoader = () => {\n  const { courseId, enabled } = useCourseIdWithGate();\n  const { gradesPageEndpoint } = useGradebookUi();\n  useGrades(courseId, gradesPageEndpoint, { enabled });\n  return null;\n};\n\nexport default GradebookDataLoader;\n"]}

package/dist/containers/GradebookPage/index.d.ts

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

package/dist/containers/GradebookPage/index.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import queryString from 'query-string';
+import { useNavigate, useLocation } from 'react-router-dom';
+import { useGradebookUi } from '../../data/gradebookUiContext';
+import { views } from '../../data/constants/app';
+import WithSidebar from '../../components/WithSidebar';
+import GradebookHeader from '../../components/GradebookHeader';
+import GradesView from '../../components/GradesView';
+import GradebookFilters from '../../components/GradebookFilters';
+import BulkManagementHistoryView from '../../components/BulkManagementHistoryView';
+import GradebookDataLoader from './GradebookDataLoader';
+/**
+ * <GradebookPage />
+ * Top-level view for the Gradebook MFE.
+ * Organizes a header and a pair of views (Grades and BulkManagement) with a toggle-able
+ * filter sidebar.
+ */
+export const GradebookPage = () => {
+    const navigate = useNavigate();
+    const location = useLocation();
+    const { activeView } = useGradebookUi();
+    const updateQueryParams = (queryParams) => {
+        const { pathname } = location;
+        const parsed = queryString.parse(location.search);
+        Object.keys(queryParams).forEach((key) => {
+            if (queryParams[key]) {
+                parsed[key] = queryParams[key];
+            }
+            else {
+                delete parsed[key];
+            }
+        });
+        navigate({ pathname, search: `?${queryString.stringify(parsed)}` });
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(GradebookDataLoader, {}), _jsx(WithSidebar, { sidebar: _jsx(GradebookFilters, { updateQueryParams: updateQueryParams }), children: _jsxs("div", { className: "px-3 gradebook-content", children: [_jsx(GradebookHeader, {}), (activeView === views.bulkManagementHistory
+                            ? _jsx(BulkManagementHistoryView, {})
+                            : _jsx(GradesView, { updateQueryParams: updateQueryParams }))] }) })] }));
+};
+export default GradebookPage;
+//# sourceMappingURL=index.js.map

package/dist/containers/GradebookPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/GradebookPage/index.jsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,gBAAgB,MAAM,kCAAkC,CAAC;AAChE,OAAO,yBAAyB,MAAM,2CAA2C,CAAC;AAElF,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IAExC,MAAM,iBAAiB,GAAG,CAAC,WAAW,EAAE,EAAE;QACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC;QAC9B,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAClD,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACvC,IAAI,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC;gBACrB,MAAM,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;YACjC,CAAC;iBAAM,CAAC;gBACN,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;IACtE,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,mBAAmB,KAAG,EACvB,KAAC,WAAW,IACV,OAAO,EAAE,KAAC,gBAAgB,IAAC,iBAAiB,EAAE,iBAAiB,GAAI,YAEnE,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,eAAe,KAAG,EAClB,CAAC,UAAU,KAAK,KAAK,CAAC,qBAAqB;4BAC1C,CAAC,CAAC,KAAC,yBAAyB,KAAG;4BAC/B,CAAC,CAAC,KAAC,UAAU,IAAC,iBAAiB,EAAE,iBAAiB,GAAI,CACvD,IACG,GACM,IACb,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import queryString from 'query-string';\nimport { useNavigate, useLocation } from 'react-router-dom';\n\nimport { useGradebookUi } from '@src/data/gradebookUiContext';\nimport { views } from '@src/data/constants/app';\n\nimport WithSidebar from '@src/components/WithSidebar';\nimport GradebookHeader from '@src/components/GradebookHeader';\nimport GradesView from '@src/components/GradesView';\nimport GradebookFilters from '@src/components/GradebookFilters';\nimport BulkManagementHistoryView from '@src/components/BulkManagementHistoryView';\n\nimport GradebookDataLoader from './GradebookDataLoader';\n\n/**\n * <GradebookPage />\n * Top-level view for the Gradebook MFE.\n * Organizes a header and a pair of views (Grades and BulkManagement) with a toggle-able\n * filter sidebar.\n */\nexport const GradebookPage = () => {\n  const navigate = useNavigate();\n  const location = useLocation();\n  const { activeView } = useGradebookUi();\n\n  const updateQueryParams = (queryParams) => {\n    const { pathname } = location;\n    const parsed = queryString.parse(location.search);\n    Object.keys(queryParams).forEach((key) => {\n      if (queryParams[key]) {\n        parsed[key] = queryParams[key];\n      } else {\n        delete parsed[key];\n      }\n    });\n    navigate({ pathname, search: `?${queryString.stringify(parsed)}` });\n  };\n\n  return (\n    <>\n      <GradebookDataLoader />\n      <WithSidebar\n        sidebar={<GradebookFilters updateQueryParams={updateQueryParams} />}\n      >\n        <div className=\"px-3 gradebook-content\">\n          <GradebookHeader />\n          {(activeView === views.bulkManagementHistory\n            ? <BulkManagementHistoryView />\n            : <GradesView updateQueryParams={updateQueryParams} />\n          )}\n        </div>\n      </WithSidebar>\n    </>\n  );\n};\n\nexport default GradebookPage;"]}