@instructure/outcomes-ui 4.1.1 → 4.1.3

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

@@ -10,8 +10,7 @@ var _globals = require("@jest/globals");
 require("@testing-library/jest-dom");
 var _react2 = require("@testing-library/react");
 var _index = require("../index.js");
-var _index2 = require("../../../context/GradebookConfigContext/index.js");
-var _index3 = require("../../../context/GradebookAppContext/index.js");
+var _index2 = require("../../../context/GradebookAppContext/index.js");
 var FlashAlert = _interopRequireWildcard(require("../../../../FlashAlert/index.js"));
 _globals.jest.mock("../../../../FlashAlert");
 describe('SettingsTray', function () {
@@ -50,34 +49,20 @@ describe('SettingsTray', function () {
       }
     })));
   };
-  var createConfig = function createConfig() {
-    var overrides = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    return {
-      components: (0, _objectSpread2.default)({
-        StudentPopover: function StudentPopover() {
-          return null;
-        },
-        SettingsTrayContent: MockSettingsTrayContent
-      }, overrides)
-    };
-  };
   var renderWithProviders = function renderWithProviders() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    var configOverrides = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    var settingsOverrides = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-    var config = createConfig(configOverrides);
+    var settingsOverrides = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     var settingsConfig = (0, _objectSpread2.default)({
       settings: defaultSettings,
       onSave: defaultMockOnSave
     }, settingsOverrides);
-    return (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index2.GradebookConfigProvider, {
-      config: config
-    }, /*#__PURE__*/_react.default.createElement(_index3.GradebookAppProvider, {
+    return (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index2.GradebookAppProvider, {
       settings: settingsConfig
     }, /*#__PURE__*/_react.default.createElement(_index.SettingsTray, Object.assign({
       open: false,
-      onDismiss: _globals.jest.fn()
-    }, props)))));
+      onDismiss: _globals.jest.fn(),
+      SettingsTrayContent: MockSettingsTrayContent
+    }, props))));
   };
   beforeEach(function () {
     _globals.jest.clearAllMocks();
@@ -109,15 +94,14 @@ describe('SettingsTray', function () {
       (0, _globals.expect)(_react2.screen.getByText('Cancel')).toBeInTheDocument();
       (0, _globals.expect)(_react2.screen.getByText('Save')).toBeInTheDocument();
     });
-    it('renders SettingsTrayContent from config', function () {
+    it('renders SettingsTrayContent from prop', function () {
       var CustomSettingsTrayContent = function CustomSettingsTrayContent() {
         return /*#__PURE__*/_react.default.createElement("div", {
           "data-testid": "custom-content"
         }, "Custom");
       };
       renderWithProviders({
-        open: true
-      }, {
+        open: true,
         SettingsTrayContent: CustomSettingsTrayContent
       });
       (0, _globals.expect)(_react2.screen.getByTestId('custom-content')).toBeInTheDocument();
@@ -129,19 +113,17 @@ describe('SettingsTray', function () {
           open: false
         }),
         rerender = _renderWithProviders.rerender;
-      var config = createConfig();
       var settingsConfig = {
         settings: defaultSettings,
         onSave: defaultMockOnSave
       };
-      rerender(/*#__PURE__*/_react.default.createElement(_index2.GradebookConfigProvider, {
-        config: config
-      }, /*#__PURE__*/_react.default.createElement(_index3.GradebookAppProvider, {
+      rerender(/*#__PURE__*/_react.default.createElement(_index2.GradebookAppProvider, {
         settings: settingsConfig
       }, /*#__PURE__*/_react.default.createElement(_index.SettingsTray, {
         open: true,
-        onDismiss: _globals.jest.fn()
-      }))));
+        onDismiss: _globals.jest.fn(),
+        SettingsTrayContent: MockSettingsTrayContent
+      })));
       (0, _globals.expect)(_react2.screen.getByLabelText('Option 1')).toBeChecked();
       (0, _globals.expect)(_react2.screen.getByLabelText('Option 2')).toHaveValue('test');
     });
@@ -181,27 +163,24 @@ describe('SettingsTray', function () {
       (0, _globals.expect)(input).toHaveValue('changed');
 
       // Close and reopen
-      var config = createConfig();
       var settingsConfig = {
         settings: defaultSettings,
         onSave: defaultMockOnSave
       };
-      rerender(/*#__PURE__*/_react.default.createElement(_index2.GradebookConfigProvider, {
-        config: config
-      }, /*#__PURE__*/_react.default.createElement(_index3.GradebookAppProvider, {
+      rerender(/*#__PURE__*/_react.default.createElement(_index2.GradebookAppProvider, {
         settings: settingsConfig
       }, /*#__PURE__*/_react.default.createElement(_index.SettingsTray, {
         open: false,
-        onDismiss: _globals.jest.fn()
-      }))));
-      rerender(/*#__PURE__*/_react.default.createElement(_index2.GradebookConfigProvider, {
-        config: config
-      }, /*#__PURE__*/_react.default.createElement(_index3.GradebookAppProvider, {
+        onDismiss: _globals.jest.fn(),
+        SettingsTrayContent: MockSettingsTrayContent
+      })));
+      rerender(/*#__PURE__*/_react.default.createElement(_index2.GradebookAppProvider, {
         settings: settingsConfig
       }, /*#__PURE__*/_react.default.createElement(_index.SettingsTray, {
         open: true,
-        onDismiss: _globals.jest.fn()
-      }))));
+        onDismiss: _globals.jest.fn(),
+        SettingsTrayContent: MockSettingsTrayContent
+      })));
 
       // Should be reset to original value
       (0, _globals.expect)(_react2.screen.getByLabelText('Option 2')).toHaveValue('test');
@@ -251,7 +230,7 @@ describe('SettingsTray', function () {
             renderWithProviders({
               open: true,
               onDismiss: onDismiss
-            }, {}, {
+            }, {
               onSave: onSave
             });
 
@@ -295,7 +274,7 @@ describe('SettingsTray', function () {
             renderWithProviders({
               open: true,
               onDismiss: onDismiss
-            }, {}, {
+            }, {
               onSave: onSave
             });
 
@@ -340,7 +319,7 @@ describe('SettingsTray', function () {
             renderWithProviders({
               open: true,
               onDismiss: onDismiss
-            }, {}, {
+            }, {
               onSave: onSave
             });
 
@@ -370,7 +349,7 @@ describe('SettingsTray', function () {
             renderWithProviders({
               open: true,
               onDismiss: onDismiss
-            }, {}, {
+            }, {
               onSave: onSave
             });
 
@@ -407,7 +386,7 @@ describe('SettingsTray', function () {
             });
             renderWithProviders({
               open: true
-            }, {}, {
+            }, {
               onSave: onSave
             });
             saveButton = _react2.screen.getByTestId('lmgb-save-settings-button');
@@ -444,7 +423,7 @@ describe('SettingsTray', function () {
             renderWithProviders({
               open: true,
               onDismiss: onDismiss
-            }, {}, {
+            }, {
               onSave: onSave
             });
 
@@ -466,8 +445,7 @@ describe('SettingsTray', function () {
         return /*#__PURE__*/_react.default.createElement("div", null, "Content");
       });
       renderWithProviders({
-        open: true
-      }, {
+        open: true,
         SettingsTrayContent: SettingsTrayContent
       });
       (0, _globals.expect)(SettingsTrayContent).toHaveBeenCalledWith(_globals.expect.objectContaining({

package/lib/components/Gradebook/toolbar/SettingsTray/index.d.ts

@@ -1,7 +1,12 @@
-import React from 'react';
-export interface SettingsTrayProps {
+import React, { ComponentType } from 'react';
+export interface SettingsTrayContentProps<TSettings> {
+    settings: TSettings;
+    onChange: (settings: TSettings) => void;
+}
+export interface SettingsTrayProps<TSettings = object> {
     open: boolean;
     onDismiss: () => void;
+    SettingsTrayContent: ComponentType<SettingsTrayContentProps<TSettings>>;
 }
 /**
  * SettingsTray component that provides the tray chrome and renders the SettingsTrayContent.
@@ -12,5 +17,5 @@ export interface SettingsTrayProps {
  * - Loading states and error handling
  * The SettingsTrayContent is purely presentational and renders the form fields.
  */
-export declare const SettingsTray: React.FC<SettingsTrayProps>;
+export declare const SettingsTray: <TSettings extends object = object>({ open, onDismiss, SettingsTrayContent, }: SettingsTrayProps<TSettings>) => React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Gradebook/toolbar/SettingsTray/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/toolbar/SettingsTray/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAYpD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2HpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/toolbar/SettingsTray/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAyB,MAAM,OAAO,CAAA;AAWnE,MAAM,WAAW,wBAAwB,CAAC,SAAS;IACjD,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAA;CACxC;AAED,MAAM,WAAW,iBAAiB,CAAC,SAAS,GAAG,MAAM;IACnD,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,mBAAmB,EAAE,aAAa,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,CAAA;CACxE;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GAAI,SAAS,SAAS,MAAM,GAAG,MAAM,EAAE,2CAI7D,iBAAiB,CAAC,SAAS,CAAC,sBAsH9B,CAAA"}

package/lib/components/Gradebook/toolbar/SettingsTray/index.js

@@ -17,9 +17,8 @@ var _uiText = require("@instructure/ui-text");
 var _uiTray = require("@instructure/ui-tray");
 var _formatMessage = _interopRequireDefault(require("format-message"));
 var _canvasTheme = require("@instructure/canvas-theme");
-var _index = require("../../context/GradebookConfigContext/index.js");
-var _index2 = require("../../context/GradebookAppContext/index.js");
-var _index3 = require("../../../FlashAlert/index.js");
+var _index = require("../../context/GradebookAppContext/index.js");
+var _index2 = require("../../../FlashAlert/index.js");
 /**
  * SettingsTray component that provides the tray chrome and renders the SettingsTrayContent.
  * This component handles:
@@ -31,15 +30,13 @@ var _index3 = require("../../../FlashAlert/index.js");
  */
 var SettingsTray = exports.SettingsTray = function SettingsTray(_ref) {
   var open = _ref.open,
-    onDismiss = _ref.onDismiss;
-  var _useGradebookConfig = (0, _index.useGradebookConfig)(),
-    components = _useGradebookConfig.components;
-  var _useGradebookApp = (0, _index2.useGradebookApp)(),
+    onDismiss = _ref.onDismiss,
+    SettingsTrayContent = _ref.SettingsTrayContent;
+  var _useGradebookApp = (0, _index.useGradebookApp)(),
     _useGradebookApp$sett = _useGradebookApp.settings,
     contextSettings = _useGradebookApp$sett.settings,
     setSettings = _useGradebookApp$sett.setSettings,
     onSave = _useGradebookApp$sett.onSave;
-  var SettingsTrayContent = components.SettingsTrayContent;
   var _useState = (0, _react.useState)(contextSettings),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     localSettings = _useState2[0],
@@ -72,13 +69,13 @@ var SettingsTray = exports.SettingsTray = function SettingsTray(_ref) {
             result = _context.v;
             if (result.success) {
               setSettings(localSettings);
-              (0, _index3.showFlashAlert)({
+              (0, _index2.showFlashAlert)({
                 message: (0, _formatMessage.default)('Your settings have been saved.'),
                 type: 'success'
               });
               onDismiss();
             } else {
-              (0, _index3.showFlashAlert)({
+              (0, _index2.showFlashAlert)({
                 message: result.error || (0, _formatMessage.default)('There was an error saving your settings. Please try again.'),
                 type: 'error'
               });
@@ -88,7 +85,7 @@ var SettingsTray = exports.SettingsTray = function SettingsTray(_ref) {
           case 3:
             _context.p = 3;
             _t = _context.v;
-            (0, _index3.showFlashAlert)({
+            (0, _index2.showFlashAlert)({
               message: (0, _formatMessage.default)('An unexpected error occurred while saving settings'),
               type: 'error',
               err: _t

package/lib/components/Gradebook/toolbar/SettingsTray/index.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/toolbar/SettingsTray/index.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAUnC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA;AAE1C,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAElB,CAAA"}
+{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/toolbar/SettingsTray/index.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAUnC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA;AAE1C,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAQlB,CAAA"}

package/lib/components/Gradebook/toolbar/SettingsTray/index.stories.js

@@ -34,7 +34,8 @@ var Default = exports.Default = {
       open: open,
       onDismiss: function onDismiss() {
         return setOpen(false);
-      }
+      },
+      SettingsTrayContent: _decorators.ExampleSettingsTrayContent
     }));
   }
 };
@@ -42,7 +43,8 @@ var Open = exports.Open = {
   render: function render() {
     return /*#__PURE__*/_react.default.createElement(_index.SettingsTray, {
       open: true,
-      onDismiss: function onDismiss() {}
+      onDismiss: function onDismiss() {},
+      SettingsTrayContent: _decorators.ExampleSettingsTrayContent
     });
   }
 };

package/lib/translated/ar/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/translated/ar/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/translated/ar/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/translated/ar/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/translated/ar/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);