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

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

@@ -0,0 +1,34 @@
+/** Shape of the `data` payload inside one raw bulk-history entry. */
+export interface BulkHistoryRowsData {
+    processed_rows: number;
+    saved_rows: number;
+    total_rows: number;
+}
+/** One raw bulk-history entry as returned by the API. */
+export interface RawBulkHistoryEntry {
+    modified: string;
+    original_filename: string;
+    data: BulkHistoryRowsData;
+    unique_id?: string;
+    id: number;
+    [key: string]: unknown;
+}
+/**
+ * getRowsProcessed(data)
+ * User-facing summary of total / processed / skipped / failed rows for one
+ * bulk-history entry's `data` payload.
+ */
+export declare const getRowsProcessed: ({ processed_rows: processed, saved_rows: saved, total_rows: total, }: BulkHistoryRowsData) => string;
+/**
+ * transformHistoryEntry(rawEntry)
+ * Shape a raw bulk-history entry into what the history table renders (display
+ * filename / results summary / uploaded date).
+ */
+export declare const transformHistoryEntry: ({ modified, original_filename: originalFilename, data, id, unique_id: uniqueId, ...rest }: RawBulkHistoryEntry) => {
+    timeUploaded: string;
+    originalFilename: string;
+    resultsSummary: {
+        rowId: number;
+        text: string;
+    };
+};

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

@@ -0,0 +1,45 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { formatDateForDisplay } from '../../../data/formatUtils';
+/**
+ * getRowsProcessed(data)
+ * User-facing summary of total / processed / skipped / failed rows for one
+ * bulk-history entry's `data` payload.
+ */
+export const getRowsProcessed = ({ processed_rows: processed, saved_rows: saved, total_rows: total, }) => {
+    const failed = processed - saved;
+    const skipped = total - processed;
+    const summaryEntries = [`${total} Students: ${saved} processed`];
+    if (skipped > 0) {
+        summaryEntries.push(`${skipped} skipped`);
+    }
+    if (failed > 0) {
+        summaryEntries.push(`${failed} failed`);
+    }
+    return summaryEntries.join(', ');
+};
+/**
+ * transformHistoryEntry(rawEntry)
+ * Shape a raw bulk-history entry into what the history table renders (display
+ * filename / results summary / uploaded date).
+ */
+export const transformHistoryEntry = (_a) => {
+    var { modified, original_filename: originalFilename, data, id, 
+    // Stripped from the row data, matching the legacy selector.
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    unique_id: uniqueId } = _a, rest = __rest(_a, ["modified", "original_filename", "data", "id", "unique_id"]);
+    return (Object.assign({ timeUploaded: formatDateForDisplay(new Date(modified)), originalFilename, resultsSummary: {
+            rowId: id,
+            text: getRowsProcessed(data),
+        } }, rest));
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/BulkManagementHistoryView/data/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAmB7D;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,cAAc,EAAE,SAAS,EACzB,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,GACG,EAAU,EAAE;IAChC,MAAM,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC;IACjC,MAAM,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IAClC,MAAM,cAAc,GAAG,CAAC,GAAG,KAAK,cAAc,KAAK,YAAY,CAAC,CAAC;IACjE,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;QAChB,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,UAAU,CAAC,CAAC;IAC5C,CAAC;IACD,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;QACf,cAAc,CAAC,IAAI,CAAC,GAAG,MAAM,SAAS,CAAC,CAAC;IAC1C,CAAC;IACD,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACnC,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAShB,EAAE,EAAE;QATY,EACpC,QAAQ,EACR,iBAAiB,EAAE,gBAAgB,EACnC,IAAI,EACJ,EAAE;IACF,4DAA4D;IAC5D,6DAA6D;IAC7D,SAAS,EAAE,QAAQ,OAEC,EADjB,IAAI,cAR6B,4DASrC,CADQ;IACkB,OAAA,iBACzB,YAAY,EAAE,oBAAoB,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,EACtD,gBAAgB,EAChB,cAAc,EAAE;YACd,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC;SAC7B,IACE,IAAI,EACP,CAAA;CAAA,CAAC","sourcesContent":["import { formatDateForDisplay } from '@src/data/formatUtils';\n\n/** Shape of the `data` payload inside one raw bulk-history entry. */\nexport interface BulkHistoryRowsData {\n  processed_rows: number;\n  saved_rows: number;\n  total_rows: number;\n}\n\n/** One raw bulk-history entry as returned by the API. */\nexport interface RawBulkHistoryEntry {\n  modified: string;\n  original_filename: string;\n  data: BulkHistoryRowsData;\n  unique_id?: string;\n  id: number;\n  [key: string]: unknown;\n}\n\n/**\n * getRowsProcessed(data)\n * User-facing summary of total / processed / skipped / failed rows for one\n * bulk-history entry's `data` payload.\n */\nexport const getRowsProcessed = ({\n  processed_rows: processed,\n  saved_rows: saved,\n  total_rows: total,\n}: BulkHistoryRowsData): string => {\n  const failed = processed - saved;\n  const skipped = total - processed;\n  const summaryEntries = [`${total} Students: ${saved} processed`];\n  if (skipped > 0) {\n    summaryEntries.push(`${skipped} skipped`);\n  }\n  if (failed > 0) {\n    summaryEntries.push(`${failed} failed`);\n  }\n  return summaryEntries.join(', ');\n};\n\n/**\n * transformHistoryEntry(rawEntry)\n * Shape a raw bulk-history entry into what the history table renders (display\n * filename / results summary / uploaded date).\n */\nexport const transformHistoryEntry = ({\n  modified,\n  original_filename: originalFilename,\n  data,\n  id,\n  // Stripped from the row data, matching the legacy selector.\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  unique_id: uniqueId,\n  ...rest\n}: RawBulkHistoryEntry) => ({\n  timeUploaded: formatDateForDisplay(new Date(modified)),\n  originalFilename,\n  resultsSummary: {\n    rowId: id,\n    text: getRowsProcessed(data),\n  },\n  ...rest,\n});\n"]}

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

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

package/dist/components/BulkManagementHistoryView/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormattedMessage } from '@openedx/frontend-base';
+import messages from './messages';
+import BulkManagementAlerts from './BulkManagementAlerts';
+import HistoryTable from './HistoryTable';
+/**
+ * <BulkManagementHistoryView />
+ * top-level view for managing uploads of bulk management override csvs.
+ */
+export const BulkManagementHistoryView = () => (_jsxs("div", { className: "bulk-management-history-view", children: [_jsx("h4", { children: _jsx(FormattedMessage, Object.assign({}, messages.heading)) }), _jsx("p", { className: "help-text", children: _jsx(FormattedMessage, Object.assign({}, messages.helpText)) }), _jsx(BulkManagementAlerts, {}), _jsx(HistoryTable, {})] }));
+export default BulkManagementHistoryView;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BulkManagementHistoryView/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE,CAAC,CAC7C,eAAK,SAAS,EAAC,8BAA8B,aAC3C,uBAAI,KAAC,gBAAgB,oBAAK,QAAQ,CAAC,OAAO,EAAI,GAAK,EACnD,YAAG,SAAS,EAAC,WAAW,YACtB,KAAC,gBAAgB,oBAAK,QAAQ,CAAC,QAAQ,EAAI,GACzC,EACJ,KAAC,oBAAoB,KAAG,EACxB,KAAC,YAAY,KAAG,IACZ,CACP,CAAC;AAEF,eAAe,yBAAyB,CAAC","sourcesContent":["import { FormattedMessage } from '@openedx/frontend-base';\n\nimport messages from './messages';\nimport BulkManagementAlerts from './BulkManagementAlerts';\nimport HistoryTable from './HistoryTable';\n\n/**\n * <BulkManagementHistoryView />\n * top-level view for managing uploads of bulk management override csvs.\n */\nexport const BulkManagementHistoryView = () => (\n  <div className=\"bulk-management-history-view\">\n    <h4><FormattedMessage {...messages.heading} /></h4>\n    <p className=\"help-text\">\n      <FormattedMessage {...messages.helpText} />\n    </p>\n    <BulkManagementAlerts />\n    <HistoryTable />\n  </div>\n);\n\nexport default BulkManagementHistoryView;\n"]}

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

@@ -0,0 +1,24 @@
+export default messages;
+declare namespace messages {
+    namespace heading {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    namespace helpText {
+        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 successDialog {
+        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/BulkManagementHistoryView/messages.js

@@ -0,0 +1,20 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    heading: {
+        id: 'gradebook.BulkManagementHistoryView.heading',
+        defaultMessage: 'Bulk Management History',
+        description: 'Heading text for BulkManagement History Tab',
+    },
+    helpText: {
+        id: 'gradebook.BulkManagementHistoryView',
+        defaultMessage: 'Below is a log of previous grade imports. To download a CSV of your gradebook and import grades for override, return to the Gradebook. Please note, after importing grades, it may take a few seconds to process the override.',
+        description: 'Bulk Management History View help text',
+    },
+    successDialog: {
+        id: 'gradebook.BulkManagementHistoryView.successDialog',
+        defaultMessage: 'CSV processing. File uploads may take several minutes to complete.',
+        description: 'Success Dialog message in BulkManagement Tab File Upload Form',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/components/BulkManagementHistoryView/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,OAAO,EAAE;QACP,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,yBAAyB;QACzC,WAAW,EAAE,6CAA6C;KAC3D;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,gOAAgO;QAChP,WAAW,EAAE,wCAAwC;KACtD;IACD,aAAa,EAAE;QACb,EAAE,EAAE,mDAAmD;QACvD,cAAc,EAAE,oEAAoE;QACpF,WAAW,EAAE,+DAA+D;KAC7E;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  heading: {\n    id: 'gradebook.BulkManagementHistoryView.heading',\n    defaultMessage: 'Bulk Management History',\n    description: 'Heading text for BulkManagement History Tab',\n  },\n  helpText: {\n    id: 'gradebook.BulkManagementHistoryView',\n    defaultMessage: 'Below is a log of previous grade imports. To download a CSV of your gradebook and import grades for override, return to the Gradebook. Please note, after importing grades, it may take a few seconds to process the override.',\n    description: 'Bulk Management History View help text',\n  },\n  successDialog: {\n    id: 'gradebook.BulkManagementHistoryView.successDialog',\n    defaultMessage: 'CSV processing. File uploads may take several minutes to complete.',\n    description: 'Success Dialog message in BulkManagement Tab File Upload Form',\n  },\n});\n\nexport default messages;\n"]}

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

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

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

@@ -0,0 +1,31 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { useFilters } from '../../../data/filtersContext';
+import { useFetchGradesIfAssignmentGradeFiltersSet, useSelectableAssignmentLabels, useSelectedAssignmentLabel, } from '../../GradesView/data/hooks';
+import messages from '../messages';
+import SelectGroup from '../SelectGroup';
+const AssignmentFilter = ({ updateQueryParams }) => {
+    const { formatMessage } = useIntl();
+    const assignmentFilterOptions = useSelectableAssignmentLabels();
+    const selectedAssignmentLabel = useSelectedAssignmentLabel() || '';
+    const { setAssignment } = useFilters();
+    const conditionalFetch = useFetchGradesIfAssignmentGradeFiltersSet();
+    const handleChange = ({ target: { value: assignment } }) => {
+        const selectedFilterOption = assignmentFilterOptions.find(({ label }) => label === assignment);
+        const { id } = selectedFilterOption || {};
+        setAssignment(id !== null && id !== void 0 ? id : '');
+        updateQueryParams({ assignment: id });
+        conditionalFetch();
+    };
+    const filterOptions = assignmentFilterOptions.map(({ label, subsectionLabel }) => (_jsxs("option", { value: label, children: [label, ": ", subsectionLabel] }, label)));
+    return (_jsx("div", { className: "student-filters", children: _jsx(SelectGroup, { id: "assignment", label: formatMessage(messages.assignment), value: selectedAssignmentLabel, onChange: handleChange, disabled: assignmentFilterOptions.length === 0, options: [
+                _jsx("option", { value: "", children: "All" }, "0"),
+                ...filterOptions,
+            ] }) }));
+};
+AssignmentFilter.propTypes = {
+    updateQueryParams: PropTypes.func.isRequired,
+};
+export default AssignmentFilter;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradebookFilters/AssignmentFilter/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;AACtD,OAAO,EACL,yCAAyC,EACzC,6BAA6B,EAC7B,0BAA0B,GAC3B,MAAM,uCAAuC,CAAC;AAE/C,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,MAAM,gBAAgB,GAAG,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;IACjD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,uBAAuB,GAAG,6BAA6B,EAAE,CAAC;IAChE,MAAM,uBAAuB,GAAG,0BAA0B,EAAE,IAAI,EAAE,CAAC;IACnE,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IACvC,MAAM,gBAAgB,GAAG,yCAAyC,EAAE,CAAC;IAErE,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE;QACzD,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,IAAI,CACvD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,KAAK,UAAU,CACpC,CAAC;QACF,MAAM,EAAE,EAAE,EAAE,GAAG,oBAAoB,IAAI,EAAE,CAAC;QAC1C,aAAa,CAAC,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,EAAE,CAAC,CAAC;QACxB,iBAAiB,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;QACtC,gBAAgB,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,uBAAuB,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAChF,kBAAoB,KAAK,EAAE,KAAK,aAC7B,KAAK,QAAI,eAAe,KADd,KAAK,CAET,CACV,CAAC,CAAC;IACH,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,WAAW,IACV,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,EACzC,KAAK,EAAE,uBAAuB,EAC9B,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,uBAAuB,CAAC,MAAM,KAAK,CAAC,EAC9C,OAAO,EAAE;gBACP,iBAAgB,KAAK,EAAC,EAAE,qBAAZ,GAAG,CAAsB;gBACrC,GAAG,aAAa;aACjB,GACD,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,SAAS,GAAG;IAC3B,iBAAiB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC7C,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useFilters } from '@src/data/filtersContext';\nimport {\n  useFetchGradesIfAssignmentGradeFiltersSet,\n  useSelectableAssignmentLabels,\n  useSelectedAssignmentLabel,\n} from '@src/components/GradesView/data/hooks';\n\nimport messages from '../messages';\nimport SelectGroup from '../SelectGroup';\n\nconst AssignmentFilter = ({ updateQueryParams }) => {\n  const { formatMessage } = useIntl();\n  const assignmentFilterOptions = useSelectableAssignmentLabels();\n  const selectedAssignmentLabel = useSelectedAssignmentLabel() || '';\n  const { setAssignment } = useFilters();\n  const conditionalFetch = useFetchGradesIfAssignmentGradeFiltersSet();\n\n  const handleChange = ({ target: { value: assignment } }) => {\n    const selectedFilterOption = assignmentFilterOptions.find(\n      ({ label }) => label === assignment,\n    );\n    const { id } = selectedFilterOption || {};\n    setAssignment(id ?? '');\n    updateQueryParams({ assignment: id });\n    conditionalFetch();\n  };\n\n  const filterOptions = assignmentFilterOptions.map(({ label, subsectionLabel }) => (\n    <option key={label} value={label}>\n      {label}: {subsectionLabel}\n    </option>\n  ));\n  return (\n    <div className=\"student-filters\">\n      <SelectGroup\n        id=\"assignment\"\n        label={formatMessage(messages.assignment)}\n        value={selectedAssignmentLabel}\n        onChange={handleChange}\n        disabled={assignmentFilterOptions.length === 0}\n        options={[\n          <option key=\"0\" value=\"\">All</option>,\n          ...filterOptions,\n        ]}\n      />\n    </div>\n  );\n};\n\nAssignmentFilter.propTypes = {\n  updateQueryParams: PropTypes.func.isRequired,\n};\n\nexport default AssignmentFilter;\n"]}

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

@@ -0,0 +1,19 @@
+export default useAssignmentGradeFilterData;
+declare function useAssignmentGradeFilterData({ updateQueryParams }: {
+    updateQueryParams: any;
+}): {
+    assignmentGradeMin: string;
+    assignmentGradeMax: string;
+    selectedAssignment: string | undefined;
+    handleSetMax: ({ target: { value } }: {
+        target: {
+            value: any;
+        };
+    }) => void;
+    handleSetMin: ({ target: { value } }: {
+        target: {
+            value: any;
+        };
+    }) => void;
+    handleSubmit: () => void;
+};

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

@@ -0,0 +1,31 @@
+import { useFilters } from '../../../data/filtersContext';
+import { useRefetchGrades, useSelectedAssignmentLabel } from '../../GradesView/data/hooks';
+const useAssignmentGradeFilterData = ({ updateQueryParams }) => {
+    const { assignmentGradeMin, assignmentGradeMax, setAssignmentGradeMin, setAssignmentGradeMax, applyAssignmentGradeLimits, } = useFilters();
+    const selectedAssignment = useSelectedAssignmentLabel();
+    const fetchGrades = useRefetchGrades();
+    const handleSubmit = () => {
+        const localAssignmentLimits = { assignmentGradeMin, assignmentGradeMax };
+        // Commit the applied grade-limit values in the FiltersProvider (read by the
+        // filter badges + export URLs).
+        applyAssignmentGradeLimits(localAssignmentLimits);
+        fetchGrades();
+        updateQueryParams(localAssignmentLimits);
+    };
+    const handleSetMax = ({ target: { value } }) => {
+        setAssignmentGradeMax(value);
+    };
+    const handleSetMin = ({ target: { value } }) => {
+        setAssignmentGradeMin(value);
+    };
+    return {
+        assignmentGradeMin,
+        assignmentGradeMax,
+        selectedAssignment,
+        handleSetMax,
+        handleSetMin,
+        handleSubmit,
+    };
+};
+export default useAssignmentGradeFilterData;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/components/GradebookFilters/AssignmentGradeFilter/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AAErG,MAAM,4BAA4B,GAAG,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAC7D,MAAM,EACJ,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,GAC3B,GAAG,UAAU,EAAE,CAAC;IACjB,MAAM,kBAAkB,GAAG,0BAA0B,EAAE,CAAC;IACxD,MAAM,WAAW,GAAG,gBAAgB,EAAE,CAAC;IAEvC,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,qBAAqB,GAAG,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC;QACzE,4EAA4E;QAC5E,gCAAgC;QAChC,0BAA0B,CAAC,qBAAqB,CAAC,CAAC;QAClD,WAAW,EAAE,CAAC;QACd,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;QAC7C,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;QAC7C,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO;QACL,kBAAkB;QAClB,kBAAkB;QAClB,kBAAkB;QAClB,YAAY;QACZ,YAAY;QACZ,YAAY;KACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,4BAA4B,CAAC","sourcesContent":["import { useFilters } from '@src/data/filtersContext';\nimport { useRefetchGrades, useSelectedAssignmentLabel } from '@src/components/GradesView/data/hooks';\n\nconst useAssignmentGradeFilterData = ({ updateQueryParams }) => {\n  const {\n    assignmentGradeMin,\n    assignmentGradeMax,\n    setAssignmentGradeMin,\n    setAssignmentGradeMax,\n    applyAssignmentGradeLimits,\n  } = useFilters();\n  const selectedAssignment = useSelectedAssignmentLabel();\n  const fetchGrades = useRefetchGrades();\n\n  const handleSubmit = () => {\n    const localAssignmentLimits = { assignmentGradeMin, assignmentGradeMax };\n    // Commit the applied grade-limit values in the FiltersProvider (read by the\n    // filter badges + export URLs).\n    applyAssignmentGradeLimits(localAssignmentLimits);\n    fetchGrades();\n    updateQueryParams(localAssignmentLimits);\n  };\n\n  const handleSetMax = ({ target: { value } }) => {\n    setAssignmentGradeMax(value);\n  };\n\n  const handleSetMin = ({ target: { value } }) => {\n    setAssignmentGradeMin(value);\n  };\n\n  return {\n    assignmentGradeMin,\n    assignmentGradeMax,\n    selectedAssignment,\n    handleSetMax,\n    handleSetMin,\n    handleSubmit,\n  };\n};\n\nexport default useAssignmentGradeFilterData;\n"]}

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

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

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { Button } from '@openedx/paragon';
+import useAssignmentGradeFilterData from './hooks';
+import messages from '../messages';
+import PercentGroup from '../PercentGroup';
+export const AssignmentGradeFilter = ({ updateQueryParams }) => {
+    const { assignmentGradeMin, assignmentGradeMax, selectedAssignment, handleSetMax, handleSetMin, handleSubmit, } = useAssignmentGradeFilterData({ updateQueryParams });
+    const { formatMessage } = useIntl();
+    return (_jsxs("div", { className: "grade-filter-inputs", children: [_jsx(PercentGroup, { id: "assignmentGradeMin", label: formatMessage(messages.minGrade), value: assignmentGradeMin, disabled: !selectedAssignment, onChange: handleSetMin }), _jsx(PercentGroup, { id: "assignmentGradeMax", label: formatMessage(messages.maxGrade), value: assignmentGradeMax, disabled: !selectedAssignment, onChange: handleSetMax }), _jsx("div", { className: "grade-filter-action", children: _jsx(Button, { type: "submit", variant: "outline-secondary", name: "assignmentGradeMinMax", disabled: !selectedAssignment, onClick: handleSubmit, children: formatMessage(messages.apply) }) })] }));
+};
+AssignmentGradeFilter.propTypes = {
+    updateQueryParams: PropTypes.func.isRequired,
+};
+export default AssignmentGradeFilter;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradebookFilters/AssignmentGradeFilter/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,4BAA4B,MAAM,SAAS,CAAC;AACnD,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAC7D,MAAM,EACJ,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,GAAG,4BAA4B,CAAC,EAAE,iBAAiB,EAAE,CAAC,CAAC;IACxD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,YAAY,IACX,EAAE,EAAC,oBAAoB,EACvB,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,EACvC,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,CAAC,kBAAkB,EAC7B,QAAQ,EAAE,YAAY,GACtB,EACF,KAAC,YAAY,IACX,EAAE,EAAC,oBAAoB,EACvB,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,EACvC,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,CAAC,kBAAkB,EAC7B,QAAQ,EAAE,YAAY,GACtB,EACF,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,mBAAmB,EAC3B,IAAI,EAAC,uBAAuB,EAC5B,QAAQ,EAAE,CAAC,kBAAkB,EAC7B,OAAO,EAAE,YAAY,YAEpB,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,GACvB,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAqB,CAAC,SAAS,GAAG;IAChC,iBAAiB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC7C,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button } from '@openedx/paragon';\n\nimport useAssignmentGradeFilterData from './hooks';\nimport messages from '../messages';\nimport PercentGroup from '../PercentGroup';\n\nexport const AssignmentGradeFilter = ({ updateQueryParams }) => {\n  const {\n    assignmentGradeMin,\n    assignmentGradeMax,\n    selectedAssignment,\n    handleSetMax,\n    handleSetMin,\n    handleSubmit,\n  } = useAssignmentGradeFilterData({ updateQueryParams });\n  const { formatMessage } = useIntl();\n  return (\n    <div className=\"grade-filter-inputs\">\n      <PercentGroup\n        id=\"assignmentGradeMin\"\n        label={formatMessage(messages.minGrade)}\n        value={assignmentGradeMin}\n        disabled={!selectedAssignment}\n        onChange={handleSetMin}\n      />\n      <PercentGroup\n        id=\"assignmentGradeMax\"\n        label={formatMessage(messages.maxGrade)}\n        value={assignmentGradeMax}\n        disabled={!selectedAssignment}\n        onChange={handleSetMax}\n      />\n      <div className=\"grade-filter-action\">\n        <Button\n          type=\"submit\"\n          variant=\"outline-secondary\"\n          name=\"assignmentGradeMinMax\"\n          disabled={!selectedAssignment}\n          onClick={handleSubmit}\n        >\n          {formatMessage(messages.apply)}\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nAssignmentGradeFilter.propTypes = {\n  updateQueryParams: PropTypes.func.isRequired,\n};\n\nexport default AssignmentGradeFilter;\n"]}

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

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

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { useFilters } from '../../../data/filtersContext';
+import { useAssignmentTypes, useCourseIdWithGate } from '../../../data/apiHook';
+import { useSelectableAssignmentLabels, useSelectedAssignmentData, } from '../../GradesView/data/hooks';
+import SelectGroup from '../SelectGroup';
+import messages from '../messages';
+export const AssignmentTypeFilter = ({ updateQueryParams }) => {
+    var _a, _b;
+    const { courseId, enabled } = useCourseIdWithGate();
+    const assignmentTypes = (_b = (_a = useAssignmentTypes(courseId, { enabled }).data) === null || _a === void 0 ? void 0 : _a.assignmentTypes) !== null && _b !== void 0 ? _b : [];
+    const assignmentFilterOptions = useSelectableAssignmentLabels();
+    const selectedAssignment = useSelectedAssignmentData();
+    const { assignmentType: selectedAssignmentType, setAssignmentType, setAssignment, } = useFilters();
+    const { formatMessage } = useIntl();
+    const handleChange = (event) => {
+        const assignmentType = event.target.value;
+        setAssignmentType(assignmentType);
+        const queryParams = { assignmentType };
+        // A selected assignment of a different type no longer matches the filter:
+        // clear it (and its query param), as the legacy filters reducer did.
+        if (assignmentType !== '' && selectedAssignment && selectedAssignment.type !== assignmentType) {
+            setAssignment('');
+            queryParams.assignment = false;
+        }
+        updateQueryParams(queryParams);
+    };
+    return (_jsx("div", { className: "student-filters", children: _jsx(SelectGroup, { id: "assignment-types", label: formatMessage(messages.assignmentTypes), value: selectedAssignmentType, onChange: handleChange, disabled: assignmentFilterOptions.length === 0, options: [
+                _jsx("option", { value: "", children: "All" }, "0"),
+                ...assignmentTypes.map(entry => (_jsx("option", { value: entry, children: entry }, entry))),
+            ] }) }));
+};
+AssignmentTypeFilter.propTypes = {
+    updateQueryParams: PropTypes.func.isRequired,
+};
+export default AssignmentTypeFilter;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradebookFilters/AssignmentTypeFilter/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;AACtD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EACL,6BAA6B,EAC7B,yBAAyB,GAC1B,MAAM,uCAAuC,CAAC;AAE/C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;;IAC5D,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACpD,MAAM,eAAe,GAAG,MAAA,MAAA,kBAAkB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,IAAI,0CAAE,eAAe,mCAAI,EAAE,CAAC;IAC9F,MAAM,uBAAuB,GAAG,6BAA6B,EAAE,CAAC;IAChE,MAAM,kBAAkB,GAAG,yBAAyB,EAAE,CAAC;IACvD,MAAM,EACJ,cAAc,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,aAAa,GACzE,GAAG,UAAU,EAAE,CAAC;IACjB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;QAC7B,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAC1C,iBAAiB,CAAC,cAAc,CAAC,CAAC;QAClC,MAAM,WAAW,GAAG,EAAE,cAAc,EAAE,CAAC;QACvC,0EAA0E;QAC1E,qEAAqE;QACrE,IAAI,cAAc,KAAK,EAAE,IAAI,kBAAkB,IAAI,kBAAkB,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;YAC9F,aAAa,CAAC,EAAE,CAAC,CAAC;YAClB,WAAW,CAAC,UAAU,GAAG,KAAK,CAAC;QACjC,CAAC;QACD,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,WAAW,IACV,EAAE,EAAC,kBAAkB,EACrB,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,EAC9C,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,uBAAuB,CAAC,MAAM,KAAK,CAAC,EAC9C,OAAO,EAAE;gBACP,iBAAgB,KAAK,EAAC,EAAE,qBAAZ,GAAG,CAAsB;gBACrC,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC9B,iBAAoB,KAAK,EAAE,KAAK,YAAG,KAAK,IAA3B,KAAK,CAAgC,CACnD,CAAC;aACH,GACD,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,SAAS,GAAG;IAC/B,iBAAiB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC7C,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useFilters } from '@src/data/filtersContext';\nimport { useAssignmentTypes, useCourseIdWithGate } from '@src/data/apiHook';\nimport {\n  useSelectableAssignmentLabels,\n  useSelectedAssignmentData,\n} from '@src/components/GradesView/data/hooks';\n\nimport SelectGroup from '../SelectGroup';\nimport messages from '../messages';\n\nexport const AssignmentTypeFilter = ({ updateQueryParams }) => {\n  const { courseId, enabled } = useCourseIdWithGate();\n  const assignmentTypes = useAssignmentTypes(courseId, { enabled }).data?.assignmentTypes ?? [];\n  const assignmentFilterOptions = useSelectableAssignmentLabels();\n  const selectedAssignment = useSelectedAssignmentData();\n  const {\n    assignmentType: selectedAssignmentType, setAssignmentType, setAssignment,\n  } = useFilters();\n  const { formatMessage } = useIntl();\n\n  const handleChange = (event) => {\n    const assignmentType = event.target.value;\n    setAssignmentType(assignmentType);\n    const queryParams = { assignmentType };\n    // A selected assignment of a different type no longer matches the filter:\n    // clear it (and its query param), as the legacy filters reducer did.\n    if (assignmentType !== '' && selectedAssignment && selectedAssignment.type !== assignmentType) {\n      setAssignment('');\n      queryParams.assignment = false;\n    }\n    updateQueryParams(queryParams);\n  };\n\n  return (\n    <div className=\"student-filters\">\n      <SelectGroup\n        id=\"assignment-types\"\n        label={formatMessage(messages.assignmentTypes)}\n        value={selectedAssignmentType}\n        onChange={handleChange}\n        disabled={assignmentFilterOptions.length === 0}\n        options={[\n          <option key=\"0\" value=\"\">All</option>,\n          ...assignmentTypes.map(entry => (\n            <option key={entry} value={entry}>{entry}</option>\n          )),\n        ]}\n      />\n    </div>\n  );\n};\n\nAssignmentTypeFilter.propTypes = {\n  updateQueryParams: PropTypes.func.isRequired,\n};\n\nexport default AssignmentTypeFilter;\n"]}

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

@@ -0,0 +1,15 @@
+export function useCourseGradeFilterData({ updateQueryParams, }: {
+    updateQueryParams: any;
+}): {
+    max: {
+        value: string;
+        onChange: (e: any) => void;
+    };
+    min: {
+        value: string;
+        onChange: (e: any) => void;
+    };
+    handleApplyClick: () => void;
+    isDisabled: boolean;
+};
+export default useCourseGradeFilterData;

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

@@ -0,0 +1,34 @@
+import { useFilters } from '../../../data/filtersContext';
+import { trackFilterApplied } from '../../../data/services/segment/events';
+import { useRefetchGrades } from '../../GradesView/data/hooks';
+import { useAreCourseGradeFiltersValid } from '../data/hooks';
+export const useCourseGradeFilterData = ({ updateQueryParams, }) => {
+    const isDisabled = !useAreCourseGradeFiltersValid();
+    const { courseGradeMin, courseGradeMax, setCourseGradeMin, setCourseGradeMax, applyCourseGradeLimits, } = useFilters();
+    const fetchGrades = useRefetchGrades();
+    const handleApplyClick = () => {
+        const localCourseLimits = { courseGradeMin, courseGradeMax };
+        applyCourseGradeLimits(localCourseLimits);
+        trackFilterApplied();
+        fetchGrades();
+        updateQueryParams(localCourseLimits);
+    };
+    return {
+        max: {
+            value: courseGradeMax,
+            onChange: (e) => {
+                setCourseGradeMax(e.target.value);
+            },
+        },
+        min: {
+            value: courseGradeMin,
+            onChange: (e) => {
+                setCourseGradeMin(e.target.value);
+            },
+        },
+        handleApplyClick,
+        isDisabled,
+    };
+};
+export default useCourseGradeFilterData;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/components/GradebookFilters/CourseGradeFilter/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAEzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,eAAe,CAAC;AAE9D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,iBAAiB,GAClB,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,CAAC,6BAA6B,EAAE,CAAC;IACpD,MAAM,EACJ,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,GACvB,GAAG,UAAU,EAAE,CAAC;IACjB,MAAM,WAAW,GAAG,gBAAgB,EAAE,CAAC;IAEvC,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,iBAAiB,GAAG,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;QAC7D,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;QAC1C,kBAAkB,EAAE,CAAC;QACrB,WAAW,EAAE,CAAC;QACd,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO;QACL,GAAG,EAAE;YACH,KAAK,EAAE,cAAc;YACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACpC,CAAC;SACF;QACD,GAAG,EAAE;YACH,KAAK,EAAE,cAAc;YACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACpC,CAAC;SACF;QACD,gBAAgB;QAChB,UAAU;KACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC","sourcesContent":["import { useFilters } from '@src/data/filtersContext';\nimport { trackFilterApplied } from '@src/data/services/segment/events';\nimport { useRefetchGrades } from '@src/components/GradesView/data/hooks';\n\nimport { useAreCourseGradeFiltersValid } from '../data/hooks';\n\nexport const useCourseGradeFilterData = ({\n  updateQueryParams,\n}) => {\n  const isDisabled = !useAreCourseGradeFiltersValid();\n  const {\n    courseGradeMin,\n    courseGradeMax,\n    setCourseGradeMin,\n    setCourseGradeMax,\n    applyCourseGradeLimits,\n  } = useFilters();\n  const fetchGrades = useRefetchGrades();\n\n  const handleApplyClick = () => {\n    const localCourseLimits = { courseGradeMin, courseGradeMax };\n    applyCourseGradeLimits(localCourseLimits);\n    trackFilterApplied();\n    fetchGrades();\n    updateQueryParams(localCourseLimits);\n  };\n\n  return {\n    max: {\n      value: courseGradeMax,\n      onChange: (e) => {\n        setCourseGradeMax(e.target.value);\n      },\n    },\n    min: {\n      value: courseGradeMin,\n      onChange: (e) => {\n        setCourseGradeMin(e.target.value);\n      },\n    },\n    handleApplyClick,\n    isDisabled,\n  };\n};\n\nexport default useCourseGradeFilterData;\n"]}

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

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

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Button } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import messages from '../messages';
+import PercentGroup from '../PercentGroup';
+import useCourseGradeFilterData from './hooks';
+export const CourseGradeFilter = ({ updateQueryParams }) => {
+    const { max, min, isDisabled, handleApplyClick, } = useCourseGradeFilterData({ updateQueryParams });
+    const { formatMessage } = useIntl();
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grade-filter-inputs", children: [_jsx(PercentGroup, { id: "minimum-grade", label: formatMessage(messages.minGrade), value: min.value, onChange: min.onChange }), _jsx(PercentGroup, { id: "maximum-grade", label: formatMessage(messages.maxGrade), value: max.value, onChange: max.onChange })] }), _jsx("div", { className: "grade-filter-action", children: _jsx(Button, { variant: "outline-secondary", onClick: handleApplyClick, disabled: isDisabled, children: formatMessage(messages.apply) }) })] }));
+};
+CourseGradeFilter.propTypes = {
+    updateQueryParams: PropTypes.func.isRequired,
+};
+export default CourseGradeFilter;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradebookFilters/CourseGradeFilter/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,wBAAwB,MAAM,SAAS,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;IACzD,MAAM,EACJ,GAAG,EACH,GAAG,EACH,UAAU,EACV,gBAAgB,GACjB,GAAG,wBAAwB,CAAC,EAAE,iBAAiB,EAAE,CAAC,CAAC;IACpD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,YAAY,IACX,EAAE,EAAC,eAAe,EAClB,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,EACvC,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,GAAG,CAAC,QAAQ,GACtB,EACF,KAAC,YAAY,IACX,EAAE,EAAC,eAAe,EAClB,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,EACvC,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,GAAG,CAAC,QAAQ,GACtB,IACE,EACN,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,MAAM,IACL,OAAO,EAAC,mBAAmB,EAC3B,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,UAAU,YAEnB,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,GACvB,GACL,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,SAAS,GAAG;IAC5B,iBAAiB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC7C,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Button } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport messages from '../messages';\nimport PercentGroup from '../PercentGroup';\nimport useCourseGradeFilterData from './hooks';\n\nexport const CourseGradeFilter = ({ updateQueryParams }) => {\n  const {\n    max,\n    min,\n    isDisabled,\n    handleApplyClick,\n  } = useCourseGradeFilterData({ updateQueryParams });\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      <div className=\"grade-filter-inputs\">\n        <PercentGroup\n          id=\"minimum-grade\"\n          label={formatMessage(messages.minGrade)}\n          value={min.value}\n          onChange={min.onChange}\n        />\n        <PercentGroup\n          id=\"maximum-grade\"\n          label={formatMessage(messages.maxGrade)}\n          value={max.value}\n          onChange={max.onChange}\n        />\n      </div>\n      <div className=\"grade-filter-action\">\n        <Button\n          variant=\"outline-secondary\"\n          onClick={handleApplyClick}\n          disabled={isDisabled}\n        >\n          {formatMessage(messages.apply)}\n        </Button>\n      </div>\n    </>\n  );\n};\n\nCourseGradeFilter.propTypes = {\n  updateQueryParams: PropTypes.func.isRequired,\n};\n\nexport default CourseGradeFilter;\n"]}

package/dist/components/GradebookFilters/GradebookFilters.scss

@@ -0,0 +1,6 @@
+.filter-sidebar-header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    padding: 15px;
+}

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

@@ -0,0 +1,22 @@
+export default PercentGroup;
+declare function PercentGroup({ id, label, value, disabled, onChange, }: {
+    id: any;
+    label: any;
+    value: any;
+    disabled: any;
+    onChange: any;
+}): import("react").JSX.Element;
+declare namespace PercentGroup {
+    namespace defaultProps {
+        let disabled: boolean;
+    }
+    namespace propTypes {
+        export let id: PropTypes.Validator<string>;
+        export let label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        export let value: PropTypes.Validator<string>;
+        export let onChange: PropTypes.Validator<(...args: any[]) => any>;
+        let disabled_1: PropTypes.Requireable<boolean>;
+        export { disabled_1 as disabled };
+    }
+}
+import PropTypes from 'prop-types';

package/dist/components/GradebookFilters/PercentGroup.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Form } from '@openedx/paragon';
+const PercentGroup = ({ id, label, value, disabled, onChange, }) => (_jsxs("div", { className: "percent-group", children: [_jsxs(Form.Group, { controlId: id, children: [_jsx(Form.Label, { children: label }), _jsx(Form.Control, { type: "number", min: 0, max: 100, step: 1, value, disabled, onChange })] }), _jsx("span", { className: "input-percent-label", children: "%" })] }));
+PercentGroup.defaultProps = {
+    disabled: false,
+};
+PercentGroup.propTypes = {
+    id: PropTypes.string.isRequired,
+    label: PropTypes.node.isRequired,
+    value: PropTypes.string.isRequired,
+    onChange: PropTypes.func.isRequired,
+    disabled: PropTypes.bool,
+};
+export default PercentGroup;
+//# sourceMappingURL=PercentGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PercentGroup.js","sourceRoot":"","sources":["../../../src/components/GradebookFilters/PercentGroup.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAC,eAAe,aAC5B,MAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAE,EAAE,aACvB,KAAC,IAAI,CAAC,KAAK,cAAE,KAAK,GAAc,EAChC,KAAC,IAAI,CAAC,OAAO,IACX,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,CAAC,EACD,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAC/B,IACS,EACb,eAAM,SAAS,EAAC,qBAAqB,kBAAS,IAC1C,CACP,CAAC;AACF,YAAY,CAAC,YAAY,GAAG;IAC1B,QAAQ,EAAE,KAAK;CAChB,CAAC;AACF,YAAY,CAAC,SAAS,GAAG;IACvB,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAC/B,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IAChC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAClC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Form } from '@openedx/paragon';\n\nconst PercentGroup = ({\n  id,\n  label,\n  value,\n  disabled,\n  onChange,\n}) => (\n  <div className=\"percent-group\">\n    <Form.Group controlId={id}>\n      <Form.Label>{label}</Form.Label>\n      <Form.Control\n        type=\"number\"\n        min={0}\n        max={100}\n        step={1}\n        {...{ value, disabled, onChange }}\n      />\n    </Form.Group>\n    <span className=\"input-percent-label\">%</span>\n  </div>\n);\nPercentGroup.defaultProps = {\n  disabled: false,\n};\nPercentGroup.propTypes = {\n  id: PropTypes.string.isRequired,\n  label: PropTypes.node.isRequired,\n  value: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  disabled: PropTypes.bool,\n};\n\nexport default PercentGroup;\n"]}

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

@@ -0,0 +1,24 @@
+export default SelectGroup;
+declare function SelectGroup({ id, label, value, onChange, disabled, options, }: {
+    id: any;
+    label: any;
+    value: any;
+    onChange: any;
+    disabled: any;
+    options: any;
+}): import("react").JSX.Element;
+declare namespace SelectGroup {
+    namespace propTypes {
+        let id: PropTypes.Validator<string>;
+        let label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let value: PropTypes.Validator<string>;
+        let onChange: PropTypes.Validator<(...args: any[]) => any>;
+        let disabled: PropTypes.Requireable<boolean>;
+        let options: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
+    }
+    namespace defaultProps {
+        let disabled_1: boolean;
+        export { disabled_1 as disabled };
+    }
+}
+import PropTypes from 'prop-types';

package/dist/components/GradebookFilters/SelectGroup.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Form } from '@openedx/paragon';
+const SelectGroup = ({ id, label, value, onChange, disabled, options, }) => (_jsx("div", { className: "student-filters", children: _jsxs(Form.Group, { controlId: id, children: [_jsx(Form.Label, { children: label }), _jsx(Form.Control, { as: "select", value, onChange, disabled, children: options })] }) }));
+SelectGroup.propTypes = {
+    id: PropTypes.string.isRequired,
+    label: PropTypes.node.isRequired,
+    value: PropTypes.string.isRequired,
+    onChange: PropTypes.func.isRequired,
+    disabled: PropTypes.bool,
+    options: PropTypes.arrayOf(PropTypes.node).isRequired,
+};
+SelectGroup.defaultProps = {
+    disabled: false,
+};
+export default SelectGroup;
+//# sourceMappingURL=SelectGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectGroup.js","sourceRoot":"","sources":["../../../src/components/GradebookFilters/SelectGroup.jsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAC,iBAAiB,YAC9B,MAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAE,EAAE,aACvB,KAAC,IAAI,CAAC,KAAK,cAAE,KAAK,GAAc,EAChC,KAAC,IAAI,CAAC,OAAO,IAAC,EAAE,EAAC,QAAQ,EAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,YACtD,OAAO,GACK,IACJ,GACT,CACP,CAAC;AACF,WAAW,CAAC,SAAS,GAAG;IACtB,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAC/B,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IAChC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAClC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;CACtD,CAAC;AACF,WAAW,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["\nimport PropTypes from 'prop-types';\n\nimport { Form } from '@openedx/paragon';\n\nconst SelectGroup = ({\n  id,\n  label,\n  value,\n  onChange,\n  disabled,\n  options,\n}) => (\n  <div className=\"student-filters\">\n    <Form.Group controlId={id}>\n      <Form.Label>{label}</Form.Label>\n      <Form.Control as=\"select\" {...{ value, onChange, disabled }}>\n        {options}\n      </Form.Control>\n    </Form.Group>\n  </div>\n);\nSelectGroup.propTypes = {\n  id: PropTypes.string.isRequired,\n  label: PropTypes.node.isRequired,\n  value: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  disabled: PropTypes.bool,\n  options: PropTypes.arrayOf(PropTypes.node).isRequired,\n};\nSelectGroup.defaultProps = {\n  disabled: false,\n};\n\nexport default SelectGroup;\n"]}

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

@@ -0,0 +1,16 @@
+export function useStudentGroupsFilterData({ updateQueryParams }: {
+    updateQueryParams: any;
+}): {
+    cohorts: {
+        value: any;
+        isDisabled: boolean;
+        handleChange: (event: any) => void;
+        entries: any;
+    };
+    tracks: {
+        value: any;
+        handleChange: (event: any) => void;
+        entries: any;
+    };
+};
+export default useStudentGroupsFilterData;