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

package/dist/components/GradebookHeader/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import { Button } from '@openedx/paragon';
+import { instructorDashboardUrl } from '../../data/services/lms/urls';
+import useGradebookHeaderData from './hooks';
+import messages from './messages';
+export const GradebookHeader = () => {
+    const { formatMessage } = useIntl();
+    const { areGradesFrozen, canUserViewGradebook, courseId, handleToggleViewClick, showBulkManagement, toggleViewMessage, } = useGradebookHeaderData();
+    const dashboardUrl = instructorDashboardUrl();
+    return (_jsxs("div", { className: "gradebook-header", children: [_jsxs("a", { href: dashboardUrl, className: "mb-3", children: [_jsx("span", { "aria-hidden": "true", children: '<< ' }), formatMessage(messages.backToDashboard)] }), _jsx("h1", { children: formatMessage(messages.gradebook) }), _jsxs("div", { className: "subtitle-row d-flex justify-content-between align-items-center", children: [_jsx("h2", { className: "text-break", children: courseId }), showBulkManagement && (_jsx(Button, { variant: "tertiary", onClick: handleToggleViewClick, children: formatMessage(toggleViewMessage) }))] }), areGradesFrozen && (_jsx("div", { className: "alert alert-warning", role: "alert", children: formatMessage(messages.frozenWarning) })), (canUserViewGradebook === false) && (_jsx("div", { className: "alert alert-warning", role: "alert", children: formatMessage(messages.unauthorizedWarning) }))] }));
+};
+export default GradebookHeader;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/GradebookHeader/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,sBAAsB,MAAM,SAAS,CAAC;AAC7C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EACJ,eAAe,EACf,oBAAoB,EACpB,QAAQ,EACR,qBAAqB,EACrB,kBAAkB,EAClB,iBAAiB,GAClB,GAAG,sBAAsB,EAAE,CAAC;IAC7B,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;IAC9C,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,aAAG,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,aACrC,8BAAkB,MAAM,YAAE,KAAK,GAAQ,EACtC,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,IACtC,EACJ,uBAAK,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAM,EAC5C,eAAK,SAAS,EAAC,gEAAgE,aAC7E,aAAI,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAM,EACzC,kBAAkB,IAAI,CACrB,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,qBAAqB,YACtD,aAAa,CAAC,iBAAiB,CAAC,GAC1B,CACV,IACG,EACL,eAAe,IAAI,CAClB,cAAK,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAC,OAAO,YAC9C,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAClC,CACP,EACA,CAAC,oBAAoB,KAAK,KAAK,CAAC,IAAI,CACnC,cAAK,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAC,OAAO,YAC9C,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,GACxC,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { Button } from '@openedx/paragon';\n\nimport { instructorDashboardUrl } from '@src/data/services/lms/urls';\nimport useGradebookHeaderData from './hooks';\nimport messages from './messages';\n\nexport const GradebookHeader = () => {\n  const { formatMessage } = useIntl();\n  const {\n    areGradesFrozen,\n    canUserViewGradebook,\n    courseId,\n    handleToggleViewClick,\n    showBulkManagement,\n    toggleViewMessage,\n  } = useGradebookHeaderData();\n  const dashboardUrl = instructorDashboardUrl();\n  return (\n    <div className=\"gradebook-header\">\n      <a href={dashboardUrl} className=\"mb-3\">\n        <span aria-hidden=\"true\">{'<< '}</span>\n        {formatMessage(messages.backToDashboard)}\n      </a>\n      <h1>{formatMessage(messages.gradebook)}</h1>\n      <div className=\"subtitle-row d-flex justify-content-between align-items-center\">\n        <h2 className=\"text-break\">{courseId}</h2>\n        {showBulkManagement && (\n          <Button variant=\"tertiary\" onClick={handleToggleViewClick}>\n            {formatMessage(toggleViewMessage)}\n          </Button>\n        )}\n      </div>\n      {areGradesFrozen && (\n        <div className=\"alert alert-warning\" role=\"alert\">\n          {formatMessage(messages.frozenWarning)}\n        </div>\n      )}\n      {(canUserViewGradebook === false) && (\n        <div className=\"alert alert-warning\" role=\"alert\">\n          {formatMessage(messages.unauthorizedWarning)}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default GradebookHeader;\n"]}

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

@@ -0,0 +1,48 @@
+export default messages;
+declare namespace messages {
+    namespace backToDashboard {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    namespace gradebook {
+        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 frozenWarning {
+        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 unauthorizedWarning {
+        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 toActivityLog {
+        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 toGradesView {
+        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 };
+    }
+}

package/dist/components/GradebookHeader/messages.js

@@ -0,0 +1,35 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    backToDashboard: {
+        id: 'gradebook.GradebookHeader.backButton',
+        defaultMessage: 'Back to Dashboard',
+        description: 'Button text to take user back to LMS dashboard in Gradebook Header',
+    },
+    gradebook: {
+        id: 'gradebook.GradebookHeader.appLabel',
+        defaultMessage: 'Gradebook',
+        description: 'Top-level app title in Gradebook Header component',
+    },
+    frozenWarning: {
+        id: 'gradebook.GradebookHeader.frozenWarning',
+        defaultMessage: 'The grades for this course are now frozen. Editing of grades is no longer allowed.',
+        description: 'Warning message in Gradebook Header for frozen messages',
+    },
+    unauthorizedWarning: {
+        id: 'gradebook.GradebookHeader.unauthorizedWarning',
+        defaultMessage: 'You are not authorized to view the gradebook for this course.',
+        description: 'Warning message in Gradebook Header when user is not allowed to view the app',
+    },
+    toActivityLog: {
+        id: 'gradebook.GradebookHeader.toActivityLogButton',
+        defaultMessage: 'View Bulk Management History',
+        description: 'Button text for button navigating to Bulk Managment Activity Log',
+    },
+    toGradesView: {
+        id: 'gradebook.GradebookHeader.toGradesView',
+        defaultMessage: 'Return to Gradebook',
+        description: 'Button text for button navigating to Grades view.',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/components/GradebookHeader/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,eAAe,EAAE;QACf,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,mBAAmB;QACnC,WAAW,EAAE,oEAAoE;KAClF;IACD,SAAS,EAAE;QACT,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,mDAAmD;KACjE;IACD,aAAa,EAAE;QACb,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,oFAAoF;QACpG,WAAW,EAAE,yDAAyD;KACvE;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,+DAA+D;QAC/E,WAAW,EAAE,8EAA8E;KAC5F;IACD,aAAa,EAAE;QACb,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,8BAA8B;QAC9C,WAAW,EAAE,kEAAkE;KAChF;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,wCAAwC;QAC5C,cAAc,EAAE,qBAAqB;QACrC,WAAW,EAAE,mDAAmD;KACjE;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  backToDashboard: {\n    id: 'gradebook.GradebookHeader.backButton',\n    defaultMessage: 'Back to Dashboard',\n    description: 'Button text to take user back to LMS dashboard in Gradebook Header',\n  },\n  gradebook: {\n    id: 'gradebook.GradebookHeader.appLabel',\n    defaultMessage: 'Gradebook',\n    description: 'Top-level app title in Gradebook Header component',\n  },\n  frozenWarning: {\n    id: 'gradebook.GradebookHeader.frozenWarning',\n    defaultMessage: 'The grades for this course are now frozen. Editing of grades is no longer allowed.',\n    description: 'Warning message in Gradebook Header for frozen messages',\n  },\n  unauthorizedWarning: {\n    id: 'gradebook.GradebookHeader.unauthorizedWarning',\n    defaultMessage: 'You are not authorized to view the gradebook for this course.',\n    description: 'Warning message in Gradebook Header when user is not allowed to view the app',\n  },\n  toActivityLog: {\n    id: 'gradebook.GradebookHeader.toActivityLogButton',\n    defaultMessage: 'View Bulk Management History',\n    description: 'Button text for button navigating to Bulk Managment Activity Log',\n  },\n  toGradesView: {\n    id: 'gradebook.GradebookHeader.toGradesView',\n    defaultMessage: 'Return to Gradebook',\n    description: 'Button text for button navigating to Grades view.',\n  },\n});\n\nexport default messages;\n"]}

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

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

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import NetworkButton from '../../NetworkButton';
+import { useShowBulkManagement } from '../../../data/apiHook';
+import { trackGradesReportDownloaded } from '../../../data/services/segment/events';
+import ImportGradesButton from '../ImportGradesButton';
+import { useGradeExportUrl } from '../data/hooks';
+import messages from './messages';
+/**
+ * <BulkManagementControls />
+ * Provides download buttons for Bulk Management and Intervention reports, only if
+ * showBulkManagement is set in redus.
+ */
+export const BulkManagementControls = () => {
+    const gradeExportUrl = useGradeExportUrl();
+    const showBulkManagement = useShowBulkManagement();
+    const handleClickExportGrades = () => {
+        trackGradesReportDownloaded();
+        window.location.assign(gradeExportUrl);
+    };
+    if (!showBulkManagement) {
+        return null;
+    }
+    return (_jsxs("div", { className: "d-flex", children: [_jsx(NetworkButton, { label: messages.downloadGradesBtn, onClick: handleClickExportGrades }), _jsx(ImportGradesButton, {})] }));
+};
+export default BulkManagementControls;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradesView/BulkManagementControls/index.jsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAEhF,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IAEnD,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,2BAA2B,EAAE,CAAC;QAC9B,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAAC,OAAO,IAAI,CAAC;IAAC,CAAC;IACzC,OAAO,CACL,eAAK,SAAS,EAAC,QAAQ,aACrB,KAAC,aAAa,IACZ,KAAK,EAAE,QAAQ,CAAC,iBAAiB,EACjC,OAAO,EAAE,uBAAuB,GAChC,EACF,KAAC,kBAAkB,KAAG,IAClB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["import NetworkButton from '@src/components/NetworkButton';\nimport { useShowBulkManagement } from '@src/data/apiHook';\nimport { trackGradesReportDownloaded } from '@src/data/services/segment/events';\n\nimport ImportGradesButton from '../ImportGradesButton';\nimport { useGradeExportUrl } from '../data/hooks';\nimport messages from './messages';\n\n/**\n * <BulkManagementControls />\n * Provides download buttons for Bulk Management and Intervention reports, only if\n * showBulkManagement is set in redus.\n */\nexport const BulkManagementControls = () => {\n  const gradeExportUrl = useGradeExportUrl();\n  const showBulkManagement = useShowBulkManagement();\n\n  const handleClickExportGrades = () => {\n    trackGradesReportDownloaded();\n    window.location.assign(gradeExportUrl);\n  };\n\n  if (!showBulkManagement) { return null; }\n  return (\n    <div className=\"d-flex\">\n      <NetworkButton\n        label={messages.downloadGradesBtn}\n        onClick={handleClickExportGrades}\n      />\n      <ImportGradesButton />\n    </div>\n  );\n};\n\nexport default BulkManagementControls;\n"]}

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

@@ -0,0 +1,8 @@
+export default messages;
+declare namespace messages {
+    namespace downloadGradesBtn {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+}

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

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    downloadGradesBtn: {
+        id: 'gradebook.GradesView.BulkManagementControls.bulkManagementLabel',
+        defaultMessage: 'Download Grades',
+        description: 'A labeled button that allows an admin user to download course grades all at once (in bulk).',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/components/GradesView/BulkManagementControls/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,iBAAiB,EAAE;QACjB,EAAE,EAAE,iEAAiE;QACrE,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,6FAA6F;KAC3G;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  downloadGradesBtn: {\n    id: 'gradebook.GradesView.BulkManagementControls.bulkManagementLabel',\n    defaultMessage: 'Download Grades',\n    description: 'A labeled button that allows an admin user to download course grades all at once (in bulk).',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/GradesView/EditModal/HistoryHeader.d.ts

@@ -0,0 +1,21 @@
+export default HistoryHeader;
+/**
+ * HistoryHeader
+ * simple display container for an individual history table header
+ * @param {string} id - header id
+ * @param {string} label - header label
+ * @param {string} value - header value
+ */
+declare function HistoryHeader({ id, label, value }: string): import("react").JSX.Element;
+declare namespace HistoryHeader {
+    namespace defaultProps {
+        let value: null;
+    }
+    namespace propTypes {
+        export let id: PropTypes.Validator<string>;
+        export let label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let value_1: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        export { value_1 as value };
+    }
+}
+import PropTypes from 'prop-types';

package/dist/components/GradesView/EditModal/HistoryHeader.js

@@ -0,0 +1,20 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+/**
+ * HistoryHeader
+ * simple display container for an individual history table header
+ * @param {string} id - header id
+ * @param {string} label - header label
+ * @param {string} value - header value
+ */
+const HistoryHeader = ({ id, label, value }) => (_jsxs("div", { children: [_jsxs("div", { className: `grade-history-header grade-history-${id}`, children: [label, ": "] }), _jsx("div", { children: value })] }));
+HistoryHeader.defaultProps = {
+    value: null,
+};
+HistoryHeader.propTypes = {
+    id: PropTypes.string.isRequired,
+    label: PropTypes.node.isRequired,
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+export default HistoryHeader;
+//# sourceMappingURL=HistoryHeader.js.map

package/dist/components/GradesView/EditModal/HistoryHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryHeader.js","sourceRoot":"","sources":["../../../../src/components/GradesView/EditModal/HistoryHeader.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9C,0BACE,eAAK,SAAS,EAAE,sCAAsC,EAAE,EAAE,aAAG,KAAK,UAAS,EAC3E,wBAAM,KAAK,GAAO,IACd,CACP,CAAC;AACF,aAAa,CAAC,YAAY,GAAG;IAC3B,KAAK,EAAE,IAAI;CACZ,CAAC;AACF,aAAa,CAAC,SAAS,GAAG;IACxB,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAC/B,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IAChC,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACjE,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\n/**\n * HistoryHeader\n * simple display container for an individual history table header\n * @param {string} id - header id\n * @param {string} label - header label\n * @param {string} value - header value\n */\nconst HistoryHeader = ({ id, label, value }) => (\n  <div>\n    <div className={`grade-history-header grade-history-${id}`}>{label}: </div>\n    <div>{value}</div>\n  </div>\n);\nHistoryHeader.defaultProps = {\n  value: null,\n};\nHistoryHeader.propTypes = {\n  id: PropTypes.string.isRequired,\n  label: PropTypes.node.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport default HistoryHeader;\n"]}

package/dist/components/GradesView/EditModal/ModalHeaders.d.ts

@@ -0,0 +1,3 @@
+export const HistoryKeys: any;
+export function ModalHeaders(): import("react").JSX.Element;
+export default ModalHeaders;

package/dist/components/GradesView/EditModal/ModalHeaders.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import { StrictDict } from '../../../utils';
+import { useGradebookUi } from '../../../data/gradebookUiContext';
+import { useGradeOverrideData } from '../data/hooks';
+import messages from './messages';
+import HistoryHeader from './HistoryHeader';
+export const HistoryKeys = StrictDict({
+    assignment: 'assignment',
+    student: 'student',
+    originalGrade: 'original-grade',
+    currentGrade: 'current-grade',
+});
+/**
+ * <ModalHeaders />
+ * Provides a list of HistoryHeaders for the student name, assignment,
+ * original grade, and current override grade.
+ */
+export const ModalHeaders = () => {
+    const { assignmentName, updateUserName } = useGradebookUi().modalState;
+    const { gradeOverrideCurrentEarnedGradedOverride, gradeOriginalEarnedGraded, } = useGradeOverrideData();
+    const { formatMessage } = useIntl();
+    return (_jsxs("div", { children: [_jsx(HistoryHeader, { id: HistoryKeys.assignment, label: formatMessage(messages.assignmentHeader), value: assignmentName }), _jsx(HistoryHeader, { id: HistoryKeys.student, label: formatMessage(messages.studentHeader), value: updateUserName }), _jsx(HistoryHeader, { id: HistoryKeys.originalGrade, label: formatMessage(messages.originalGradeHeader), value: gradeOriginalEarnedGraded }), _jsx(HistoryHeader, { id: HistoryKeys.currentGrade, label: formatMessage(messages.currentGradeHeader), value: gradeOverrideCurrentEarnedGradedOverride })] }));
+};
+export default ModalHeaders;
+//# sourceMappingURL=ModalHeaders.js.map

package/dist/components/GradesView/EditModal/ModalHeaders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeaders.js","sourceRoot":"","sources":["../../../../src/components/GradesView/EditModal/ModalHeaders.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAE7E,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC;IACpC,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,SAAS;IAClB,aAAa,EAAE,gBAAgB;IAC/B,YAAY,EAAE,eAAe;CAC9B,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC,UAAU,CAAC;IACvE,MAAM,EACJ,wCAAwC,EACxC,yBAAyB,GAC1B,GAAG,oBAAoB,EAAE,CAAC;IAC3B,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,0BACE,KAAC,aAAa,IACZ,EAAE,EAAE,WAAW,CAAC,UAAU,EAC1B,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAC/C,KAAK,EAAE,cAAc,GACrB,EACF,KAAC,aAAa,IACZ,EAAE,EAAE,WAAW,CAAC,OAAO,EACvB,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,EAC5C,KAAK,EAAE,cAAc,GACrB,EACF,KAAC,aAAa,IACZ,EAAE,EAAE,WAAW,CAAC,aAAa,EAC7B,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAClD,KAAK,EAAE,yBAAyB,GAChC,EACF,KAAC,aAAa,IACZ,EAAE,EAAE,WAAW,CAAC,YAAY,EAC5B,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EACjD,KAAK,EAAE,wCAAwC,GAC/C,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\n\nimport { StrictDict } from '@src/utils';\nimport { useGradebookUi } from '@src/data/gradebookUiContext';\nimport { useGradeOverrideData } from '@src/components/GradesView/data/hooks';\n\nimport messages from './messages';\nimport HistoryHeader from './HistoryHeader';\n\nexport const HistoryKeys = StrictDict({\n  assignment: 'assignment',\n  student: 'student',\n  originalGrade: 'original-grade',\n  currentGrade: 'current-grade',\n});\n\n/**\n * <ModalHeaders />\n * Provides a list of HistoryHeaders for the student name, assignment,\n * original grade, and current override grade.\n */\nexport const ModalHeaders = () => {\n  const { assignmentName, updateUserName } = useGradebookUi().modalState;\n  const {\n    gradeOverrideCurrentEarnedGradedOverride,\n    gradeOriginalEarnedGraded,\n  } = useGradeOverrideData();\n  const { formatMessage } = useIntl();\n  return (\n    <div>\n      <HistoryHeader\n        id={HistoryKeys.assignment}\n        label={formatMessage(messages.assignmentHeader)}\n        value={assignmentName}\n      />\n      <HistoryHeader\n        id={HistoryKeys.student}\n        label={formatMessage(messages.studentHeader)}\n        value={updateUserName}\n      />\n      <HistoryHeader\n        id={HistoryKeys.originalGrade}\n        label={formatMessage(messages.originalGradeHeader)}\n        value={gradeOriginalEarnedGraded}\n      />\n      <HistoryHeader\n        id={HistoryKeys.currentGrade}\n        label={formatMessage(messages.currentGradeHeader)}\n        value={gradeOverrideCurrentEarnedGradedOverride}\n      />\n    </div>\n  );\n};\n\nexport default ModalHeaders;\n"]}

package/dist/components/GradesView/EditModal/OverrideTable/AdjustedGradeInput/index.d.ts

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

package/dist/components/GradesView/EditModal/OverrideTable/AdjustedGradeInput/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Form } from '@openedx/paragon';
+import { useGradebookUi } from '../../../../../data/gradebookUiContext';
+import { getLocalizedSlash } from '../../../../../i18n/utils';
+import { useEditModalPossibleGrade } from '../../../data/hooks';
+/**
+ * <AdjustedGradeInput />
+ * Input control for adjusting the grade of a unit
+ * displays an "/ ${possibleGrade} if there is one in the data model.
+ */
+export const AdjustedGradeInput = () => {
+    const possibleGrade = useEditModalPossibleGrade();
+    const { modalState, setModalState } = useGradebookUi();
+    const value = modalState.adjustedGradeValue;
+    const hintText = possibleGrade && ` ${getLocalizedSlash()} ${possibleGrade}`;
+    const onChange = ({ target }) => {
+        setModalState({ adjustedGradeValue: target.value });
+    };
+    return (_jsxs("span", { children: [_jsx(Form.Control, { type: "text", name: "adjustedGradeValue", value: value, onChange: onChange }), hintText] }));
+};
+AdjustedGradeInput.propTypes = {};
+export default AdjustedGradeInput;
+//# sourceMappingURL=index.js.map

package/dist/components/GradesView/EditModal/OverrideTable/AdjustedGradeInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/GradesView/EditModal/OverrideTable/AdjustedGradeInput/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAElF;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,aAAa,GAAG,yBAAyB,EAAE,CAAC;IAClD,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE,CAAC;IACvD,MAAM,KAAK,GAAG,UAAU,CAAC,kBAAkB,CAAC;IAC5C,MAAM,QAAQ,GAAG,aAAa,IAAI,IAAI,iBAAiB,EAAE,IAAI,aAAa,EAAE,CAAC;IAE7E,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QAC9B,aAAa,CAAC,EAAE,kBAAkB,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,OAAO,CACL,2BACE,KAAC,IAAI,CAAC,OAAO,IACX,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,EACD,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,SAAS,GAAG,EAAE,CAAC;AAElC,eAAe,kBAAkB,CAAC","sourcesContent":["import { Form } from '@openedx/paragon';\n\nimport { useGradebookUi } from '@src/data/gradebookUiContext';\nimport { getLocalizedSlash } from '@src/i18n/utils';\nimport { useEditModalPossibleGrade } from '@src/components/GradesView/data/hooks';\n\n/**\n * <AdjustedGradeInput />\n * Input control for adjusting the grade of a unit\n * displays an \"/ ${possibleGrade} if there is one in the data model.\n */\nexport const AdjustedGradeInput = () => {\n  const possibleGrade = useEditModalPossibleGrade();\n  const { modalState, setModalState } = useGradebookUi();\n  const value = modalState.adjustedGradeValue;\n  const hintText = possibleGrade && ` ${getLocalizedSlash()} ${possibleGrade}`;\n\n  const onChange = ({ target }) => {\n    setModalState({ adjustedGradeValue: target.value });\n  };\n\n  return (\n    <span>\n      <Form.Control\n        type=\"text\"\n        name=\"adjustedGradeValue\"\n        value={value}\n        onChange={onChange}\n      />\n      {hintText}\n    </span>\n  );\n};\n\nAdjustedGradeInput.propTypes = {};\n\nexport default AdjustedGradeInput;\n"]}

package/dist/components/GradesView/EditModal/OverrideTable/ReasonInput/index.d.ts

@@ -0,0 +1,6 @@
+export const controlTestId: "reason-input-control";
+export function ReasonInput(): import("react").JSX.Element;
+export namespace ReasonInput {
+    let propTypes: {};
+}
+export default ReasonInput;

package/dist/components/GradesView/EditModal/OverrideTable/ReasonInput/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { Form } from '@openedx/paragon';
+import { useGradebookUi } from '../../../../../data/gradebookUiContext';
+export const controlTestId = 'reason-input-control';
+/**
+ * <ReasonInput />
+ * Input control for the "reason for change" field in the Edit modal.
+ */
+export const ReasonInput = () => {
+    const ref = useRef(null);
+    const { modalState, setModalState } = useGradebookUi();
+    const value = modalState.reasonForChange;
+    useEffect(() => {
+        var _a;
+        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, []);
+    const onChange = (event) => {
+        setModalState({ reasonForChange: event.target.value });
+    };
+    return (_jsx(Form.Control, { type: "text", name: "reasonForChange", "data-testid": controlTestId, value, onChange, ref }));
+};
+ReasonInput.propTypes = {};
+export default ReasonInput;
+//# sourceMappingURL=index.js.map

package/dist/components/GradesView/EditModal/OverrideTable/ReasonInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/GradesView/EditModal/OverrideTable/ReasonInput/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,CAAC,MAAM,aAAa,GAAG,sBAAsB,CAAC;AAEpD;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE,CAAC;IACvD,MAAM,KAAK,GAAG,UAAU,CAAC,eAAe,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;;QACb,MAAA,GAAG,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,EAAE;QACzB,aAAa,CAAC,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,CAAC,OAAO,IACX,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,iBAAiB,iBACT,aAAa,EACpB,KAAK,EAAE,QAAQ,EAAE,GAAG,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,SAAS,GAAG,EAAE,CAAC;AAE3B,eAAe,WAAW,CAAC","sourcesContent":["import { useEffect, useRef } from 'react';\nimport { Form } from '@openedx/paragon';\n\nimport { useGradebookUi } from '@src/data/gradebookUiContext';\n\nexport const controlTestId = 'reason-input-control';\n\n/**\n * <ReasonInput />\n * Input control for the \"reason for change\" field in the Edit modal.\n */\nexport const ReasonInput = () => {\n  const ref = useRef(null);\n  const { modalState, setModalState } = useGradebookUi();\n  const value = modalState.reasonForChange;\n\n  useEffect(() => {\n    ref.current?.focus();\n  }, []);\n\n  const onChange = (event) => {\n    setModalState({ reasonForChange: event.target.value });\n  };\n\n  return (\n    <Form.Control\n      type=\"text\"\n      name=\"reasonForChange\"\n      data-testid={controlTestId}\n      {...{ value, onChange, ref }}\n    />\n  );\n};\n\nReasonInput.propTypes = {};\n\nexport default ReasonInput;\n"]}

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

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

package/dist/components/GradesView/EditModal/OverrideTable/index.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DataTable } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { formatDateForDisplay } from '../../../../utils';
+import { gradeOverrideHistoryColumns as columns } from '../../../../data/constants/app';
+import { useGradeOverrideData } from '../../data/hooks';
+import ReasonInput from './ReasonInput';
+import AdjustedGradeInput from './AdjustedGradeInput';
+import messages from './messages';
+/**
+ * <OverrideTable />
+ * Table containing previous grade override entries, and an "edit" row
+ * with todays date, an AdjustedGradeInput and a ReasonInput
+ */
+export const OverrideTable = () => {
+    const { formatMessage } = useIntl();
+    const { gradeOverrideHistoryResults, hasOverrideErrors: hide } = useGradeOverrideData();
+    if (hide) {
+        return null;
+    }
+    const tableColumns = [
+        { Header: formatMessage(messages.dateHeader), accessor: columns.date },
+        { Header: formatMessage(messages.graderHeader), accessor: columns.grader },
+        { Header: formatMessage(messages.reasonHeader), accessor: columns.reason },
+        { Header: formatMessage(messages.adjustedGradeHeader), accessor: columns.adjustedGrade },
+    ];
+    const tableData = [
+        ...(gradeOverrideHistoryResults || []),
+        {
+            adjustedGrade: _jsx(AdjustedGradeInput, {}),
+            date: formatDateForDisplay(new Date()),
+            reason: _jsx(ReasonInput, {}),
+        },
+    ];
+    return (_jsx(DataTable, { columns: tableColumns, data: tableData, itemCount: tableData.length }));
+};
+OverrideTable.propTypes = {};
+export default OverrideTable;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/GradesView/EditModal/OverrideTable/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,2BAA2B,IAAI,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAE7E,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC;;;;GAIG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,IAAI,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAExF,IAAI,IAAI,EAAE,CAAC;QAAC,OAAO,IAAI,CAAC;IAAC,CAAC;IAE1B,MAAM,YAAY,GAAG;QACnB,EAAE,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,IAAI,EAAE;QACtE,EAAE,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,EAAE;QAC1E,EAAE,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,EAAE;QAC1E,EAAE,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,aAAa,EAAE;KACzF,CAAC;IACF,MAAM,SAAS,GAAG;QAChB,GAAG,CAAC,2BAA2B,IAAI,EAAE,CAAC;QACtC;YACE,aAAa,EAAE,KAAC,kBAAkB,KAAG;YACrC,IAAI,EAAE,oBAAoB,CAAC,IAAI,IAAI,EAAE,CAAC;YACtC,MAAM,EAAE,KAAC,WAAW,KAAG;SACxB;KACF,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,SAAS,CAAC,MAAM,GAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC;AAE7B,eAAe,aAAa,CAAC","sourcesContent":["import { DataTable } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { formatDateForDisplay } from '@src/utils';\nimport { gradeOverrideHistoryColumns as columns } from '@src/data/constants/app';\nimport { useGradeOverrideData } from '@src/components/GradesView/data/hooks';\n\nimport ReasonInput from './ReasonInput';\nimport AdjustedGradeInput from './AdjustedGradeInput';\nimport messages from './messages';\n\n/**\n * <OverrideTable />\n * Table containing previous grade override entries, and an \"edit\" row\n * with todays date, an AdjustedGradeInput and a ReasonInput\n */\n\nexport const OverrideTable = () => {\n  const { formatMessage } = useIntl();\n  const { gradeOverrideHistoryResults, hasOverrideErrors: hide } = useGradeOverrideData();\n\n  if (hide) { return null; }\n\n  const tableColumns = [\n    { Header: formatMessage(messages.dateHeader), accessor: columns.date },\n    { Header: formatMessage(messages.graderHeader), accessor: columns.grader },\n    { Header: formatMessage(messages.reasonHeader), accessor: columns.reason },\n    { Header: formatMessage(messages.adjustedGradeHeader), accessor: columns.adjustedGrade },\n  ];\n  const tableData = [\n    ...(gradeOverrideHistoryResults || []),\n    {\n      adjustedGrade: <AdjustedGradeInput />,\n      date: formatDateForDisplay(new Date()),\n      reason: <ReasonInput />,\n    },\n  ];\n\n  return (\n    <DataTable\n      columns={tableColumns}\n      data={tableData}\n      itemCount={tableData.length}\n    />\n  );\n};\nOverrideTable.propTypes = {};\n\nexport default OverrideTable;\n"]}

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

@@ -0,0 +1,32 @@
+export default messages;
+declare namespace messages {
+    namespace adjustedGradeHeader {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    namespace dateHeader {
+        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 graderHeader {
+        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 reasonHeader {
+        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 };
+    }
+}

package/dist/components/GradesView/EditModal/OverrideTable/messages.js

@@ -0,0 +1,25 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    adjustedGradeHeader: {
+        id: 'gradebook.GradesView.EditModal.Overrides.adjustedGradeHeader',
+        defaultMessage: 'Adjusted grade',
+        description: 'Edit Modal Override Table Adjusted grade column header',
+    },
+    dateHeader: {
+        id: 'gradebook.GradesView.EditModal.Overrides.dateHeader',
+        defaultMessage: 'Date',
+        description: 'Edit Modal Override Table Date column header',
+    },
+    graderHeader: {
+        id: 'gradebook.GradesView.EditModal.Overrides.graderHeader',
+        defaultMessage: 'Grader',
+        description: 'Edit Modal Override Table Grader column header',
+    },
+    reasonHeader: {
+        id: 'gradebook.GradesView.EditModal.Overrides.reasonHeader',
+        defaultMessage: 'Reason',
+        description: 'Edit Modal Override Table Reason column header',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../src/components/GradesView/EditModal/OverrideTable/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,mBAAmB,EAAE;QACnB,EAAE,EAAE,8DAA8D;QAClE,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,wDAAwD;KACtE;IACD,UAAU,EAAE;QACV,EAAE,EAAE,qDAAqD;QACzD,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,8CAA8C;KAC5D;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,uDAAuD;QAC3D,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,gDAAgD;KAC9D;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,uDAAuD;QAC3D,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,gDAAgD;KAC9D;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  adjustedGradeHeader: {\n    id: 'gradebook.GradesView.EditModal.Overrides.adjustedGradeHeader',\n    defaultMessage: 'Adjusted grade',\n    description: 'Edit Modal Override Table Adjusted grade column header',\n  },\n  dateHeader: {\n    id: 'gradebook.GradesView.EditModal.Overrides.dateHeader',\n    defaultMessage: 'Date',\n    description: 'Edit Modal Override Table Date column header',\n  },\n  graderHeader: {\n    id: 'gradebook.GradesView.EditModal.Overrides.graderHeader',\n    defaultMessage: 'Grader',\n    description: 'Edit Modal Override Table Grader column header',\n  },\n  reasonHeader: {\n    id: 'gradebook.GradesView.EditModal.Overrides.reasonHeader',\n    defaultMessage: 'Reason',\n    description: 'Edit Modal Override Table Reason column header',\n  },\n});\n\nexport default messages;\n"]}

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

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

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

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Alert, ModalDialog, ActionRow, } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { useGradebookUi } from '../../../data/gradebookUiContext';
+import { useGradeOverrideData } from '../data/hooks';
+import { useUpdateGrades } from '../data/apiHook';
+import OverrideTable from './OverrideTable';
+import ModalHeaders from './ModalHeaders';
+import messages from './messages';
+/**
+ * <EditModal />
+ * Wrapper component for the modal that allows editing the grade for an individual
+ * unit, for a given student.
+ * Provides a StatusAlert with override fetch errors if any are found, an OverrideTable
+ * (with appropriate headers) for managing the actual override, and a submit button for
+ * adjusting the grade.
+ * (also provides a close button that clears the modal state)
+ */
+export const EditModal = () => {
+    const { formatMessage } = useIntl();
+    const error = useGradeOverrideData().gradeOverrideHistoryError;
+    const { modalState, closeModal } = useGradebookUi();
+    const isOpen = modalState.open;
+    const updateGrades = useUpdateGrades();
+    const onClose = () => {
+        closeModal();
+    };
+    const handleAdjustedGradeClick = () => {
+        updateGrades();
+        closeModal();
+    };
+    return (_jsxs(ModalDialog, { title: formatMessage(messages.title), isOpen: isOpen, onClose: onClose, size: "xl", hasCloseButton: true, isFullscreenOnMobile: true, children: [_jsx(ModalDialog.Body, { children: _jsxs("div", { children: [_jsx(ModalHeaders, {}), _jsx(Alert, { variant: "danger", show: !!error, dismissible: false, children: error }), _jsx(OverrideTable, {}), _jsx("div", { children: formatMessage(messages.visibility) }), _jsx("div", { children: formatMessage(messages.saveVisibility) })] }) }), _jsx(ModalDialog.Footer, { children: _jsxs(ActionRow, { children: [_jsx(ModalDialog.CloseButton, { variant: "tertiary", children: formatMessage(messages.closeText) }), _jsx(Button, { variant: "primary", onClick: handleAdjustedGradeClick, children: formatMessage(messages.saveGrade) })] }) })] }));
+};
+export default EditModal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradesView/EditModal/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,KAAK,EACL,WAAW,EACX,SAAS,GACV,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAE1E,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAC,yBAAyB,CAAC;IAC/D,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IACpD,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC;IAC/B,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,UAAU,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,IACV,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,EACpC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,IAAI,EACT,cAAc,QACd,oBAAoB,mBAEpB,KAAC,WAAW,CAAC,IAAI,cACf,0BACE,KAAC,YAAY,KAAG,EAChB,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,YACtD,KAAK,GACA,EACR,KAAC,aAAa,KAAG,EACjB,wBAAM,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAO,EAC/C,wBAAM,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAO,IAC/C,GACW,EAEnB,KAAC,WAAW,CAAC,MAAM,cACjB,MAAC,SAAS,eACR,KAAC,WAAW,CAAC,WAAW,IAAC,OAAO,EAAC,UAAU,YACxC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GACV,EAC1B,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,wBAAwB,YACxD,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GAC3B,IACC,GACO,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import {\n  Button,\n  Alert,\n  ModalDialog,\n  ActionRow,\n} from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useGradebookUi } from '@src/data/gradebookUiContext';\nimport { useGradeOverrideData } from '@src/components/GradesView/data/hooks';\nimport { useUpdateGrades } from '@src/components/GradesView/data/apiHook';\n\nimport OverrideTable from './OverrideTable';\nimport ModalHeaders from './ModalHeaders';\nimport messages from './messages';\n\n/**\n * <EditModal />\n * Wrapper component for the modal that allows editing the grade for an individual\n * unit, for a given student.\n * Provides a StatusAlert with override fetch errors if any are found, an OverrideTable\n * (with appropriate headers) for managing the actual override, and a submit button for\n * adjusting the grade.\n * (also provides a close button that clears the modal state)\n */\nexport const EditModal = () => {\n  const { formatMessage } = useIntl();\n  const error = useGradeOverrideData().gradeOverrideHistoryError;\n  const { modalState, closeModal } = useGradebookUi();\n  const isOpen = modalState.open;\n  const updateGrades = useUpdateGrades();\n\n  const onClose = () => {\n    closeModal();\n  };\n\n  const handleAdjustedGradeClick = () => {\n    updateGrades();\n    closeModal();\n  };\n\n  return (\n    <ModalDialog\n      title={formatMessage(messages.title)}\n      isOpen={isOpen}\n      onClose={onClose}\n      size=\"xl\"\n      hasCloseButton\n      isFullscreenOnMobile\n    >\n      <ModalDialog.Body>\n        <div>\n          <ModalHeaders />\n          <Alert variant=\"danger\" show={!!error} dismissible={false}>\n            {error}\n          </Alert>\n          <OverrideTable />\n          <div>{formatMessage(messages.visibility)}</div>\n          <div>{formatMessage(messages.saveVisibility)}</div>\n        </div>\n      </ModalDialog.Body>\n\n      <ModalDialog.Footer>\n        <ActionRow>\n          <ModalDialog.CloseButton variant=\"tertiary\">\n            {formatMessage(messages.closeText)}\n          </ModalDialog.CloseButton>\n          <Button variant=\"primary\" onClick={handleAdjustedGradeClick}>\n            {formatMessage(messages.saveGrade)}\n          </Button>\n        </ActionRow>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nexport default EditModal;\n"]}

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

@@ -0,0 +1,72 @@
+export default messages;
+declare namespace messages {
+    namespace assignmentHeader {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    namespace currentGradeHeader {
+        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 originalGradeHeader {
+        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 studentHeader {
+        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 title {
+        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 closeText {
+        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 visibility {
+        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 saveVisibility {
+        let id_7: string;
+        export { id_7 as id };
+        let defaultMessage_7: string;
+        export { defaultMessage_7 as defaultMessage };
+        let description_7: string;
+        export { description_7 as description };
+    }
+    namespace saveGrade {
+        let id_8: string;
+        export { id_8 as id };
+        let defaultMessage_8: string;
+        export { defaultMessage_8 as defaultMessage };
+        let description_8: string;
+        export { description_8 as description };
+    }
+}