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

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

@@ -0,0 +1,64 @@
+export default messages;
+declare namespace messages {
+    namespace fullNameHeading {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    namespace emailHeading {
+        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 totalGradeHeading {
+        let id_2: string;
+        export { id_2 as id };
+        let defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+        let description_2: string;
+        export { description_2 as description };
+    }
+    namespace usernameHeading {
+        let id_3: string;
+        export { id_3 as id };
+        let defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+        let description_3: string;
+        export { description_3 as description };
+    }
+    namespace studentKeyLabel {
+        let id_4: string;
+        export { id_4 as id };
+        let defaultMessage_4: string;
+        export { defaultMessage_4 as defaultMessage };
+        let description_4: string;
+        export { description_4 as description };
+    }
+    namespace usernameLabel {
+        let id_5: string;
+        export { id_5 as id };
+        let defaultMessage_5: string;
+        export { defaultMessage_5 as defaultMessage };
+        let description_5: string;
+        export { description_5 as description };
+    }
+    namespace totalGradePercentage {
+        let id_6: string;
+        export { id_6 as id };
+        let defaultMessage_6: string;
+        export { defaultMessage_6 as defaultMessage };
+        let description_6: string;
+        export { description_6 as description };
+    }
+    namespace noResultsFound {
+        let id_7: string;
+        export { id_7 as id };
+        let defaultMessage_7: string;
+        export { defaultMessage_7 as defaultMessage };
+        let description_7: string;
+        export { description_7 as description };
+    }
+}

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

@@ -0,0 +1,45 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    fullNameHeading: {
+        id: 'gradebook.GradesView.table.headings.fullName',
+        defaultMessage: 'Full Name',
+        description: 'Gradebook table full name column header',
+    },
+    emailHeading: {
+        id: 'gradebook.GradesView.table.headings.email',
+        defaultMessage: 'Email',
+        description: 'Gradebook table email column header',
+    },
+    totalGradeHeading: {
+        id: 'gradebook.GradesView.table.headings.totalGrade',
+        defaultMessage: 'Total Grade (%)',
+        description: 'Gradebook table total grade column header',
+    },
+    usernameHeading: {
+        id: 'gradebook.GradesView.table.headings.username',
+        defaultMessage: 'Username',
+        description: 'Gradebook table username column header',
+    },
+    studentKeyLabel: {
+        id: 'gradebook.GradesView.table.labels.studentKey',
+        defaultMessage: 'Student Key',
+        description: 'Gradebook table Student Key label',
+    },
+    usernameLabel: {
+        id: 'gradebook.GradesView.table.labels.username',
+        defaultMessage: 'Username',
+        description: 'Gradebook table username label',
+    },
+    totalGradePercentage: {
+        id: 'gradebook.GradesView.table.totalGradePercentage',
+        defaultMessage: 'Total Grade values are always displayed as a percentage',
+        description: 'Gradebook table message that total grades are displayed in percent format',
+    },
+    noResultsFound: {
+        id: 'gradebook.GradesView.table.noResultsFound',
+        defaultMessage: 'No results found',
+        description: 'Gradebook table message when no learner results were found',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/components/GradesView/GradebookTable/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,eAAe,EAAE;QACf,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,yCAAyC;KACvD;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,qCAAqC;KACnD;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,2CAA2C;KACzD;IACD,eAAe,EAAE;QACf,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,wCAAwC;KACtD;IACD,eAAe,EAAE;QACf,EAAE,EAAE,8CAA8C;QAClD,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,mCAAmC;KACjD;IACD,aAAa,EAAE;QACb,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,gCAAgC;KAC9C;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,iDAAiD;QACrD,cAAc,EAAE,yDAAyD;QACzE,WAAW,EAAE,2EAA2E;KACzF;IACD,cAAc,EAAE;QACd,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,4DAA4D;KAC1E;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  fullNameHeading: {\n    id: 'gradebook.GradesView.table.headings.fullName',\n    defaultMessage: 'Full Name',\n    description: 'Gradebook table full name column header',\n  },\n  emailHeading: {\n    id: 'gradebook.GradesView.table.headings.email',\n    defaultMessage: 'Email',\n    description: 'Gradebook table email column header',\n  },\n  totalGradeHeading: {\n    id: 'gradebook.GradesView.table.headings.totalGrade',\n    defaultMessage: 'Total Grade (%)',\n    description: 'Gradebook table total grade column header',\n  },\n  usernameHeading: {\n    id: 'gradebook.GradesView.table.headings.username',\n    defaultMessage: 'Username',\n    description: 'Gradebook table username column header',\n  },\n  studentKeyLabel: {\n    id: 'gradebook.GradesView.table.labels.studentKey',\n    defaultMessage: 'Student Key',\n    description: 'Gradebook table Student Key label',\n  },\n  usernameLabel: {\n    id: 'gradebook.GradesView.table.labels.username',\n    defaultMessage: 'Username',\n    description: 'Gradebook table username label',\n  },\n  totalGradePercentage: {\n    id: 'gradebook.GradesView.table.totalGradePercentage',\n    defaultMessage: 'Total Grade values are always displayed as a percentage',\n    description: 'Gradebook table message that total grades are displayed in percent format',\n  },\n  noResultsFound: {\n    id: 'gradebook.GradesView.table.noResultsFound',\n    defaultMessage: 'No results found',\n    description: 'Gradebook table message when no learner results were found',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/GradesView/GradesView.scss

@@ -0,0 +1,156 @@
+.spinner-overlay {
+    position: fixed;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    background-color: #999;
+    opacity: 0.5;
+    z-index: 99999;
+    display:flex;
+    align-items: flex-start;
+    justify-content: center;
+    padding: 200px;
+}
+
+.color-black {
+    color: black;
+}
+
+.gradebook-content {
+    // note that this width isn't well-abstracted from Drawer code.
+    // if we need to change it we may need to dig into those styles as well
+    width: 100vw;
+    .search-help-text {
+        margin-left: 20px;
+    }
+    h3 {
+        font-weight: bold;
+        margin-top: 0rem;
+    }
+    .import-grades-btn {
+      margin-left: 20px;
+    }
+    .intervention-report-description {
+      margin-right: 40px;
+    }
+    h4.step-message-1 {
+      margin-top: 40px;
+    }
+}
+
+.student-filters{
+    .label{
+        padding-top: 30px;
+    }
+}
+.grade-history-header{
+    float: left;
+    min-width: 170px;
+}
+
+.grade-history-assignment{
+    padding-right: 49px;
+}
+.grade-history-student{
+    padding-right: 75px;
+}
+
+.grade-history-original-grade{
+    padding-right: 25px;
+}
+
+.grade-history-current-grade{
+    padding-right: 25px;
+}
+.gradebook-container {
+    width: 100%;
+    overflow-x: auto;
+    max-height: 600px;
+    overflow-y: auto;
+    position: relative;
+}
+
+.form-group, .pgn__form-group {
+  label {
+    font-weight: bold;
+  }
+}
+
+.filter-group {
+  .grade-filter-inputs {
+    .percent-group {
+      display: inline-block;
+      .form-group, .pgn__form-group {
+        width: 115px;
+        display: inline-block;
+      }
+      .input-percent-label {
+          margin-top: 22px;
+          margin-left: 5px;
+          margin-right: 5px;
+      }
+    }
+  }
+  .grade-filter-action {
+    text-align: right;
+  }
+}
+
+.mb-85 {
+    margin-bottom: 85px;
+}
+
+.modal-dialog {
+    max-width: 1000px;
+}
+
+.wrap-text-in-cell {
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+}
+
+select#ScoreView.form-control {
+  padding-right: 26px;
+}
+
+[dir=rtl] #course-grade-tooltip .arrow {
+    right: initial;
+    left: 0;
+    
+    &:before {
+        border-width: 0.4rem 0.4rem 0.4rem 0;
+        border-right-color: var(--pgn-color-black);
+    }
+}
+
+#edit-filters-btn {
+     @media (--pgn-size-breakpoint-max-width-xs) {
+        width: 100%;
+        margin-bottom: 1rem;
+    }
+}
+
+.search-container {
+     @media (--pgn-size-breakpoint-max-width-xs) {
+        width: 100%;
+    }
+}
+
+.pgn__modal-body-content .pgn__data-table-layout-wrapper {
+    @media (--pgn-size-breakpoint-max-width-xs) {
+        clear: both;
+        padding: 1rem 0;
+    }
+}
+
+.page-gradebook {
+    position: relative;
+
+    .sidebar-container {
+        position: relative;
+    }
+    aside.sidebar {
+        overflow: auto;
+    }
+}

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

@@ -0,0 +1,5 @@
+export function ImportGradesButton(): import("react").JSX.Element;
+export namespace ImportGradesButton {
+    let propTypes: {};
+}
+export default ImportGradesButton;

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { Form } from '@openedx/paragon';
+import NetworkButton from '../../NetworkButton';
+import { useGradeExportUrl } from '../data/hooks';
+import { useSubmitImportGradesButtonData } from '../data/apiHook';
+import messages from './messages';
+/**
+ * <ImportGradesButton />
+ * File-type input wrapped with hidden control such that when a valid file is
+ * added, it is automattically uploaded.
+ */
+export const ImportGradesButton = () => {
+    const { formatMessage } = useIntl();
+    const gradeExportUrl = useGradeExportUrl();
+    const submitImportGradesButtonData = useSubmitImportGradesButtonData();
+    const fileInputRef = useRef(null);
+    const handleClickImportGrades = () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
+    const handleFileInputChange = () => {
+        var _a, _b;
+        const file = (_b = (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0];
+        if (file) {
+            const clearInput = () => {
+                if (fileInputRef.current) {
+                    fileInputRef.current.value = '';
+                }
+            };
+            const formData = new FormData();
+            formData.append('csv', file);
+            submitImportGradesButtonData(formData).then(clearInput);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Form, { action: gradeExportUrl, method: "post", children: _jsx(Form.Group, { controlId: "csv", children: _jsx(Form.Control, { "data-testid": "file-control", className: "d-none", type: "file", label: formatMessage(messages.csvUploadLabel), onChange: handleFileInputChange, ref: fileInputRef }) }) }), _jsx(NetworkButton, { className: "import-grades-btn", label: messages.importGradesBtnText, onClick: handleClickImportGrades, import: true })] }));
+};
+ImportGradesButton.propTypes = {};
+export default ImportGradesButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradesView/ImportGradesButton/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,4BAA4B,GAAG,+BAA+B,EAAE,CAAC;IACvE,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAElC,MAAM,uBAAuB,GAAG,GAAG,EAAE,WAAC,OAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,CAAC;IACpE,MAAM,qBAAqB,GAAG,GAAG,EAAE;;QACjC,MAAM,IAAI,GAAG,MAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,KAAK,0CAAG,CAAC,CAAC,CAAC;QAC9C,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,UAAU,GAAG,GAAG,EAAE;gBACtB,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;oBACzB,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;gBAClC,CAAC;YACH,CAAC,CAAC;YACF,MAAM,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;YAChC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC7B,4BAA4B,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,MAAM,EAAE,cAAc,EAAE,MAAM,EAAC,MAAM,YACzC,KAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,KAAK,YACzB,KAAC,IAAI,CAAC,OAAO,mBACC,cAAc,EAC1B,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,EAC7C,QAAQ,EAAE,qBAAqB,EAC/B,GAAG,EAAE,YAAY,GACjB,GACS,GACR,EACP,KAAC,aAAa,IACZ,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,QAAQ,CAAC,mBAAmB,EACnC,OAAO,EAAE,uBAAuB,EAChC,MAAM,SACN,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,SAAS,GAAG,EAAE,CAAC;AAElC,eAAe,kBAAkB,CAAC","sourcesContent":["import { useRef } from 'react';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { Form } from '@openedx/paragon';\n\nimport NetworkButton from '@src/components/NetworkButton';\n\nimport { useGradeExportUrl } from '../data/hooks';\nimport { useSubmitImportGradesButtonData } from '../data/apiHook';\nimport messages from './messages';\n\n/**\n * <ImportGradesButton />\n * File-type input wrapped with hidden control such that when a valid file is\n * added, it is automattically uploaded.\n */\nexport const ImportGradesButton = () => {\n  const { formatMessage } = useIntl();\n  const gradeExportUrl = useGradeExportUrl();\n  const submitImportGradesButtonData = useSubmitImportGradesButtonData();\n  const fileInputRef = useRef(null);\n\n  const handleClickImportGrades = () => fileInputRef.current?.click();\n  const handleFileInputChange = () => {\n    const file = fileInputRef.current?.files?.[0];\n    if (file) {\n      const clearInput = () => {\n        if (fileInputRef.current) {\n          fileInputRef.current.value = '';\n        }\n      };\n      const formData = new FormData();\n      formData.append('csv', file);\n      submitImportGradesButtonData(formData).then(clearInput);\n    }\n  };\n\n  return (\n    <>\n      <Form action={gradeExportUrl} method=\"post\">\n        <Form.Group controlId=\"csv\">\n          <Form.Control\n            data-testid=\"file-control\"\n            className=\"d-none\"\n            type=\"file\"\n            label={formatMessage(messages.csvUploadLabel)}\n            onChange={handleFileInputChange}\n            ref={fileInputRef}\n          />\n        </Form.Group>\n      </Form>\n      <NetworkButton\n        className=\"import-grades-btn\"\n        label={messages.importGradesBtnText}\n        onClick={handleClickImportGrades}\n        import\n      />\n    </>\n  );\n};\nImportGradesButton.propTypes = {};\n\nexport default ImportGradesButton;\n"]}

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

@@ -0,0 +1,16 @@
+export default messages;
+declare namespace messages {
+    namespace csvUploadLabel {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    namespace importGradesBtnText {
+        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 };
+    }
+}

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

@@ -0,0 +1,15 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    csvUploadLabel: {
+        id: 'gradebook.BulkManagementHistoryView.csvUploadLabel',
+        defaultMessage: 'Upload Grade CSV',
+        description: 'A labeled button to upload a CSV containing course grades.',
+    },
+    importGradesBtnText: {
+        id: 'gradebook.GradesView.importGradesBtnText',
+        defaultMessage: 'Import Grades',
+        description: 'A labeled button to import grades in the BulkManagement Tab File Upload Form',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/components/GradesView/ImportGradesButton/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,cAAc,EAAE;QACd,EAAE,EAAE,oDAAoD;QACxD,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,4DAA4D;KAC1E;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,8EAA8E;KAC5F;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  csvUploadLabel: {\n    id: 'gradebook.BulkManagementHistoryView.csvUploadLabel',\n    defaultMessage: 'Upload Grade CSV',\n    description: 'A labeled button to upload a CSV containing course grades.',\n  },\n  importGradesBtnText: {\n    id: 'gradebook.GradesView.importGradesBtnText',\n    defaultMessage: 'Import Grades',\n    description: 'A labeled button to import grades in the BulkManagement Tab File Upload Form',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/GradesView/ImportSuccessToast/hooks.d.ts

@@ -0,0 +1,10 @@
+export function useImportSuccessToastData(): {
+    action: {
+        label: string;
+        onClick: () => void;
+    };
+    onClose: () => void;
+    show: boolean;
+    description: string;
+};
+export default useImportSuccessToastData;

package/dist/components/GradesView/ImportSuccessToast/hooks.js

@@ -0,0 +1,31 @@
+import { useIntl } from '@openedx/frontend-base';
+import { useGradebookUi } from '../../../data/gradebookUiContext';
+import { views } from '../../../data/constants/app';
+import messages from './messages';
+/**
+ * <ImportSuccessToast />
+ * Toast component triggered by successful grade upload.
+ * Provides a link to view the Bulk Management History tab.
+ */
+export const useImportSuccessToastData = () => {
+    const { formatMessage } = useIntl();
+    const { showImportSuccessToast: show, setActiveView, setShowImportSuccessToast } = useGradebookUi();
+    const onClose = () => {
+        setShowImportSuccessToast(false);
+    };
+    const handleShowHistoryView = () => {
+        setActiveView(views.bulkManagementHistory);
+        setShowImportSuccessToast(false);
+    };
+    return {
+        action: {
+            label: formatMessage(messages.showHistoryViewBtn),
+            onClick: handleShowHistoryView,
+        },
+        onClose,
+        show,
+        description: formatMessage(messages.description),
+    };
+};
+export default useImportSuccessToastData;
+//# sourceMappingURL=hooks.js.map

package/dist/components/GradesView/ImportSuccessToast/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/components/GradesView/ImportSuccessToast/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,MAAM,EAAE,sBAAsB,EAAE,IAAI,EAAE,aAAa,EAAE,yBAAyB,EAAE,GAAG,cAAc,EAAE,CAAC;IAEpG,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,yBAAyB,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,aAAa,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAC3C,yBAAyB,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO;QACL,MAAM,EAAE;YACN,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,kBAAkB,CAAC;YACjD,OAAO,EAAE,qBAAqB;SAC/B;QACD,OAAO;QACP,IAAI;QACJ,WAAW,EAAE,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC;KACjD,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\n\nimport { useGradebookUi } from '@src/data/gradebookUiContext';\nimport { views } from '@src/data/constants/app';\nimport messages from './messages';\n\n/**\n * <ImportSuccessToast />\n * Toast component triggered by successful grade upload.\n * Provides a link to view the Bulk Management History tab.\n */\nexport const useImportSuccessToastData = () => {\n  const { formatMessage } = useIntl();\n\n  const { showImportSuccessToast: show, setActiveView, setShowImportSuccessToast } = useGradebookUi();\n\n  const onClose = () => {\n    setShowImportSuccessToast(false);\n  };\n\n  const handleShowHistoryView = () => {\n    setActiveView(views.bulkManagementHistory);\n    setShowImportSuccessToast(false);\n  };\n\n  return {\n    action: {\n      label: formatMessage(messages.showHistoryViewBtn),\n      onClick: handleShowHistoryView,\n    },\n    onClose,\n    show,\n    description: formatMessage(messages.description),\n  };\n};\n\nexport default useImportSuccessToastData;\n"]}

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

@@ -0,0 +1,5 @@
+export function ImportSuccessToast(): import("react").JSX.Element;
+export namespace ImportSuccessToast {
+    let propTypes: {};
+}
+export default ImportSuccessToast;

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toast } from '@openedx/paragon';
+import useImportSuccessToastData from './hooks';
+/**
+ * <ImportSuccessToast />
+ * Toast component triggered by successful grade upload.
+ * Provides a link to view the Bulk Management History tab.
+ */
+export const ImportSuccessToast = () => {
+    const { action, onClose, show, description, } = useImportSuccessToastData();
+    return (_jsx(Toast, { action, onClose, show, children: description }));
+};
+ImportSuccessToast.propTypes = {};
+export default ImportSuccessToast;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradesView/ImportSuccessToast/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,yBAAyB,MAAM,SAAS,CAAC;AAEhD;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EACJ,MAAM,EACN,OAAO,EACP,IAAI,EACJ,WAAW,GACZ,GAAG,yBAAyB,EAAE,CAAC;IAChC,OAAO,CACL,KAAC,KAAK,IAAO,MAAM,EAAE,OAAO,EAAE,IAAI,YAC/B,WAAW,GACN,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,SAAS,GAAG,EAAE,CAAC;AAElC,eAAe,kBAAkB,CAAC","sourcesContent":["import { Toast } from '@openedx/paragon';\n\nimport useImportSuccessToastData from './hooks';\n\n/**\n * <ImportSuccessToast />\n * Toast component triggered by successful grade upload.\n * Provides a link to view the Bulk Management History tab.\n */\nexport const ImportSuccessToast = () => {\n  const {\n    action,\n    onClose,\n    show,\n    description,\n  } = useImportSuccessToastData();\n  return (\n    <Toast {...{ action, onClose, show }}>\n      {description}\n    </Toast>\n  );\n};\n\nImportSuccessToast.propTypes = {};\n\nexport default ImportSuccessToast;\n"]}

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

@@ -0,0 +1,17 @@
+export default messages;
+declare namespace messages {
+    namespace description {
+        export let id: string;
+        export let defaultMessage: string;
+        let description_1: string;
+        export { description_1 as description };
+    }
+    namespace showHistoryViewBtn {
+        let id_1: string;
+        export { id_1 as id };
+        let defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+        let description_2: string;
+        export { description_2 as description };
+    }
+}

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

@@ -0,0 +1,15 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    description: {
+        id: 'gradebook.GradesView.ImportSuccessToast.description',
+        defaultMessage: 'Import Successful! Grades will be updated momentarily.',
+        description: 'A message congratulating a successful Import of grades',
+    },
+    showHistoryViewBtn: {
+        id: 'gradebook.GradesView.ImportSuccessToast.showHistoryViewBtn',
+        defaultMessage: 'View Activity Log',
+        description: 'The text on a button that loads a view of the Bulk Management Activity Log',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/components/GradesView/ImportSuccessToast/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,WAAW,EAAE;QACX,EAAE,EAAE,qDAAqD;QACzD,cAAc,EAAE,wDAAwD;QACxE,WAAW,EAAE,wDAAwD;KACtE;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,4DAA4D;QAChE,cAAc,EAAE,mBAAmB;QACnC,WAAW,EAAE,4EAA4E;KAC1F;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  description: {\n    id: 'gradebook.GradesView.ImportSuccessToast.description',\n    defaultMessage: 'Import Successful! Grades will be updated momentarily.',\n    description: 'A message congratulating a successful Import of grades',\n  },\n  showHistoryViewBtn: {\n    id: 'gradebook.GradesView.ImportSuccessToast.showHistoryViewBtn',\n    defaultMessage: 'View Activity Log',\n    description: 'The text on a button that loads a view of the Bulk Management Activity Log',\n  },\n});\n\nexport default messages;\n"]}

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

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

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import NetworkButton from '../../NetworkButton';
+import { useShowBulkManagement } from '../../../data/apiHook';
+import { trackInterventionReportDownloaded } from '../../../data/services/segment/events';
+import { useInterventionExportUrl } from '../data/hooks';
+import messages from './messages';
+/**
+ * <InterventionsReport />
+ * Provides download buttons for Bulk Management and Intervention reports, only if
+ * showBulkManagement is set in redus.
+ */
+export const InterventionsReport = () => {
+    const interventionExportUrl = useInterventionExportUrl();
+    const showBulkManagement = useShowBulkManagement();
+    const { formatMessage } = useIntl();
+    const handleClick = () => {
+        trackInterventionReportDownloaded();
+        window.location.assign(interventionExportUrl);
+    };
+    if (!showBulkManagement) {
+        return null;
+    }
+    return (_jsxs("div", { children: [_jsx("h4", { className: "mt-0", children: formatMessage(messages.title) }), _jsxs("div", { className: "d-flex justify-content-between align-items-center", children: [_jsx("div", { className: "intervention-report-description", children: formatMessage(messages.description) }), _jsx(NetworkButton, { label: messages.downloadBtn, onClick: handleClick })] })] }));
+};
+export default InterventionsReport;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradesView/InterventionsReport/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;AAEtF,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,qBAAqB,GAAG,wBAAwB,EAAE,CAAC;IACzD,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IACnD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,iCAAiC,EAAE,CAAC;QACpC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,0BACE,aAAI,SAAS,EAAC,MAAM,YACjB,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,GAC3B,EACL,eACE,SAAS,EAAC,mDAAmD,aAE7D,cAAK,SAAS,EAAC,iCAAiC,YAC7C,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,GAChC,EACN,KAAC,aAAa,IACZ,KAAK,EAAE,QAAQ,CAAC,WAAW,EAC3B,OAAO,EAAE,WAAW,GACpB,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\n\nimport NetworkButton from '@src/components/NetworkButton';\nimport { useShowBulkManagement } from '@src/data/apiHook';\nimport { trackInterventionReportDownloaded } from '@src/data/services/segment/events';\n\nimport { useInterventionExportUrl } from '../data/hooks';\nimport messages from './messages';\n\n/**\n * <InterventionsReport />\n * Provides download buttons for Bulk Management and Intervention reports, only if\n * showBulkManagement is set in redus.\n */\nexport const InterventionsReport = () => {\n  const interventionExportUrl = useInterventionExportUrl();\n  const showBulkManagement = useShowBulkManagement();\n  const { formatMessage } = useIntl();\n\n  const handleClick = () => {\n    trackInterventionReportDownloaded();\n    window.location.assign(interventionExportUrl);\n  };\n\n  if (!showBulkManagement) {\n    return null;\n  }\n\n  return (\n    <div>\n      <h4 className=\"mt-0\">\n        {formatMessage(messages.title)}\n      </h4>\n      <div\n        className=\"d-flex justify-content-between align-items-center\"\n      >\n        <div className=\"intervention-report-description\">\n          {formatMessage(messages.description)}\n        </div>\n        <NetworkButton\n          label={messages.downloadBtn}\n          onClick={handleClick}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default InterventionsReport;\n"]}

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

@@ -0,0 +1,25 @@
+export default messages;
+declare namespace messages {
+    export namespace title {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    export namespace description_1 {
+        let id_1: string;
+        export { id_1 as id };
+        let defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+        let description_2: string;
+        export { description_2 as description };
+    }
+    export { description_1 as description };
+    export namespace downloadBtn {
+        let id_2: string;
+        export { id_2 as id };
+        let defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+        let description_3: string;
+        export { description_3 as description };
+    }
+}

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

@@ -0,0 +1,20 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    title: {
+        id: 'gradebook.GradesView.InterventionsReport.title',
+        defaultMessage: 'Interventions Report',
+        description: 'The title for the Intervention report subsection',
+    },
+    description: {
+        id: 'gradebook.GradesView.InterventionsReport.description',
+        defaultMessage: 'Need to find students who may be falling behind?  Download the interventions report to obtain engagement metrics such as section attempts and visits.',
+        description: 'The description for the Intervention report subsection',
+    },
+    downloadBtn: {
+        id: 'gradebook.GradesView.InterventionsReport.downloadBtn',
+        defaultMessage: 'Download Interventions',
+        description: 'The labeled button to download the Intervention report from the Grades View',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/components/GradesView/InterventionsReport/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,KAAK,EAAE;QACL,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,kDAAkD;KAChE;IACD,WAAW,EAAE;QACX,EAAE,EAAE,sDAAsD;QAC1D,cAAc,EAAE,uJAAuJ;QACvK,WAAW,EAAE,wDAAwD;KACtE;IACD,WAAW,EAAE;QACX,EAAE,EAAE,sDAAsD;QAC1D,cAAc,EAAE,wBAAwB;QACxC,WAAW,EAAE,6EAA6E;KAC3F;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  title: {\n    id: 'gradebook.GradesView.InterventionsReport.title',\n    defaultMessage: 'Interventions Report',\n    description: 'The title for the Intervention report subsection',\n  },\n  description: {\n    id: 'gradebook.GradesView.InterventionsReport.description',\n    defaultMessage: 'Need to find students who may be falling behind?  Download the interventions report to obtain engagement metrics such as section attempts and visits.',\n    description: 'The description for the Intervention report subsection',\n  },\n  downloadBtn: {\n    id: 'gradebook.GradesView.InterventionsReport.downloadBtn',\n    defaultMessage: 'Download Interventions',\n    description: 'The labeled button to download the Intervention report from the Grades View',\n  },\n});\n\nexport default messages;\n"]}

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

@@ -0,0 +1,5 @@
+export function PageButtons(): import("react").JSX.Element;
+export namespace PageButtons {
+    let propTypes: {};
+}
+export default PageButtons;

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { useFetchPrevNextGrades, useGradeData } from '../data/hooks';
+import messages from './messages';
+export const PageButtons = () => {
+    const { formatMessage } = useIntl();
+    const { nextPage, prevPage } = useGradeData();
+    const getPrevNextGrades = useFetchPrevNextGrades();
+    return (_jsxs("div", { className: "d-flex justify-content-center", style: { paddingBottom: '20px' }, children: [_jsx(Button, { style: { margin: '20px' }, variant: "outline-primary", disabled: !prevPage, onClick: () => getPrevNextGrades(prevPage), children: formatMessage(messages.prevPage) }), _jsx(Button, { style: { margin: '20px' }, variant: "outline-primary", disabled: !nextPage, onClick: () => getPrevNextGrades(nextPage), children: formatMessage(messages.nextPage) })] }));
+};
+PageButtons.propTypes = {};
+export default PageButtons;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradesView/PageButtons/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9C,MAAM,iBAAiB,GAAG,sBAAsB,EAAE,CAAC;IAEnD,OAAO,CACL,eACE,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,aAEhC,KAAC,MAAM,IACL,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EACzB,OAAO,EAAC,iBAAiB,EACzB,QAAQ,EAAE,CAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,YAEzC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAC1B,EACT,KAAC,MAAM,IACL,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EACzB,OAAO,EAAC,iBAAiB,EACzB,QAAQ,EAAE,CAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,YAEzC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAC1B,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,SAAS,GAAG,EAAE,CAAC;AAE3B,eAAe,WAAW,CAAC","sourcesContent":["import { Button } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useFetchPrevNextGrades, useGradeData } from '../data/hooks';\nimport messages from './messages';\n\nexport const PageButtons = () => {\n  const { formatMessage } = useIntl();\n  const { nextPage, prevPage } = useGradeData();\n  const getPrevNextGrades = useFetchPrevNextGrades();\n\n  return (\n    <div\n      className=\"d-flex justify-content-center\"\n      style={{ paddingBottom: '20px' }}\n    >\n      <Button\n        style={{ margin: '20px' }}\n        variant=\"outline-primary\"\n        disabled={!prevPage}\n        onClick={() => getPrevNextGrades(prevPage)}\n      >\n        {formatMessage(messages.prevPage)}\n      </Button>\n      <Button\n        style={{ margin: '20px' }}\n        variant=\"outline-primary\"\n        disabled={!nextPage}\n        onClick={() => getPrevNextGrades(nextPage)}\n      >\n        {formatMessage(messages.nextPage)}\n      </Button>\n    </div>\n  );\n};\n\nPageButtons.propTypes = {};\n\nexport default PageButtons;\n"]}

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

@@ -0,0 +1,16 @@
+export default messages;
+declare namespace messages {
+    namespace prevPage {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    namespace nextPage {
+        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 };
+    }
+}

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

@@ -0,0 +1,15 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    prevPage: {
+        id: 'gradebook.GradesView.PageButtons.prevPage',
+        defaultMessage: 'Previous Page',
+        description: 'Grades tab Previous Page button text',
+    },
+    nextPage: {
+        id: 'gradebook.GradesView.PageButtons.nextPage',
+        defaultMessage: 'Next Page',
+        description: 'Grades tab Next Page button text',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map