@instructure/outcomes-ui 4.1.1 → 4.1.3

package/lib/components/Gradebook/GradebookApp.d.ts

@@ -1,7 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { type Translations } from 'format-message';
 import { type GradebookConfig } from './context/GradebookConfigContext';
-import { type SaveSettingsResult } from './context/GradebookAppContext';
 interface I18nDisabledConfig {
     i18nEnabled: false;
     language?: never;
@@ -13,14 +12,10 @@ interface I18nEnabledConfig {
     resourceOverrides?: Translations;
 }
 export type TranslationConfig = I18nEnabledConfig | I18nDisabledConfig;
-export type { SaveSettingsResult };
-export interface GradebookAppProps<TSettings = object> {
-    config: GradebookConfig<TSettings>;
-    settings: {
-        settings: TSettings;
-        onSave: (settings: TSettings) => Promise<SaveSettingsResult>;
-    };
+export interface GradebookAppProps {
+    config: GradebookConfig;
     translations?: TranslationConfig;
 }
-export declare const GradebookApp: <TSettings extends object = object>({ config, settings, translations, children, }: PropsWithChildren<GradebookAppProps<TSettings>>) => React.JSX.Element | null;
+export declare const GradebookApp: React.FC<PropsWithChildren<GradebookAppProps>>;
+export {};
 //# sourceMappingURL=GradebookApp.d.ts.map

package/lib/components/Gradebook/GradebookApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GradebookApp.d.ts","sourceRoot":"","sources":["../../../src/components/Gradebook/GradebookApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAA2B,KAAK,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAChG,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAE7F,UAAU,kBAAkB;IAC1B,WAAW,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAC1B;AAED,UAAU,iBAAiB;IACzB,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,iBAAiB,CAAC,EAAE,YAAY,CAAA;CACjC;AAED,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,kBAAkB,CAAA;AAEtE,YAAY,EAAE,kBAAkB,EAAE,CAAA;AAElC,MAAM,WAAW,iBAAiB,CAAC,SAAS,GAAG,MAAM;IACnD,MAAM,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAClC,QAAQ,EAAE;QACR,QAAQ,EAAE,SAAS,CAAA;QACnB,MAAM,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAA;KAC7D,CAAA;IACD,YAAY,CAAC,EAAE,iBAAiB,CAAA;CACjC;AAED,eAAO,MAAM,YAAY,GAAI,SAAS,SAAS,MAAM,GAAG,MAAM,EAAE,+CAK7D,iBAAiB,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,6BAsBjD,CAAA"}
+{"version":3,"file":"GradebookApp.d.ts","sourceRoot":"","sources":["../../../src/components/Gradebook/GradebookApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAA2B,KAAK,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAEhG,UAAU,kBAAkB;IAC1B,WAAW,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAC1B;AAED,UAAU,iBAAiB;IACzB,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,iBAAiB,CAAC,EAAE,YAAY,CAAA;CACjC;AAED,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,kBAAkB,CAAA;AAEtE,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,eAAe,CAAA;IACvB,YAAY,CAAC,EAAE,iBAAiB,CAAA;CACjC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAwBvE,CAAA"}

package/lib/components/Gradebook/GradebookApp.js

@@ -10,10 +10,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _i18n = require("../../i18n/i18n.js");
 var _index = require("./context/GradebookConfigContext/index.js");
-var _index2 = require("./context/GradebookAppContext/index.js");
 var GradebookApp = exports.GradebookApp = function GradebookApp(_ref) {
   var config = _ref.config,
-    settings = _ref.settings,
     _ref$translations = _ref.translations,
     translations = _ref$translations === void 0 ? {
       language: 'en',
@@ -38,7 +36,5 @@ var GradebookApp = exports.GradebookApp = function GradebookApp(_ref) {
   }
   return /*#__PURE__*/_react.default.createElement(_index.GradebookConfigProvider, {
     config: config
-  }, /*#__PURE__*/_react.default.createElement(_index2.GradebookAppProvider, {
-    settings: settings
-  }, children || /*#__PURE__*/_react.default.createElement("div", null, "GradebookAppRoot")));
+  }, children || /*#__PURE__*/_react.default.createElement("div", null, "GradebookAppRoot"));
 };

package/lib/components/Gradebook/GradebookApp.stories.d.ts

@@ -1,10 +1,7 @@
-import { GradebookApp, type GradebookAppProps } from './GradebookApp';
+import { GradebookApp } from './GradebookApp';
 import type { Meta, StoryObj } from '@storybook/react';
-interface ExampleSettings {
-    option1: boolean;
-}
-declare const meta: Meta<typeof GradebookApp<ExampleSettings>>;
+declare const meta: Meta<typeof GradebookApp>;
 export default meta;
-type Story = StoryObj<GradebookAppProps<ExampleSettings>>;
+type Story = StoryObj<typeof GradebookApp>;
 export declare const Default: Story;
 //# sourceMappingURL=GradebookApp.stories.d.ts.map

package/lib/components/Gradebook/GradebookApp.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GradebookApp.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Gradebook/GradebookApp.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAErE,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAMtD,UAAU,eAAe;IACvB,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAAC,eAAe,CAAC,CAGpD,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAA;AAmEzD,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA"}
+{"version":3,"file":"GradebookApp.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Gradebook/GradebookApp.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAGnC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA;AAmD1C,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA"}

package/lib/components/Gradebook/GradebookApp.stories.js

@@ -1,59 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Default = void 0;
-var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = _interopRequireDefault(require("react"));
 var _GradebookApp = require("./GradebookApp.js");
-var _addonActions = require("@storybook/addon-actions");
-// Example minimal settings type
-
 var meta = {
   title: 'Gradebook/GradebookApp',
   component: _GradebookApp.GradebookApp
 };
 var _default = exports.default = meta;
-var defaultConfig = {
-  components: {
-    StudentPopover: function StudentPopover() {
-      return /*#__PURE__*/_react.default.createElement("div", null, "Student Popover");
-    },
-    SettingsTrayContent: function SettingsTrayContent() {
-      return /*#__PURE__*/_react.default.createElement("div", null, "Settings Content");
-    }
-  }
-};
-var defaultSettings = {
-  settings: {
-    option1: true
-  },
-  onSave: function () {
-    var _onSave = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regenerator2.default)().m(function _callee(settings) {
-      return (0, _regenerator2.default)().w(function (_context) {
-        while (1) switch (_context.n) {
-          case 0:
-            (0, _addonActions.action)('onSave')(settings);
-            _context.n = 1;
-            return new Promise(function (resolve) {
-              return setTimeout(resolve, 1000);
-            });
-          case 1:
-            return _context.a(2, {
-              success: true
-            });
-        }
-      }, _callee);
-    }));
-    function onSave(_x) {
-      return _onSave.apply(this, arguments);
-    }
-    return onSave;
-  }()
-};
+var defaultConfig = {};
 var resourceOverrides = {
   en: {
     'align_new_outcomes_2a2d3d48': 'Align new outcomes',
@@ -103,7 +60,6 @@ var resourceOverrides = {
 var Default = exports.Default = {
   args: {
     config: defaultConfig,
-    settings: defaultSettings,
     translations: {
       language: 'en',
       resourceOverrides: resourceOverrides,

package/lib/components/Gradebook/__tests__/index.test.js

@@ -49,24 +49,7 @@ _globals.jest.mock("../context/GradebookAppContext", function () {
 });
 var mockSetupI18n = i18nModule.setupI18n;
 describe('GradebookApp', function () {
-  var mockConfig = {
-    components: {
-      StudentPopover: function StudentPopover() {
-        return /*#__PURE__*/_react.default.createElement("div", null, "Student Popover");
-      },
-      SettingsTrayContent: function SettingsTrayContent() {
-        return /*#__PURE__*/_react.default.createElement("div", null, "Settings");
-      }
-    }
-  };
-  var mockSettingsData = {};
-  var mockOnSave = _globals.jest.fn().mockResolvedValue({
-    success: true
-  });
-  var mockSettings = {
-    settings: mockSettingsData,
-    onSave: mockOnSave
-  };
+  var mockConfig = {};
   beforeEach(function () {
     _globals.jest.clearAllMocks();
   });
@@ -76,8 +59,7 @@ describe('GradebookApp', function () {
         while (1) switch (_context.n) {
           case 0:
             (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
-              config: mockConfig,
-              settings: mockSettings
+              config: mockConfig
             }));
 
             // Should call setupI18n with default language
@@ -96,7 +78,6 @@ describe('GradebookApp', function () {
     it('renders with i18n disabled', function () {
       (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
         config: mockConfig,
-        settings: mockSettings,
         translations: {
           i18nEnabled: false
         }
@@ -114,7 +95,6 @@ describe('GradebookApp', function () {
           case 0:
             (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 language: 'es',
                 i18nEnabled: true
@@ -142,7 +122,6 @@ describe('GradebookApp', function () {
             };
             (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 language: 'fr',
                 i18nEnabled: true,
@@ -167,7 +146,6 @@ describe('GradebookApp', function () {
           case 0:
             (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 i18nEnabled: false
               }
@@ -184,7 +162,6 @@ describe('GradebookApp', function () {
     it('renders fallback content when no children provided', function () {
       (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
         config: mockConfig,
-        settings: mockSettings,
         translations: {
           i18nEnabled: false
         }
@@ -196,7 +173,6 @@ describe('GradebookApp', function () {
     it('passes gradebookConfig to GradebookConfigProvider', function () {
       (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
         config: mockConfig,
-        settings: mockSettings,
         translations: {
           i18nEnabled: false
         }
@@ -205,15 +181,10 @@ describe('GradebookApp', function () {
       (0, _globals.expect)(provider).toBeInTheDocument();
       var configData = provider.getAttribute('data-config');
       (0, _globals.expect)(configData).toBeTruthy();
-      var parsedConfig = JSON.parse(configData);
-      (0, _globals.expect)(parsedConfig).toMatchObject({
-        components: _globals.expect.any(Object)
-      });
     });
     it('wraps children with GradebookConfigProvider', function () {
       (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
         config: mockConfig,
-        settings: mockSettings,
         translations: {
           i18nEnabled: false
         }
@@ -232,7 +203,6 @@ describe('GradebookApp', function () {
           case 0:
             (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 language: 'en',
                 i18nEnabled: true
@@ -260,7 +230,6 @@ describe('GradebookApp', function () {
           case 0:
             _render = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 language: 'en',
                 i18nEnabled: true
@@ -270,7 +239,6 @@ describe('GradebookApp', function () {
             (0, _globals.expect)(mockSetupI18n).toHaveBeenCalledTimes(1);
             rerender(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 language: 'es',
                 i18nEnabled: true
@@ -303,7 +271,6 @@ describe('GradebookApp', function () {
             };
             _render2 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 language: 'en',
                 i18nEnabled: true,
@@ -313,7 +280,6 @@ describe('GradebookApp', function () {
             (0, _globals.expect)(mockSetupI18n).toHaveBeenCalledWith('en', overrides1);
             rerender(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 language: 'en',
                 i18nEnabled: true,
@@ -333,7 +299,6 @@ describe('GradebookApp', function () {
     it('does not re-run setupI18n when i18nEnabled changes to false', function () {
       var _render3 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
           config: mockConfig,
-          settings: mockSettings,
           translations: {
             language: 'en',
             i18nEnabled: true
@@ -343,7 +308,6 @@ describe('GradebookApp', function () {
       (0, _globals.expect)(mockSetupI18n).toHaveBeenCalledTimes(1);
       rerender(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
         config: mockConfig,
-        settings: mockSettings,
         translations: {
           i18nEnabled: false
         }
@@ -354,29 +318,10 @@ describe('GradebookApp', function () {
     });
   });
   describe('Type Safety', function () {
-    it('accepts gradebookConfig with custom settings type', function () {
-      var customConfig = {
-        components: {
-          StudentPopover: function StudentPopover() {
-            return /*#__PURE__*/_react.default.createElement("div", null, "Popover");
-          },
-          SettingsTrayContent: function SettingsTrayContent() {
-            return /*#__PURE__*/_react.default.createElement("div", null, "Settings");
-          }
-        }
-      };
-      var customSettingsData = {
-        customOption: true
-      };
-      var customOnSave = _globals.jest.fn().mockResolvedValue({
-        success: true
-      });
+    it('accepts gradebookConfig', function () {
+      var customConfig = {};
       (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
         config: customConfig,
-        settings: {
-          settings: customSettingsData,
-          onSave: customOnSave
-        },
         translations: {
           i18nEnabled: false
         }

package/lib/components/Gradebook/context/GradebookAppContext/GradebookAppProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GradebookAppProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/context/GradebookAppContext/GradebookAppProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAiD,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAEzG,MAAM,WAAW,yBAAyB,CAAC,SAAS;IAClD,QAAQ,EAAE;QACR,QAAQ,EAAE,SAAS,CAAA;QACnB,MAAM,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAA;KAC7D,CAAA;CACF;AAED,eAAO,MAAM,oBAAoB,GAAI,SAAS,EAAG,kEAM9C,iBAAiB,CAAC,yBAAyB,CAAC,SAAS,CAAC,CAAC,sBAgBzD,CAAA"}
+{"version":3,"file":"GradebookAppProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/context/GradebookAppContext/GradebookAppProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAiD,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAEzG,MAAM,WAAW,yBAAyB,CAAC,SAAS;IAClD,QAAQ,EAAE;QACR,QAAQ,EAAE,SAAS,CAAA;QACnB,MAAM,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAA;KAC7D,CAAA;CACF;AAED,eAAO,MAAM,oBAAoB,GAAI,SAAS,EAAG,kEAM9C,iBAAiB,CAAC,yBAAyB,CAAC,SAAS,CAAC,CAAC,sBAiBzD,CAAA"}

package/lib/components/Gradebook/context/GradebookAppContext/GradebookAppProvider.js

@@ -19,6 +19,7 @@ var GradebookAppProvider = exports.GradebookAppProvider = function GradebookAppP
     settings = _useState2[0],
     setSettings = _useState2[1];
   var value = {
+    // If the settings will be implemented on the app level, we can remove this (MC won't use it)
     settings: {
       settings: settings,
       setSettings: setSettings,

package/lib/components/Gradebook/context/GradebookConfigContext/GradebookConfigContext.d.ts

@@ -1,19 +1,4 @@
-import { ComponentType } from 'react';
-import type { MasteryLevel, Student, StudentMasteryScores } from '../../../../types/gradebook';
-export interface StudentPopoverWrapperProps {
-    studentName: string;
-    student?: Student;
-    courseId?: string;
-    masteryScores?: StudentMasteryScores;
-}
-export interface SettingsTrayContentProps<TSettings> {
-    settings: TSettings;
-    onChange: (settings: TSettings) => void;
-}
-export interface GradebookComponents<TSettings = object> {
-    StudentPopover: ComponentType<StudentPopoverWrapperProps>;
-    SettingsTrayContent: ComponentType<SettingsTrayContentProps<TSettings>>;
-}
+import type { MasteryLevel } from '../../../../types/gradebook';
 export type MasteryLevelOverrides = Partial<Record<MasteryLevel, {
     name: string;
 }>>;
@@ -21,9 +6,8 @@ export type MasteryLevelConfig = {
     availableLevels?: MasteryLevel[];
     masteryLevelOverrides?: MasteryLevelOverrides;
 };
-export interface GradebookConfig<TSettings = object> {
-    components: GradebookComponents<TSettings>;
+export interface GradebookConfig {
     masteryLevelConfig?: MasteryLevelConfig;
 }
-export declare const GradebookConfigContext: import("react").Context<GradebookConfig<any> | null>;
+export declare const GradebookConfigContext: import("react").Context<GradebookConfig | null>;
 //# sourceMappingURL=GradebookConfigContext.d.ts.map

package/lib/components/Gradebook/context/GradebookConfigContext/GradebookConfigContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GradebookConfigContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/context/GradebookConfigContext/GradebookConfigContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,aAAa,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAEpF,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,oBAAoB,CAAA;CACrC;AAED,MAAM,WAAW,wBAAwB,CAAC,SAAS;IACjD,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAA;CACxC;AAED,MAAM,WAAW,mBAAmB,CAAC,SAAS,GAAG,MAAM;IACrD,cAAc,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAA;IACzD,mBAAmB,EAAE,aAAa,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,CAAA;CACxE;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,MAAM,CAChD,YAAY,EACZ;IACE,IAAI,EAAE,MAAM,CAAA;CACb,CACF,CAAC,CAAA;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,CAAC,EAAE,YAAY,EAAE,CAAA;IAChC,qBAAqB,CAAC,EAAE,qBAAqB,CAAA;CAC9C,CAAA;AAED,MAAM,WAAW,eAAe,CAAC,SAAS,GAAG,MAAM;IACjD,UAAU,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;IAC1C,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC;AAGD,eAAO,MAAM,sBAAsB,sDAAmD,CAAA"}
+{"version":3,"file":"GradebookConfigContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/context/GradebookConfigContext/GradebookConfigContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,MAAM,CAChD,YAAY,EACZ;IACE,IAAI,EAAE,MAAM,CAAA;CACb,CACF,CAAC,CAAA;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,CAAC,EAAE,YAAY,EAAE,CAAA;IAChC,qBAAqB,CAAC,EAAE,qBAAqB,CAAA;CAC9C,CAAA;AAED,MAAM,WAAW,eAAe;IAC9B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC;AAED,eAAO,MAAM,sBAAsB,iDAA8C,CAAA"}

package/lib/components/Gradebook/context/GradebookConfigContext/GradebookConfigContext.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GradebookConfigContext = void 0;
 var _react = require("react");
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var GradebookConfigContext = exports.GradebookConfigContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/components/Gradebook/context/GradebookConfigContext/GradebookConfigProvider.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { GradebookConfig } from './GradebookConfigContext';
-export interface GradebookConfigProviderProps<TSettings> {
+export interface GradebookConfigProviderProps {
     children: React.ReactNode;
-    config: GradebookConfig<TSettings>;
+    config: GradebookConfig;
 }
-export declare const GradebookConfigProvider: <TSettings>({ children, config, }: GradebookConfigProviderProps<TSettings>) => React.JSX.Element;
+export declare const GradebookConfigProvider: React.FC<GradebookConfigProviderProps>;
 //# sourceMappingURL=GradebookConfigProvider.d.ts.map

package/lib/components/Gradebook/context/GradebookConfigContext/GradebookConfigProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GradebookConfigProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/context/GradebookConfigContext/GradebookConfigProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAA0B,MAAM,0BAA0B,CAAA;AAElF,MAAM,WAAW,4BAA4B,CAAC,SAAS;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;CACnC;AAED,eAAO,MAAM,uBAAuB,GAAI,SAAS,EAAG,uBAGjD,4BAA4B,CAAC,SAAS,CAAC,sBAMzC,CAAA"}
+{"version":3,"file":"GradebookConfigProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/context/GradebookConfigContext/GradebookConfigProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAA0B,MAAM,0BAA0B,CAAA;AAElF,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,EAAE,eAAe,CAAA;CACxB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAS1E,CAAA"}

package/lib/components/Gradebook/context/GradebookConfigContext/__tests__/GradebookConfigContext.test.js

@@ -11,48 +11,44 @@ var TestConfigConsumer = function TestConfigConsumer() {
   var config = (0, _index.useGradebookConfig)();
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "config-consumer"
-  }, config.components.StudentPopover ? 'has-student-popover' : 'no-student-popover');
+  }, config.masteryLevelConfig ? 'has-mastery-config' : 'no-mastery-config');
 };
 
-// Test component that uses the components
-var TestComponentsConsumer = function TestComponentsConsumer() {
+// Test component that uses the mastery level config
+var TestMasteryLevelConsumer = function TestMasteryLevelConsumer() {
+  var _config$masteryLevelC, _config$masteryLevelC2;
   var config = (0, _index.useGradebookConfig)();
-  var components = config.components;
-  var componentCount = Object.keys(components).length;
+  var availableLevels = ((_config$masteryLevelC = config.masteryLevelConfig) === null || _config$masteryLevelC === void 0 ? void 0 : (_config$masteryLevelC2 = _config$masteryLevelC.availableLevels) === null || _config$masteryLevelC2 === void 0 ? void 0 : _config$masteryLevelC2.length) || 0;
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "component-count"
-  }, componentCount);
+    "data-testid": "mastery-level-count"
+  }, availableLevels);
 };
-var DEFAULT_CONFIG = {
-  components: {
-    StudentPopover: function StudentPopover() {
-      return /*#__PURE__*/_react.default.createElement("div", null, "Mock StudentPopover");
-    },
-    SettingsTrayContent: function SettingsTrayContent() {
-      return /*#__PURE__*/_react.default.createElement("div", null, "Settings Content");
-    }
+var DEFAULT_CONFIG = {};
+var CONFIG_WITH_MASTERY = {
+  masteryLevelConfig: {
+    availableLevels: ['exceeds_mastery', 'mastery', 'near_mastery']
   }
 };
 describe('GradebookConfigContext', function () {
   describe('GradebookConfigProvider', function () {
     it('provides config to children', function () {
       (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.GradebookConfigProvider, {
-        config: DEFAULT_CONFIG
+        config: CONFIG_WITH_MASTERY
       }, /*#__PURE__*/_react.default.createElement(TestConfigConsumer, null)));
-      (0, _globals.expect)(_react2.screen.getByTestId('config-consumer')).toHaveTextContent('has-student-popover');
+      (0, _globals.expect)(_react2.screen.getByTestId('config-consumer')).toHaveTextContent('has-mastery-config');
     });
-    it('requires components field', function () {
+    it('allows empty config', function () {
       (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.GradebookConfigProvider, {
         config: DEFAULT_CONFIG
       }, /*#__PURE__*/_react.default.createElement(TestConfigConsumer, null)));
       (0, _globals.expect)(_react2.screen.getByTestId('config-consumer')).toBeInTheDocument();
-      (0, _globals.expect)(_react2.screen.getByTestId('config-consumer')).toHaveTextContent('has-student-popover');
+      (0, _globals.expect)(_react2.screen.getByTestId('config-consumer')).toHaveTextContent('no-mastery-config');
     });
-    it('requires StudentPopover in components', function () {
+    it('provides mastery level config when specified', function () {
       (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.GradebookConfigProvider, {
-        config: DEFAULT_CONFIG
-      }, /*#__PURE__*/_react.default.createElement(TestComponentsConsumer, null)));
-      (0, _globals.expect)(_react2.screen.getByTestId('component-count')).toHaveTextContent('2');
+        config: CONFIG_WITH_MASTERY
+      }, /*#__PURE__*/_react.default.createElement(TestMasteryLevelConsumer, null)));
+      (0, _globals.expect)(_react2.screen.getByTestId('mastery-level-count')).toHaveTextContent('3');
     });
   });
   describe('useGradebookConfig', function () {
@@ -66,24 +62,24 @@ describe('GradebookConfigContext', function () {
     });
     it('returns config when used inside provider', function () {
       (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.GradebookConfigProvider, {
-        config: DEFAULT_CONFIG
+        config: CONFIG_WITH_MASTERY
       }, /*#__PURE__*/_react.default.createElement(TestConfigConsumer, null)));
-      (0, _globals.expect)(_react2.screen.getByTestId('config-consumer')).toHaveTextContent('has-student-popover');
+      (0, _globals.expect)(_react2.screen.getByTestId('config-consumer')).toHaveTextContent('has-mastery-config');
     });
   });
-  describe('components', function () {
+  describe('masteryLevelConfig', function () {
     it('throws error when used outside provider', function () {
       var consoleSpy = jest.spyOn(console, 'error').mockImplementation(function () {});
       (0, _globals.expect)(function () {
-        (0, _react2.render)(/*#__PURE__*/_react.default.createElement(TestComponentsConsumer, null));
+        (0, _react2.render)(/*#__PURE__*/_react.default.createElement(TestMasteryLevelConsumer, null));
       }).toThrow('useGradebookConfig must be used within GradebookConfigProvider');
       consoleSpy.mockRestore();
     });
-    it('returns components when provided', function () {
+    it('returns mastery level config when provided', function () {
       (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.GradebookConfigProvider, {
-        config: DEFAULT_CONFIG
-      }, /*#__PURE__*/_react.default.createElement(TestComponentsConsumer, null)));
-      (0, _globals.expect)(_react2.screen.getByTestId('component-count')).toHaveTextContent('2');
+        config: CONFIG_WITH_MASTERY
+      }, /*#__PURE__*/_react.default.createElement(TestMasteryLevelConsumer, null)));
+      (0, _globals.expect)(_react2.screen.getByTestId('mastery-level-count')).toHaveTextContent('3');
     });
   });
 });

package/lib/components/Gradebook/context/GradebookConfigContext/index.d.ts

@@ -1,5 +1,5 @@
 export { GradebookConfigProvider } from './GradebookConfigProvider';
 export { useGradebookConfig } from './useGradebookConfig';
-export type { GradebookConfig, GradebookComponents, SettingsTrayContentProps, StudentPopoverWrapperProps } from './GradebookConfigContext';
+export type { GradebookConfig, MasteryLevelConfig } from './GradebookConfigContext';
 export type { GradebookConfigProviderProps } from './GradebookConfigProvider';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Gradebook/context/GradebookConfigContext/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/context/GradebookConfigContext/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,YAAY,EACV,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,0BAA0B,CAAA;AACjC,YAAY,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/context/GradebookConfigContext/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,YAAY,EACV,eAAe,EACf,kBAAkB,EACnB,MAAM,0BAA0B,CAAA;AACjC,YAAY,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAA"}

package/lib/components/Gradebook/context/GradebookConfigContext/useGradebookConfig.d.ts

@@ -1,3 +1,3 @@
 import { GradebookConfig } from './GradebookConfigContext';
-export declare const useGradebookConfig: <TSettings>() => GradebookConfig<TSettings>;
+export declare const useGradebookConfig: () => GradebookConfig;
 //# sourceMappingURL=useGradebookConfig.d.ts.map

package/lib/components/Gradebook/context/GradebookConfigContext/useGradebookConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGradebookConfig.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/context/GradebookConfigContext/useGradebookConfig.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAA0B,MAAM,0BAA0B,CAAA;AAElF,eAAO,MAAM,kBAAkB,GAAI,SAAS,OAAK,eAAe,CAAC,SAAS,CAMzE,CAAA"}
+{"version":3,"file":"useGradebookConfig.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/context/GradebookConfigContext/useGradebookConfig.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAA0B,MAAM,0BAA0B,CAAA;AAElF,eAAO,MAAM,kBAAkB,QAAO,eAMrC,CAAA"}

package/lib/components/Gradebook/gradebook-table/ColumnHeader/__tests__/index.test.js

@@ -171,4 +171,14 @@ describe('ColumnHeader', function () {
     (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.ColumnHeader, defaultProps));
     expect(_react2.screen.getByTestId('column-header')).toBeInTheDocument();
   });
+  it('renders the optionsMenu prop when provided', function () {
+    var customMenu = /*#__PURE__*/_react.default.createElement("button", {
+      "data-testid": "custom-options-menu"
+    }, "Custom Menu");
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.ColumnHeader, Object.assign({}, defaultProps, {
+      optionsMenu: customMenu
+    })));
+    expect(_react2.screen.getByTestId('custom-options-menu')).toBeInTheDocument();
+    expect(_react2.screen.getByText('Custom Menu')).toBeInTheDocument();
+  });
 });

package/lib/components/Gradebook/gradebook-table/ColumnHeader/index.d.ts

@@ -2,7 +2,9 @@ import React from 'react';
 import { type ViewProps } from '@instructure/ui-view';
 export interface ColumnHeaderProps {
     title: string;
+    titleId?: string;
     optionsMenuTriggerLabel?: string;
+    optionsMenu?: React.ReactNode;
     optionsMenuItems?: React.ReactNode[];
     icon?: React.ReactNode;
     background?: ViewProps['background'];

package/lib/components/Gradebook/gradebook-table/ColumnHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/gradebook-table/ColumnHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAM3D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuDpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/gradebook-table/ColumnHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAM3D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0DpD,CAAA"}

package/lib/components/Gradebook/gradebook-table/ColumnHeader/index.js

@@ -18,7 +18,9 @@ var _index = _interopRequireDefault(require("../../shared/TruncateWithTooltip/in
 var _colors = require("../../../../util/gradebook/colors.js");
 var ColumnHeader = exports.ColumnHeader = function ColumnHeader(_ref) {
   var title = _ref.title,
+    titleId = _ref.titleId,
     optionsMenuTriggerLabel = _ref.optionsMenuTriggerLabel,
+    optionsMenu = _ref.optionsMenu,
     _ref$optionsMenuItems = _ref.optionsMenuItems,
     optionsMenuItems = _ref$optionsMenuItems === void 0 ? [] : _ref$optionsMenuItems,
     icon = _ref.icon,
@@ -35,7 +37,7 @@ var ColumnHeader = exports.ColumnHeader = function ColumnHeader(_ref) {
     alignItems: "center",
     justifyItems: "space-between",
     height: _constants.CELL_HEIGHT,
-    padding: "none none none x-small"
+    padding: "none x-small none x-small"
   }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, {
     shouldGrow: true,
     shouldShrink: true,
@@ -50,7 +52,8 @@ var ColumnHeader = exports.ColumnHeader = function ColumnHeader(_ref) {
     overflowX: "hidden",
     padding: "0 xx-small 0 0"
   }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
-    alt: title
+    alt: title,
+    id: titleId
   }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
     weight: "bold"
   }, /*#__PURE__*/_react.default.createElement(_index.default, null, title)))))), optionsMenuItems.length > 0 && /*#__PURE__*/_react.default.createElement(_uiMenu.Menu, {
@@ -62,5 +65,5 @@ var ColumnHeader = exports.ColumnHeader = function ColumnHeader(_ref) {
       screenReaderLabel: optionsMenuTriggerLabel,
       color: (0, _colors.getInverseColor)(background)
     }, /*#__PURE__*/_react.default.createElement(_uiIcons.IconMoreLine, null))
-  }, optionsMenuItems)));
+  }, optionsMenuItems), optionsMenu));
 };

package/lib/components/Gradebook/gradebook-table/ColumnHeader/index.stories.d.ts

@@ -5,6 +5,7 @@ export default meta;
 type Story = StoryObj<ColumnHeaderProps>;
 export declare const Default: Story;
 export declare const LongTitle: Story;
+export declare const WithTitleId: Story;
 export declare const WithMenu: Story;
 export declare const LongTitleWithMenu: Story;
 export declare const CustomWidth: Story;

package/lib/components/Gradebook/gradebook-table/ColumnHeader/index.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/gradebook-table/ColumnHeader/index.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAOjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAA;AAcxC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAQnC,CAAA"}
+{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/gradebook-table/ColumnHeader/index.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAOjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAA;AAcxC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAQnC,CAAA"}