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

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

@@ -0,0 +1,50 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    assignmentHeader: {
+        id: 'gradebook.GradesView.EditModal.headers.assignment',
+        defaultMessage: 'Assignment',
+        description: 'Edit Modal Assignment header',
+    },
+    currentGradeHeader: {
+        id: 'gradebook.GradesView.EditModal.headers.currentGrade',
+        defaultMessage: 'Current Grade',
+        description: 'Edit Modal Current Grade header',
+    },
+    originalGradeHeader: {
+        id: 'gradebook.GradesView.EditModal.headers.originalGrade',
+        defaultMessage: 'Original Grade',
+        description: 'Edit Modal Original Grade header',
+    },
+    studentHeader: {
+        id: 'gradebook.GradesView.EditModal.headers.student',
+        defaultMessage: 'Student',
+        description: 'Edit Modal Student header',
+    },
+    title: {
+        id: 'gradebook.GradesView.EditModal.title',
+        defaultMessage: 'Edit Grades',
+        description: 'Edit Modal title',
+    },
+    closeText: {
+        id: 'gradebook.GradesView.EditModal.closeText',
+        defaultMessage: 'Cancel',
+        description: 'Edit Modal close button text',
+    },
+    visibility: {
+        id: 'gradebook.GradesView.EditModal.contactSupport',
+        defaultMessage: 'Showing most recent actions (max 5). To see more, please contact support',
+        description: 'Edit Modal visibility hint message',
+    },
+    saveVisibility: {
+        id: 'gradebook.GradesView.EditModal.saveVisibility',
+        defaultMessage: 'Note: Once you save, your changes will be visible to students.',
+        description: 'Edit Modal saved changes effect hint',
+    },
+    saveGrade: {
+        id: 'gradebook.GradesView.EditModal.saveGrade',
+        defaultMessage: 'Save Grades',
+        description: 'Edit Modal Save button label',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/components/GradesView/EditModal/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,gBAAgB,EAAE;QAChB,EAAE,EAAE,mDAAmD;QACvD,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,8BAA8B;KAC5C;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,qDAAqD;QACzD,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,iCAAiC;KAC/C;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,sDAAsD;QAC1D,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,kCAAkC;KAChD;IACD,aAAa,EAAE;QACb,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,2BAA2B;KACzC;IACD,KAAK,EAAE;QACL,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,kBAAkB;KAChC;IACD,SAAS,EAAE;QACT,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,8BAA8B;KAC5C;IACD,UAAU,EAAE;QACV,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,0EAA0E;QAC1F,WAAW,EAAE,oCAAoC;KAClD;IACD,cAAc,EAAE;QACd,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,gEAAgE;QAChF,WAAW,EAAE,sCAAsC;KACpD;IACD,SAAS,EAAE;QACT,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,8BAA8B;KAC5C;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  assignmentHeader: {\n    id: 'gradebook.GradesView.EditModal.headers.assignment',\n    defaultMessage: 'Assignment',\n    description: 'Edit Modal Assignment header',\n  },\n  currentGradeHeader: {\n    id: 'gradebook.GradesView.EditModal.headers.currentGrade',\n    defaultMessage: 'Current Grade',\n    description: 'Edit Modal Current Grade header',\n  },\n  originalGradeHeader: {\n    id: 'gradebook.GradesView.EditModal.headers.originalGrade',\n    defaultMessage: 'Original Grade',\n    description: 'Edit Modal Original Grade header',\n  },\n  studentHeader: {\n    id: 'gradebook.GradesView.EditModal.headers.student',\n    defaultMessage: 'Student',\n    description: 'Edit Modal Student header',\n  },\n  title: {\n    id: 'gradebook.GradesView.EditModal.title',\n    defaultMessage: 'Edit Grades',\n    description: 'Edit Modal title',\n  },\n  closeText: {\n    id: 'gradebook.GradesView.EditModal.closeText',\n    defaultMessage: 'Cancel',\n    description: 'Edit Modal close button text',\n  },\n  visibility: {\n    id: 'gradebook.GradesView.EditModal.contactSupport',\n    defaultMessage: 'Showing most recent actions (max 5). To see more, please contact support',\n    description: 'Edit Modal visibility hint message',\n  },\n  saveVisibility: {\n    id: 'gradebook.GradesView.EditModal.saveVisibility',\n    defaultMessage: 'Note: Once you save, your changes will be visible to students.',\n    description: 'Edit Modal saved changes effect hint',\n  },\n  saveGrade: {\n    id: 'gradebook.GradesView.EditModal.saveGrade',\n    defaultMessage: 'Save Grades',\n    description: 'Edit Modal Save button label',\n  },\n});\n\nexport default messages;\n"]}

package/dist/components/GradesView/FilterBadges/FilterBadge.d.ts

@@ -0,0 +1,9 @@
+export function FilterBadge({ filterName, handleClose, }: func): import("react").JSX.Element | null;
+export namespace FilterBadge {
+    namespace propTypes {
+        let handleClose: PropTypes.Validator<(...args: any[]) => any>;
+        let filterName: PropTypes.Validator<string>;
+    }
+}
+export default FilterBadge;
+import PropTypes from 'prop-types';

package/dist/components/GradesView/FilterBadges/FilterBadge.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Button } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { useFilterBadgeConfig } from '../data/hooks';
+/**
+ * FilterBadge
+ * Base filter badge component, that displays a name and a close button.
+ * If showValue is true, it will also display the included value.
+ * @param {func} handleClose - close/dismiss filter event, taking a list of filternames
+ *   to reset when the filter badge closes.
+ * @param {string} filterName - api filter name
+ */
+export const FilterBadge = ({ filterName, handleClose, }) => {
+    const { formatMessage } = useIntl();
+    const { displayName, isDefault, hideValue, value, connectedFilters, } = useFilterBadgeConfig(filterName);
+    if (isDefault) {
+        return null;
+    }
+    return (_jsxs("div", { children: [_jsxs("span", { className: "badge badge-info", children: [_jsx("span", { "data-testid": "display-name", children: formatMessage(displayName) }), _jsx("span", { "data-testid": "filter-value", children: !hideValue ? `: ${value}` : '' }), _jsx(Button, { className: "btn-info", "aria-label": "close", onClick: handleClose(connectedFilters), children: _jsx("span", { "aria-hidden": "true", children: "\u00D7" }) })] }), _jsx("br", {})] }));
+};
+FilterBadge.propTypes = {
+    handleClose: PropTypes.func.isRequired,
+    filterName: PropTypes.string.isRequired,
+};
+export default FilterBadge;
+//# sourceMappingURL=FilterBadge.js.map

package/dist/components/GradesView/FilterBadges/FilterBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBadge.js","sourceRoot":"","sources":["../../../../src/components/GradesView/FilterBadges/FilterBadge.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,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAErD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,UAAU,EACV,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EACJ,WAAW,EACX,SAAS,EACT,SAAS,EACT,KAAK,EACL,gBAAgB,GACjB,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;IACrC,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,0BACE,gBAAM,SAAS,EAAC,kBAAkB,aAChC,8BAAkB,cAAc,YAAE,aAAa,CAAC,WAAW,CAAC,GAAQ,EACpE,8BAAkB,cAAc,YAC7B,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,GAC1B,EACP,KAAC,MAAM,IACL,SAAS,EAAC,UAAU,gBACT,OAAO,EAClB,OAAO,EAAE,WAAW,CAAC,gBAAgB,CAAC,YAEtC,8BAAkB,MAAM,uBAAe,GAChC,IACJ,EACP,cAAM,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,SAAS,GAAG;IACtB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,UAAU,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACxC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Button } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useFilterBadgeConfig } from '../data/hooks';\n\n/**\n * FilterBadge\n * Base filter badge component, that displays a name and a close button.\n * If showValue is true, it will also display the included value.\n * @param {func} handleClose - close/dismiss filter event, taking a list of filternames\n *   to reset when the filter badge closes.\n * @param {string} filterName - api filter name\n */\nexport const FilterBadge = ({\n  filterName,\n  handleClose,\n}) => {\n  const { formatMessage } = useIntl();\n  const {\n    displayName,\n    isDefault,\n    hideValue,\n    value,\n    connectedFilters,\n  } = useFilterBadgeConfig(filterName);\n  if (isDefault) {\n    return null;\n  }\n  return (\n    <div>\n      <span className=\"badge badge-info\">\n        <span data-testid=\"display-name\">{formatMessage(displayName)}</span>\n        <span data-testid=\"filter-value\">\n          {!hideValue ? `: ${value}` : ''}\n        </span>\n        <Button\n          className=\"btn-info\"\n          aria-label=\"close\"\n          onClick={handleClose(connectedFilters)}\n        >\n          <span aria-hidden=\"true\">&times;</span>\n        </Button>\n      </span>\n      <br />\n    </div>\n  );\n};\n\nFilterBadge.propTypes = {\n  handleClose: PropTypes.func.isRequired,\n  filterName: PropTypes.string.isRequired,\n};\n\nexport default FilterBadge;\n"]}

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

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

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { badgeOrder } from '../../../data/constants/filters';
+import FilterBadge from './FilterBadge';
+/**
+ * FilterBadges
+ * Displays a FilterBadge for each filter type in the data model with their current values.
+ * @param {func} handleClose - event taking a list of filternames to reset
+ */
+export const FilterBadges = ({ handleClose }) => (_jsx("div", { children: badgeOrder.map(filterName => (_jsx(FilterBadge, { handleClose, filterName }, filterName))) }));
+FilterBadges.propTypes = {
+    handleClose: PropTypes.func.isRequired,
+};
+export default FilterBadges;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradesView/FilterBadges/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC/C,wBACG,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAC5B,KAAC,WAAW,IAAwB,WAAW,EAAE,UAAU,IAAzC,UAAU,CAAqC,CAClE,CAAC,GACE,CACP,CAAC;AACF,YAAY,CAAC,SAAS,GAAG;IACvB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACvC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { badgeOrder } from '@src/data/constants/filters';\n\nimport FilterBadge from './FilterBadge';\n\n/**\n * FilterBadges\n * Displays a FilterBadge for each filter type in the data model with their current values.\n * @param {func} handleClose - event taking a list of filternames to reset\n */\nexport const FilterBadges = ({ handleClose }) => (\n  <div>\n    {badgeOrder.map(filterName => (\n      <FilterBadge key={filterName} {...{ handleClose, filterName }} />\n    ))}\n  </div>\n);\nFilterBadges.propTypes = {\n  handleClose: PropTypes.func.isRequired,\n};\n\nexport default FilterBadges;\n"]}

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

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

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Icon } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { FilterAlt } from '@openedx/paragon/icons';
+import { useGradebookUi } from '../../../data/gradebookUiContext';
+import messages from './messages';
+/**
+ * Controls for filtering the GradebookTable. Contains the "Edit Filters" button for opening the filter drawer
+ * as well as the search box for searching by username/email.
+ */
+export const FilterMenuToggle = () => {
+    const { toggleFilterMenu } = useGradebookUi();
+    const { formatMessage } = useIntl();
+    return (_jsxs(Button, { id: "edit-filters-btn", className: "btn-primary align-self-start", onClick: toggleFilterMenu, children: [_jsx(Icon, { src: FilterAlt, className: "mr-1" }), " ", formatMessage(messages.editFilters)] }));
+};
+FilterMenuToggle.propTypes = {};
+export default FilterMenuToggle;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradesView/FilterMenuToggle/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,cAAc,EAAE,CAAC;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,MAAC,MAAM,IACL,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAE,gBAAgB,aAEzB,KAAC,IAAI,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,MAAM,GAAG,OAAE,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,IACvE,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,SAAS,GAAG,EAAE,CAAC;AAEhC,eAAe,gBAAgB,CAAC","sourcesContent":["import { Button, Icon } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport { FilterAlt } from '@openedx/paragon/icons';\n\nimport { useGradebookUi } from '@src/data/gradebookUiContext';\n\nimport messages from './messages';\n\n/**\n * Controls for filtering the GradebookTable. Contains the \"Edit Filters\" button for opening the filter drawer\n * as well as the search box for searching by username/email.\n */\nexport const FilterMenuToggle = () => {\n  const { toggleFilterMenu } = useGradebookUi();\n  const { formatMessage } = useIntl();\n  return (\n    <Button\n      id=\"edit-filters-btn\"\n      className=\"btn-primary align-self-start\"\n      onClick={toggleFilterMenu}\n    >\n      <Icon src={FilterAlt} className=\"mr-1\" /> {formatMessage(messages.editFilters)}\n    </Button>\n  );\n};\n\nFilterMenuToggle.propTypes = {};\n\nexport default FilterMenuToggle;\n"]}

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

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

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

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    editFilters: {
+        id: 'gradebook.GradesView.editFilterLabel',
+        defaultMessage: 'Edit Filters',
+        description: 'A labeled button in the Grades tab that opens/closes the Filters tab, allowing the grades to be filtered',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/components/GradesView/FilterMenuToggle/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,WAAW,EAAE;QACX,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,0GAA0G;KACxH;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  editFilters: {\n    id: 'gradebook.GradesView.editFilterLabel',\n    defaultMessage: 'Edit Filters',\n    description: 'A labeled button in the Grades tab that opens/closes the Filters tab, allowing the grades to be filtered',\n  },\n});\n\nexport default messages;\n"]}

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

@@ -0,0 +1,15 @@
+export function BoldText({ text }: {
+    text: any;
+}): import("react").JSX.Element;
+export namespace BoldText {
+    namespace propTypes {
+        let text: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
+    }
+}
+export function FilteredUsersLabel(): import("react").ReactNode[] | null;
+export namespace FilteredUsersLabel {
+    let propTypes_1: {};
+    export { propTypes_1 as propTypes };
+}
+export default FilteredUsersLabel;
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { useUserCounts } from '../data/hooks';
+import messages from './messages';
+export const BoldText = ({ text }) => (_jsx("span", { className: "font-weight-bold", children: text }));
+BoldText.propTypes = {
+    text: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+};
+/**
+ * <FilteredUsersLabel />
+ * Simple label component displaying the filtered and total users shown
+ */
+export const FilteredUsersLabel = () => {
+    const { filteredUsersCount, totalUsersCount } = useUserCounts();
+    const { formatMessage } = useIntl();
+    if (!totalUsersCount) {
+        return null;
+    }
+    return formatMessage(messages.visibilityLabel, {
+        filteredUsers: _jsx(BoldText, { text: filteredUsersCount }),
+        totalUsers: _jsx(BoldText, { text: totalUsersCount }),
+    });
+};
+FilteredUsersLabel.propTypes = {};
+export default FilteredUsersLabel;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradesView/FilteredUsersLabel/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACpC,eAAM,SAAS,EAAC,kBAAkB,YAAE,IAAI,GAAQ,CACjD,CAAC;AACF,QAAQ,CAAC,SAAS,GAAG;IACnB,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU;CAC3E,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAAG,aAAa,EAAE,CAAC;IAChE,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,aAAa,CAClB,QAAQ,CAAC,eAAe,EACxB;QACE,aAAa,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,kBAAkB,GAAI;QACrD,UAAU,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,eAAe,GAAI;KAChD,CACF,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,SAAS,GAAG,EAAE,CAAC;AAElC,eAAe,kBAAkB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useUserCounts } from '../data/hooks';\nimport messages from './messages';\n\nexport const BoldText = ({ text }) => (\n  <span className=\"font-weight-bold\">{text}</span>\n);\nBoldText.propTypes = {\n  text: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n};\n\n/**\n * <FilteredUsersLabel />\n * Simple label component displaying the filtered and total users shown\n */\nexport const FilteredUsersLabel = () => {\n  const { filteredUsersCount, totalUsersCount } = useUserCounts();\n  const { formatMessage } = useIntl();\n\n  if (!totalUsersCount) {\n    return null;\n  }\n  return formatMessage(\n    messages.visibilityLabel,\n    {\n      filteredUsers: <BoldText text={filteredUsersCount} />,\n      totalUsers: <BoldText text={totalUsersCount} />,\n    },\n  );\n};\nFilteredUsersLabel.propTypes = {};\n\nexport default FilteredUsersLabel;\n"]}

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

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

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

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    visibilityLabel: {
+        id: 'gradebook.GradesTab.usersVisibilityLabel',
+        defaultMessage: 'Showing {filteredUsers} of {totalUsers} total learners',
+        description: 'Users visibility label',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/components/GradesView/FilteredUsersLabel/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,eAAe,EAAE;QACf,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,wDAAwD;QACxE,WAAW,EAAE,wBAAwB;KACtC;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  visibilityLabel: {\n    id: 'gradebook.GradesTab.usersVisibilityLabel',\n    defaultMessage: 'Showing {filteredUsers} of {totalUsers} total learners',\n    description: 'Users visibility label',\n  },\n});\n\nexport default messages;\n"]}

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

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { StrictDict } from '../../../utils';
+/**
+ * Fields.Username
+ * simple label field for username, that optionally also displays external_user_key (userKey)
+ * if it is provided.
+ * @param {string} username - username for display
+ * @param {userKey} userKey - external_user_key for display
+ */
+const Username = ({ username, userKey }) => (_jsx("div", { children: _jsx("span", { className: "wrap-text-in-cell", children: _jsxs("div", { children: [_jsx("div", { children: username }), userKey && _jsx("div", { className: "student-key", children: userKey })] }) }) }));
+Username.defaultProps = {
+    userKey: null,
+};
+Username.propTypes = {
+    username: PropTypes.string.isRequired,
+    userKey: PropTypes.string,
+};
+/**
+ * Fields.Text
+ * Simple label field for text value.
+ * @param {string} value - value for display
+ */
+const Text = ({ value }) => (_jsx("span", { className: "wrap-text-in-cell", children: value }));
+Text.propTypes = {
+    value: PropTypes.string.isRequired,
+};
+export default StrictDict({
+    Text,
+    Username,
+});
+//# sourceMappingURL=Fields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fields.js","sourceRoot":"","sources":["../../../../src/components/GradesView/GradebookTable/Fields.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC;;;;;;GAMG;AACH,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC1C,wBACE,eAAM,SAAS,EAAC,mBAAmB,YACjC,0BACE,wBAAM,QAAQ,GAAO,EACpB,OAAO,IAAI,cAAK,SAAS,EAAC,aAAa,YAAE,OAAO,GAAO,IACpD,GACD,GACH,CACP,CAAC;AACF,QAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,IAAI;CACd,CAAC;AACF,QAAQ,CAAC,SAAS,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACrC,OAAO,EAAE,SAAS,CAAC,MAAM;CAC1B,CAAC;AAEF;;;;GAIG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,eAAM,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAQ,CAAC,CAAC;AACjF,IAAI,CAAC,SAAS,GAAG;IACf,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACnC,CAAC;AAEF,eAAe,UAAU,CAAC;IACxB,IAAI;IACJ,QAAQ;CACT,CAAC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { StrictDict } from '@src/utils';\n\n/**\n * Fields.Username\n * simple label field for username, that optionally also displays external_user_key (userKey)\n * if it is provided.\n * @param {string} username - username for display\n * @param {userKey} userKey - external_user_key for display\n */\nconst Username = ({ username, userKey }) => (\n  <div>\n    <span className=\"wrap-text-in-cell\">\n      <div>\n        <div>{username}</div>\n        {userKey && <div className=\"student-key\">{userKey}</div>}\n      </div>\n    </span>\n  </div>\n);\nUsername.defaultProps = {\n  userKey: null,\n};\nUsername.propTypes = {\n  username: PropTypes.string.isRequired,\n  userKey: PropTypes.string,\n};\n\n/**\n * Fields.Text\n * Simple label field for text value.\n * @param {string} value - value for display\n */\nconst Text = ({ value }) => (<span className=\"wrap-text-in-cell\">{value}</span>);\nText.propTypes = {\n  value: PropTypes.string.isRequired,\n};\n\nexport default StrictDict({\n  Text,\n  Username,\n});\n"]}

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

@@ -0,0 +1,26 @@
+export function useGradeButtonData({ entry, subsection }: {
+    entry: any;
+    subsection: any;
+}): {
+    areGradesFrozen: boolean | undefined;
+    label: string | number;
+    onClick: () => void;
+};
+export function GradeButton({ entry, subsection }: object): string | number | import("react").JSX.Element;
+export namespace GradeButton {
+    namespace propTypes {
+        let subsection: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            attempted: PropTypes.Requireable<boolean>;
+            percent: PropTypes.Requireable<number>;
+            score_possible: PropTypes.Requireable<number>;
+            subsection_name: PropTypes.Requireable<string>;
+            module_id: PropTypes.Requireable<string>;
+        }>>>;
+        let entry: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            user_id: PropTypes.Requireable<number>;
+            username: PropTypes.Requireable<string>;
+        }>>>;
+    }
+}
+export default module.GradeButton;
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Button } from '@openedx/paragon';
+import { useAssignmentTypes, useCourseIdWithGate } from '../../../data/apiHook';
+import { useGradebookUi } from '../../../data/gradebookUiContext';
+import { subsectionGrade } from '../data/utils';
+import { useGradeData } from '../data/hooks';
+import * as module from './GradeButton';
+export const useGradeButtonData = ({ entry, subsection }) => {
+    var _a;
+    const { courseId, enabled } = useCourseIdWithGate();
+    const areGradesFrozen = (_a = useAssignmentTypes(courseId, { enabled }).data) === null || _a === void 0 ? void 0 : _a.areGradesFrozen;
+    const { gradeFormat } = useGradeData();
+    const { setModalStateFromTable: setModalState } = useGradebookUi();
+    const label = subsectionGrade[gradeFormat](subsection);
+    const onClick = () => {
+        setModalState({
+            userEntry: entry,
+            subsection,
+        });
+    };
+    return {
+        areGradesFrozen,
+        label,
+        onClick,
+    };
+};
+/**
+ * GradeButton
+ * The button link for a user's grade for a given subseciton.
+ * load formatting based on selected grade format, and on click, opens
+ * the editModal, loading in the current entry and subsection.
+ * @param {object} entry - user's grade entry
+ * @param {object} subsection - user's subsection grade from subsection_breakdown
+ */
+export const GradeButton = ({ entry, subsection }) => {
+    const { areGradesFrozen, label, onClick, } = module.useGradeButtonData({ entry, subsection });
+    return areGradesFrozen
+        ? label
+        : (_jsx(Button, { variant: "link", className: "btn-header grade-button", onClick: onClick, children: label }));
+};
+GradeButton.propTypes = {
+    subsection: PropTypes.shape({
+        attempted: PropTypes.bool,
+        percent: PropTypes.number,
+        score_possible: PropTypes.number,
+        subsection_name: PropTypes.string,
+        module_id: PropTypes.string,
+    }).isRequired,
+    entry: PropTypes.shape({
+        user_id: PropTypes.number,
+        username: PropTypes.string,
+    }).isRequired,
+};
+export default GradeButton;
+//# sourceMappingURL=GradeButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GradeButton.js","sourceRoot":"","sources":["../../../../src/components/GradesView/GradebookTable/GradeButton.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;;IAC1D,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACpD,MAAM,eAAe,GAAG,MAAA,kBAAkB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,IAAI,0CAAE,eAAe,CAAC;IACxF,MAAM,EAAE,WAAW,EAAE,GAAG,YAAY,EAAE,CAAC;IACvC,MAAM,EAAE,sBAAsB,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE,CAAC;IACnE,MAAM,KAAK,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC;IAEvD,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,aAAa,CAAC;YACZ,SAAS,EAAE,KAAK;YAChB,UAAU;SACX,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACL,eAAe;QACf,KAAK;QACL,OAAO;KACR,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;IACnD,MAAM,EACJ,eAAe,EACf,KAAK,EACL,OAAO,GACR,GAAG,MAAM,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;IACrD,OAAO,eAAe;QACpB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,CACA,KAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAE,OAAO,YAEf,KAAK,GACC,CACV,CAAC;AACN,CAAC,CAAC;AACF,WAAW,CAAC,SAAS,GAAG;IACtB,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC;QAC1B,SAAS,EAAE,SAAS,CAAC,IAAI;QACzB,OAAO,EAAE,SAAS,CAAC,MAAM;QACzB,cAAc,EAAE,SAAS,CAAC,MAAM;QAChC,eAAe,EAAE,SAAS,CAAC,MAAM;QACjC,SAAS,EAAE,SAAS,CAAC,MAAM;KAC5B,CAAC,CAAC,UAAU;IACb,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC;QACrB,OAAO,EAAE,SAAS,CAAC,MAAM;QACzB,QAAQ,EAAE,SAAS,CAAC,MAAM;KAC3B,CAAC,CAAC,UAAU;CACd,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Button } from '@openedx/paragon';\n\nimport { useAssignmentTypes, useCourseIdWithGate } from '@src/data/apiHook';\nimport { useGradebookUi } from '@src/data/gradebookUiContext';\nimport { subsectionGrade } from '../data/utils';\nimport { useGradeData } from '../data/hooks';\nimport * as module from './GradeButton';\n\nexport const useGradeButtonData = ({ entry, subsection }) => {\n  const { courseId, enabled } = useCourseIdWithGate();\n  const areGradesFrozen = useAssignmentTypes(courseId, { enabled }).data?.areGradesFrozen;\n  const { gradeFormat } = useGradeData();\n  const { setModalStateFromTable: setModalState } = useGradebookUi();\n  const label = subsectionGrade[gradeFormat](subsection);\n\n  const onClick = () => {\n    setModalState({\n      userEntry: entry,\n      subsection,\n    });\n  };\n\n  return {\n    areGradesFrozen,\n    label,\n    onClick,\n  };\n};\n\n/**\n * GradeButton\n * The button link for a user's grade for a given subseciton.\n * load formatting based on selected grade format, and on click, opens\n * the editModal, loading in the current entry and subsection.\n * @param {object} entry - user's grade entry\n * @param {object} subsection - user's subsection grade from subsection_breakdown\n */\nexport const GradeButton = ({ entry, subsection }) => {\n  const {\n    areGradesFrozen,\n    label,\n    onClick,\n  } = module.useGradeButtonData({ entry, subsection });\n  return areGradesFrozen\n    ? label\n    : (\n      <Button\n        variant=\"link\"\n        className=\"btn-header grade-button\"\n        onClick={onClick}\n      >\n        {label}\n      </Button>\n    );\n};\nGradeButton.propTypes = {\n  subsection: PropTypes.shape({\n    attempted: PropTypes.bool,\n    percent: PropTypes.number,\n    score_possible: PropTypes.number,\n    subsection_name: PropTypes.string,\n    module_id: PropTypes.string,\n  }).isRequired,\n  entry: PropTypes.shape({\n    user_id: PropTypes.number,\n    username: PropTypes.string,\n  }).isRequired,\n};\n\nexport default GradeButton;\n"]}

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

@@ -0,0 +1,3 @@
+export const totalGradePercentageMessage: "Total Grade values are always displayed as a percentage.";
+declare const _default: any;
+export default _default;

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

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl, getLocale, isRtl } from '@openedx/frontend-base';
+import { Icon, OverlayTrigger, Tooltip, } from '@openedx/paragon';
+import { InfoOutline } from '@openedx/paragon/icons';
+import { StrictDict } from '../../../utils';
+import messages from './messages';
+export const totalGradePercentageMessage = 'Total Grade values are always displayed as a percentage.';
+/**
+ * <TotalGradeLabelReplacement />
+ * Total Grade column header.
+ * displays an overlay tooltip with screen-reader text to indicate total grade percentage
+ */
+const TotalGradeLabelReplacement = () => {
+    const { formatMessage } = useIntl();
+    return (_jsx("div", { children: _jsx(OverlayTrigger, { trigger: ['hover', 'focus'], placement: isRtl(getLocale()) ? 'right' : 'left', overlay: (_jsx(Tooltip, { id: "course-grade-tooltip", children: formatMessage(messages.totalGradePercentage) })), children: _jsxs("div", { children: [formatMessage(messages.totalGradeHeading), _jsx("div", { id: "courseGradeTooltipIcon", children: _jsx(Icon, { src: InfoOutline, screenReaderText: formatMessage(messages.totalGradePercentage) }) })] }) }, "left-basic") }));
+};
+/**
+ * Asterisk to display next to heading labels that are only used for masters students
+ */
+const mastersOnlyFieldAsterisk = (_jsx("span", { className: "font-weight-normal", children: "*" }));
+/**
+ * <UsernameLabelReplacement />
+ * Username column header.  Lists that Student Key is possibly available
+ */
+const UsernameLabelReplacement = () => {
+    const { formatMessage } = useIntl();
+    return (_jsxs("div", { children: [_jsx("div", { children: formatMessage(messages.usernameHeading) }), _jsxs("div", { className: "font-weight-normal student-key", children: [formatMessage(messages.studentKeyLabel), mastersOnlyFieldAsterisk] })] }));
+};
+/**
+ * <MastersOnlyLabelReplacement {message}>
+ * Column header for fields that are only available for masters students
+ */
+const MastersOnlyLabelReplacement = (message) => {
+    const { formatMessage } = useIntl();
+    return (_jsxs("div", { children: [formatMessage(message), mastersOnlyFieldAsterisk] }));
+};
+export default StrictDict({
+    TotalGradeLabelReplacement,
+    UsernameLabelReplacement,
+    MastersOnlyLabelReplacement,
+});
+//# sourceMappingURL=LabelReplacements.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LabelReplacements.js","sourceRoot":"","sources":["../../../../src/components/GradesView/GradebookTable/LabelReplacements.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EACL,IAAI,EACJ,cAAc,EACd,OAAO,GACR,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,2BAA2B,GAAG,0DAA0D,CAAC;AAEtG;;;;GAIG;AACH,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,wBACE,KAAC,cAAc,IACb,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAE3B,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAChD,OAAO,EAAE,CACP,KAAC,OAAO,IAAC,EAAE,EAAC,sBAAsB,YAC/B,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GACrC,CACX,YAED,0BACG,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAC1C,cAAK,EAAE,EAAC,wBAAwB,YAC9B,KAAC,IAAI,IACH,GAAG,EAAE,WAAW,EAChB,gBAAgB,EAAE,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GAC9D,GACE,IACF,IAhBF,YAAY,CAiBD,GACb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,wBAAwB,GAAG,CAC/B,eAAM,SAAS,EAAC,oBAAoB,kBAAS,CAC9C,CAAC;AAEF;;;GAGG;AACH,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,0BACE,wBACG,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,GACpC,EACN,eAAK,SAAS,EAAC,gCAAgC,aAC5C,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,EACtC,wBAAwB,IACtB,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,2BAA2B,GAAG,CAAC,OAAO,EAAE,EAAE;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,0BACG,aAAa,CAAC,OAAO,CAAC,EACrB,wBAAwB,IACtB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC;IACxB,0BAA0B;IAC1B,wBAAwB;IACxB,2BAA2B;CAC5B,CAAC,CAAC","sourcesContent":["import { useIntl, getLocale, isRtl } from '@openedx/frontend-base';\nimport {\n  Icon,\n  OverlayTrigger,\n  Tooltip,\n} from '@openedx/paragon';\nimport { InfoOutline } from '@openedx/paragon/icons';\n\nimport { StrictDict } from '@src/utils';\n\nimport messages from './messages';\n\nexport const totalGradePercentageMessage = 'Total Grade values are always displayed as a percentage.';\n\n/**\n * <TotalGradeLabelReplacement />\n * Total Grade column header.\n * displays an overlay tooltip with screen-reader text to indicate total grade percentage\n */\nconst TotalGradeLabelReplacement = () => {\n  const { formatMessage } = useIntl();\n  return (\n    <div>\n      <OverlayTrigger\n        trigger={['hover', 'focus']}\n        key=\"left-basic\"\n        placement={isRtl(getLocale()) ? 'right' : 'left'}\n        overlay={(\n          <Tooltip id=\"course-grade-tooltip\">\n            {formatMessage(messages.totalGradePercentage)}\n          </Tooltip>\n        )}\n      >\n        <div>\n          {formatMessage(messages.totalGradeHeading)}\n          <div id=\"courseGradeTooltipIcon\">\n            <Icon\n              src={InfoOutline}\n              screenReaderText={formatMessage(messages.totalGradePercentage)}\n            />\n          </div>\n        </div>\n      </OverlayTrigger>\n    </div>\n  );\n};\n\n/**\n * Asterisk to display next to heading labels that are only used for masters students\n */\nconst mastersOnlyFieldAsterisk = (\n  <span className=\"font-weight-normal\">*</span>\n);\n\n/**\n * <UsernameLabelReplacement />\n * Username column header.  Lists that Student Key is possibly available\n */\nconst UsernameLabelReplacement = () => {\n  const { formatMessage } = useIntl();\n  return (\n    <div>\n      <div>\n        {formatMessage(messages.usernameHeading)}\n      </div>\n      <div className=\"font-weight-normal student-key\">\n        {formatMessage(messages.studentKeyLabel)}\n        { mastersOnlyFieldAsterisk }\n      </div>\n    </div>\n  );\n};\n\n/**\n * <MastersOnlyLabelReplacement {message}>\n * Column header for fields that are only available for masters students\n */\nconst MastersOnlyLabelReplacement = (message) => {\n  const { formatMessage } = useIntl();\n  return (\n    <div>\n      {formatMessage(message)}\n      { mastersOnlyFieldAsterisk }\n    </div>\n  );\n};\n\nexport default StrictDict({\n  TotalGradeLabelReplacement,\n  UsernameLabelReplacement,\n  MastersOnlyLabelReplacement,\n});\n"]}

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

@@ -0,0 +1,11 @@
+export function useGradebookTableData(): {
+    columns: {
+        Header: any;
+        accessor: any;
+    }[];
+    data: any[];
+    grades: import("../data/apiHook").GradeEntry[];
+    nullMethod: () => null;
+    emptyContent: string;
+};
+export default useGradebookTableData;

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

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import { Headings } from '../../../data/constants/grades';
+import { getLocalizedPercentSign } from '../../../i18n/utils';
+import { roundGrade } from '../data/utils';
+import { useAllGrades, useGradesHeadings } from '../data/hooks';
+import messages from './messages';
+import Fields from './Fields';
+import LabelReplacements from './LabelReplacements';
+import GradeButton from './GradeButton';
+export const useGradebookTableData = () => {
+    const { formatMessage } = useIntl();
+    const grades = useAllGrades();
+    const headings = useGradesHeadings();
+    const mapHeaders = (heading) => {
+        let label;
+        if (heading === Headings.totalGrade) {
+            label = _jsx(LabelReplacements.TotalGradeLabelReplacement, {});
+        }
+        else if (heading === Headings.username) {
+            label = _jsx(LabelReplacements.UsernameLabelReplacement, {});
+        }
+        else if (heading === Headings.email) {
+            label = _jsx(LabelReplacements.MastersOnlyLabelReplacement, Object.assign({}, messages.emailHeading));
+        }
+        else if (heading === Headings.fullName) {
+            label = _jsx(LabelReplacements.MastersOnlyLabelReplacement, Object.assign({}, messages.fullNameHeading));
+        }
+        else {
+            label = heading;
+        }
+        return { Header: label, accessor: heading };
+    };
+    const mapRows = entry => (Object.assign({ [Headings.username]: (_jsx(Fields.Username, { username: entry.username, userKey: entry.external_user_key })), [Headings.email]: (_jsx(Fields.Text, { value: entry.email })), [Headings.totalGrade]: `${roundGrade(entry.percent * 100)}${getLocalizedPercentSign()}` }, entry.section_breakdown.reduce((acc, subsection) => (Object.assign(Object.assign({}, acc), { [subsection.label]: _jsx(GradeButton, { entry, subsection }) })), {})));
+    const nullMethod = () => null;
+    return {
+        columns: headings.map(mapHeaders),
+        data: grades.map(mapRows),
+        grades,
+        nullMethod,
+        emptyContent: formatMessage(messages.noResultsFound),
+    };
+};
+export default useGradebookTableData;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/components/GradesView/GradebookTable/hooks.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,QAAQ,GAAG,iBAAiB,EAAE,CAAC;IAErC,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,EAAE;QAC7B,IAAI,KAAK,CAAC;QACV,IAAI,OAAO,KAAK,QAAQ,CAAC,UAAU,EAAE,CAAC;YACpC,KAAK,GAAG,KAAC,iBAAiB,CAAC,0BAA0B,KAAG,CAAC;QAC3D,CAAC;aAAM,IAAI,OAAO,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC;YACzC,KAAK,GAAG,KAAC,iBAAiB,CAAC,wBAAwB,KAAG,CAAC;QACzD,CAAC;aAAM,IAAI,OAAO,KAAK,QAAQ,CAAC,KAAK,EAAE,CAAC;YACtC,KAAK,GAAG,KAAC,iBAAiB,CAAC,2BAA2B,oBAAK,QAAQ,CAAC,YAAY,EAAI,CAAC;QACvF,CAAC;aAAM,IAAI,OAAO,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC;YACzC,KAAK,GAAG,KAAC,iBAAiB,CAAC,2BAA2B,oBAAK,QAAQ,CAAC,eAAe,EAAI,CAAC;QAC1F,CAAC;aAAM,CAAC;YACN,KAAK,GAAG,OAAO,CAAC;QAClB,CAAC;QACD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC,iBACvB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CACnB,KAAC,MAAM,CAAC,QAAQ,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,iBAAiB,GAAI,CAChF,EACD,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC,EACvD,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,uBAAuB,EAAE,EAAE,IACpF,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,UAAU,EAAE,EAAE,CAAC,iCAClD,GAAG,KACN,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,KAAC,WAAW,IAAO,KAAK,EAAE,UAAU,GAAM,IAC9D,EAAE,EAAE,CAAC,EACP,CAAC;IAEH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;IAE9B,OAAO;QACL,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC;QACjC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;QACzB,MAAM;QACN,UAAU;QACV,YAAY,EAAE,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC;KACrD,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\n\nimport { Headings } from '@src/data/constants/grades';\nimport { getLocalizedPercentSign } from '@src/i18n/utils';\n\nimport { roundGrade } from '../data/utils';\nimport { useAllGrades, useGradesHeadings } from '../data/hooks';\nimport messages from './messages';\nimport Fields from './Fields';\nimport LabelReplacements from './LabelReplacements';\nimport GradeButton from './GradeButton';\n\nexport const useGradebookTableData = () => {\n  const { formatMessage } = useIntl();\n  const grades = useAllGrades();\n  const headings = useGradesHeadings();\n\n  const mapHeaders = (heading) => {\n    let label;\n    if (heading === Headings.totalGrade) {\n      label = <LabelReplacements.TotalGradeLabelReplacement />;\n    } else if (heading === Headings.username) {\n      label = <LabelReplacements.UsernameLabelReplacement />;\n    } else if (heading === Headings.email) {\n      label = <LabelReplacements.MastersOnlyLabelReplacement {...messages.emailHeading} />;\n    } else if (heading === Headings.fullName) {\n      label = <LabelReplacements.MastersOnlyLabelReplacement {...messages.fullNameHeading} />;\n    } else {\n      label = heading;\n    }\n    return { Header: label, accessor: heading };\n  };\n\n  const mapRows = entry => ({\n    [Headings.username]: (\n      <Fields.Username username={entry.username} userKey={entry.external_user_key} />\n    ),\n    [Headings.email]: (<Fields.Text value={entry.email} />),\n    [Headings.totalGrade]: `${roundGrade(entry.percent * 100)}${getLocalizedPercentSign()}`,\n    ...entry.section_breakdown.reduce((acc, subsection) => ({\n      ...acc,\n      [subsection.label]: <GradeButton {...{ entry, subsection }} />,\n    }), {}),\n  });\n\n  const nullMethod = () => null;\n\n  return {\n    columns: headings.map(mapHeaders),\n    data: grades.map(mapRows),\n    grades,\n    nullMethod,\n    emptyContent: formatMessage(messages.noResultsFound),\n  };\n};\n\nexport default useGradebookTableData;\n"]}

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

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

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DataTable } from '@openedx/paragon';
+import useGradebookTableData from './hooks';
+/**
+ * <GraebookTable />
+ * This is the wrapper component for the Grades tab gradebook table, holding
+ * a row for each user, with a column for their username, email, and total grade,
+ * along with one for each subsection in their grade entry.
+ */
+export const GradebookTable = () => {
+    const { columns, data, grades, nullMethod, emptyContent, } = useGradebookTableData();
+    return (_jsx("div", { className: "gradebook-container", children: _jsxs(DataTable, { columns: columns, data: data, rowHeaderColumnKey: "username", hasFixedColumnWidths: true, itemCount: grades.length, RowStatusComponent: nullMethod, children: [_jsx(DataTable.TableControlBar, {}), _jsx(DataTable.Table, {}), _jsx(DataTable.EmptyTable, { content: emptyContent })] }) }));
+};
+GradebookTable.propTypes = {};
+export default GradebookTable;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GradesView/GradebookTable/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,qBAAqB,MAAM,SAAS,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EACJ,OAAO,EACP,IAAI,EACJ,MAAM,EACN,UAAU,EACV,YAAY,GACb,GAAG,qBAAqB,EAAE,CAAC;IAE5B,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,MAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAC,UAAU,EAC7B,oBAAoB,QACpB,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,kBAAkB,EAAE,UAAU,aAE9B,KAAC,SAAS,CAAC,eAAe,KAAG,EAC7B,KAAC,SAAS,CAAC,KAAK,KAAG,EACnB,KAAC,SAAS,CAAC,UAAU,IAAC,OAAO,EAAE,YAAY,GAAI,IACrC,GACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,SAAS,GAAG,EAAE,CAAC;AAE9B,eAAe,cAAc,CAAC","sourcesContent":["import { DataTable } from '@openedx/paragon';\n\nimport useGradebookTableData from './hooks';\n\n/**\n * <GraebookTable />\n * This is the wrapper component for the Grades tab gradebook table, holding\n * a row for each user, with a column for their username, email, and total grade,\n * along with one for each subsection in their grade entry.\n */\nexport const GradebookTable = () => {\n  const {\n    columns,\n    data,\n    grades,\n    nullMethod,\n    emptyContent,\n  } = useGradebookTableData();\n\n  return (\n    <div className=\"gradebook-container\">\n      <DataTable\n        columns={columns}\n        data={data}\n        rowHeaderColumnKey=\"username\"\n        hasFixedColumnWidths\n        itemCount={grades.length}\n        RowStatusComponent={nullMethod}\n      >\n        <DataTable.TableControlBar />\n        <DataTable.Table />\n        <DataTable.EmptyTable content={emptyContent} />\n      </DataTable>\n    </div>\n  );\n};\n\nGradebookTable.propTypes = {};\n\nexport default GradebookTable;\n"]}