@instructure/outcomes-ui 4.1.1 → 4.1.2

package/es/translated/es_ES/components/Gradebook/__tests__/index.test.js

@@ -45,24 +45,7 @@ import { GradebookApp } from "../GradebookApp.js";
 import * as i18nModule from "../../../i18n/i18n.js";
 var mockSetupI18n = i18nModule.setupI18n;
 describe('GradebookApp', function () {
-  var mockConfig = {
-    components: {
-      StudentPopover: function StudentPopover() {
-        return /*#__PURE__*/React.createElement("div", null, "Student Popover");
-      },
-      SettingsTrayContent: function SettingsTrayContent() {
-        return /*#__PURE__*/React.createElement("div", null, "Settings");
-      }
-    }
-  };
-  var mockSettingsData = {};
-  var mockOnSave = jest.fn().mockResolvedValue({
-    success: true
-  });
-  var mockSettings = {
-    settings: mockSettingsData,
-    onSave: mockOnSave
-  };
+  var mockConfig = {};
   beforeEach(function () {
     jest.clearAllMocks();
   });
@@ -72,8 +55,7 @@ describe('GradebookApp', function () {
         while (1) switch (_context.n) {
           case 0:
             render(/*#__PURE__*/React.createElement(GradebookApp, {
-              config: mockConfig,
-              settings: mockSettings
+              config: mockConfig
             }));
 
             // Should call setupI18n with default language
@@ -92,7 +74,6 @@ describe('GradebookApp', function () {
     it('renders with i18n disabled', function () {
       render(/*#__PURE__*/React.createElement(GradebookApp, {
         config: mockConfig,
-        settings: mockSettings,
         translations: {
           i18nEnabled: false
         }
@@ -110,7 +91,6 @@ describe('GradebookApp', function () {
           case 0:
             render(/*#__PURE__*/React.createElement(GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 language: 'es',
                 i18nEnabled: true
@@ -138,7 +118,6 @@ describe('GradebookApp', function () {
             };
             render(/*#__PURE__*/React.createElement(GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 language: 'fr',
                 i18nEnabled: true,
@@ -163,7 +142,6 @@ describe('GradebookApp', function () {
           case 0:
             render(/*#__PURE__*/React.createElement(GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 i18nEnabled: false
               }
@@ -180,7 +158,6 @@ describe('GradebookApp', function () {
     it('renders fallback content when no children provided', function () {
       render(/*#__PURE__*/React.createElement(GradebookApp, {
         config: mockConfig,
-        settings: mockSettings,
         translations: {
           i18nEnabled: false
         }
@@ -192,7 +169,6 @@ describe('GradebookApp', function () {
     it('passes gradebookConfig to GradebookConfigProvider', function () {
       render(/*#__PURE__*/React.createElement(GradebookApp, {
         config: mockConfig,
-        settings: mockSettings,
         translations: {
           i18nEnabled: false
         }
@@ -201,15 +177,10 @@ describe('GradebookApp', function () {
       expect(provider).toBeInTheDocument();
       var configData = provider.getAttribute('data-config');
       expect(configData).toBeTruthy();
-      var parsedConfig = JSON.parse(configData);
-      expect(parsedConfig).toMatchObject({
-        components: expect.any(Object)
-      });
     });
     it('wraps children with GradebookConfigProvider', function () {
       render(/*#__PURE__*/React.createElement(GradebookApp, {
         config: mockConfig,
-        settings: mockSettings,
         translations: {
           i18nEnabled: false
         }
@@ -228,7 +199,6 @@ describe('GradebookApp', function () {
           case 0:
             render(/*#__PURE__*/React.createElement(GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 language: 'en',
                 i18nEnabled: true
@@ -256,7 +226,6 @@ describe('GradebookApp', function () {
           case 0:
             _render = render(/*#__PURE__*/React.createElement(GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 language: 'en',
                 i18nEnabled: true
@@ -266,7 +235,6 @@ describe('GradebookApp', function () {
             expect(mockSetupI18n).toHaveBeenCalledTimes(1);
             rerender(/*#__PURE__*/React.createElement(GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 language: 'es',
                 i18nEnabled: true
@@ -299,7 +267,6 @@ describe('GradebookApp', function () {
             };
             _render2 = render(/*#__PURE__*/React.createElement(GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 language: 'en',
                 i18nEnabled: true,
@@ -309,7 +276,6 @@ describe('GradebookApp', function () {
             expect(mockSetupI18n).toHaveBeenCalledWith('en', overrides1);
             rerender(/*#__PURE__*/React.createElement(GradebookApp, {
               config: mockConfig,
-              settings: mockSettings,
               translations: {
                 language: 'en',
                 i18nEnabled: true,
@@ -329,7 +295,6 @@ describe('GradebookApp', function () {
     it('does not re-run setupI18n when i18nEnabled changes to false', function () {
       var _render3 = render(/*#__PURE__*/React.createElement(GradebookApp, {
           config: mockConfig,
-          settings: mockSettings,
           translations: {
             language: 'en',
             i18nEnabled: true
@@ -339,7 +304,6 @@ describe('GradebookApp', function () {
       expect(mockSetupI18n).toHaveBeenCalledTimes(1);
       rerender(/*#__PURE__*/React.createElement(GradebookApp, {
         config: mockConfig,
-        settings: mockSettings,
         translations: {
           i18nEnabled: false
         }
@@ -350,29 +314,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.createElement("div", null, "Popover");
-          },
-          SettingsTrayContent: function SettingsTrayContent() {
-            return /*#__PURE__*/React.createElement("div", null, "Settings");
-          }
-        }
-      };
-      var customSettingsData = {
-        customOption: true
-      };
-      var customOnSave = jest.fn().mockResolvedValue({
-        success: true
-      });
+    it('accepts gradebookConfig', function () {
+      var customConfig = {};
       render(/*#__PURE__*/React.createElement(GradebookApp, {
         config: customConfig,
-        settings: {
-          settings: customSettingsData,
-          onSave: customOnSave
-        },
         translations: {
           i18nEnabled: false
         }

package/es/translated/es_ES/components/Gradebook/context/GradebookConfigContext/GradebookConfigContext.js

@@ -1,3 +1,2 @@
 import { createContext } from 'react';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export var GradebookConfigContext = /*#__PURE__*/createContext(null);

package/es/translated/es_ES/components/Gradebook/context/GradebookConfigContext/__tests__/GradebookConfigContext.test.js

@@ -2,53 +2,50 @@ import React from 'react';
 import { expect } from '@jest/globals';
 import '@testing-library/jest-dom';
 import { render, screen } from '@testing-library/react';
-import { GradebookConfigProvider, useGradebookConfig } from "../../../../../../lib/index.js"; // Test component that uses the config hook
+import { GradebookConfigProvider, useGradebookConfig } from "../../../../../../lib/index.js";
+// Test component that uses the config hook
 var TestConfigConsumer = function TestConfigConsumer() {
   var config = useGradebookConfig();
   return /*#__PURE__*/React.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 = 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.createElement("div", {
-    "data-testid": "component-count"
-  }, componentCount);
+    "data-testid": "mastery-level-count"
+  }, availableLevels);
 };
-var DEFAULT_CONFIG = {
-  components: {
-    StudentPopover: function StudentPopover() {
-      return /*#__PURE__*/React.createElement("div", null, "Mock StudentPopover");
-    },
-    SettingsTrayContent: function SettingsTrayContent() {
-      return /*#__PURE__*/React.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 () {
       render(/*#__PURE__*/React.createElement(GradebookConfigProvider, {
-        config: DEFAULT_CONFIG
+        config: CONFIG_WITH_MASTERY
       }, /*#__PURE__*/React.createElement(TestConfigConsumer, null)));
-      expect(screen.getByTestId('config-consumer')).toHaveTextContent('has-student-popover');
+      expect(screen.getByTestId('config-consumer')).toHaveTextContent('has-mastery-config');
     });
-    it('requires components field', function () {
+    it('allows empty config', function () {
       render(/*#__PURE__*/React.createElement(GradebookConfigProvider, {
         config: DEFAULT_CONFIG
       }, /*#__PURE__*/React.createElement(TestConfigConsumer, null)));
       expect(screen.getByTestId('config-consumer')).toBeInTheDocument();
-      expect(screen.getByTestId('config-consumer')).toHaveTextContent('has-student-popover');
+      expect(screen.getByTestId('config-consumer')).toHaveTextContent('no-mastery-config');
     });
-    it('requires StudentPopover in components', function () {
+    it('provides mastery level config when specified', function () {
       render(/*#__PURE__*/React.createElement(GradebookConfigProvider, {
-        config: DEFAULT_CONFIG
-      }, /*#__PURE__*/React.createElement(TestComponentsConsumer, null)));
-      expect(screen.getByTestId('component-count')).toHaveTextContent('2');
+        config: CONFIG_WITH_MASTERY
+      }, /*#__PURE__*/React.createElement(TestMasteryLevelConsumer, null)));
+      expect(screen.getByTestId('mastery-level-count')).toHaveTextContent('3');
     });
   });
   describe('useGradebookConfig', function () {
@@ -62,24 +59,24 @@ describe('GradebookConfigContext', function () {
     });
     it('returns config when used inside provider', function () {
       render(/*#__PURE__*/React.createElement(GradebookConfigProvider, {
-        config: DEFAULT_CONFIG
+        config: CONFIG_WITH_MASTERY
       }, /*#__PURE__*/React.createElement(TestConfigConsumer, null)));
-      expect(screen.getByTestId('config-consumer')).toHaveTextContent('has-student-popover');
+      expect(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 () {});
       expect(function () {
-        render(/*#__PURE__*/React.createElement(TestComponentsConsumer, null));
+        render(/*#__PURE__*/React.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 () {
       render(/*#__PURE__*/React.createElement(GradebookConfigProvider, {
-        config: DEFAULT_CONFIG
-      }, /*#__PURE__*/React.createElement(TestComponentsConsumer, null)));
-      expect(screen.getByTestId('component-count')).toHaveTextContent('2');
+        config: CONFIG_WITH_MASTERY
+      }, /*#__PURE__*/React.createElement(TestMasteryLevelConsumer, null)));
+      expect(screen.getByTestId('mastery-level-count')).toHaveTextContent('3');
     });
   });
 });

package/es/translated/es_ES/components/Gradebook/gradebook-table/ScoreCellContent/__tests__/index.test.js

@@ -79,12 +79,12 @@ describe('ScoreCellContent', function () {
       fireEvent.click(button);
       expect(onAction).toHaveBeenCalledTimes(1);
     });
-    it('disables action button when onAction is undefined', function () {
+    it('does not show action button when onAction is undefined', function () {
       render(/*#__PURE__*/React.createElement(ScoreCellContent, Object.assign({}, defaultProps, {
         onAction: void 0,
         focus: true
       })));
-      expect(screen.queryByTestId('score-cell-action-button')).toHaveAttribute('disabled');
+      expect(screen.queryByTestId('score-cell-action-button')).not.toBeInTheDocument();
     });
   });
   describe('scoreDisplayFormat', function () {

package/es/translated/es_ES/components/Gradebook/gradebook-table/ScoreCellContent/index.js

@@ -20,7 +20,7 @@ export var ScoreCellContent = function ScoreCellContent(_ref) {
     hoverInternal = _useState2[0],
     setHoverInternal = _useState2[1];
   var hover = hoverControlled !== null && hoverControlled !== void 0 ? hoverControlled : hoverInternal;
-  var showAction = focus || hover;
+  var showAction = onAction && (focus || hover);
   var handleMouseEnter = function handleMouseEnter() {
     if (hoverControlled === void 0) {
       setHoverInternal(true);
@@ -66,7 +66,6 @@ export var ScoreCellContent = function ScoreCellContent(_ref) {
     renderIcon: /*#__PURE__*/React.createElement(IconExpandStartLine, null),
     screenReaderLabel: "View Contributing Score Details",
     onClick: onAction,
-    disabled: !onAction,
     "data-testid": "score-cell-action-button"
   })));
 };

package/es/translated/es_ES/components/Gradebook/gradebook-table/ScoreCellContent/index.stories.js

@@ -6,6 +6,11 @@ import { ScoreCellContent } from "./index.js";
 var meta = {
   title: 'Gradebook/ScoreCellContent',
   component: ScoreCellContent,
+  parameters: {
+    actions: {
+      argTypesRegex: ''
+    } // Disable auto-actions
+  },
   decorators: [function (Story) {
     return /*#__PURE__*/React.createElement(View, {
       width: "200px",

package/es/translated/es_ES/components/Gradebook/gradebook-table/StudentCell/__tests__/index.test.js

@@ -4,19 +4,7 @@ import { expect } from '@jest/globals';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { SecondaryInfoDisplay, NameDisplayFormat } from "../../../../../util/gradebook/constants.js";
-import { GradebookConfigProvider } from "../../../context/GradebookConfigContext/index.js";
-import { mockMasteryScores } from "../../../__mocks__/mockData.js";
 import { StudentCell } from "../index.js";
-jest.mock("../../../popovers/StudentPopover", function () {
-  return {
-    StudentPopover: function StudentPopover(_ref) {
-      var studentName = _ref.studentName;
-      return /*#__PURE__*/React.createElement("div", {
-        "data-testid": "student-popover"
-      }, studentName);
-    }
-  };
-});
 var mockStudent = {
   id: '123',
   name: 'Jane Doe',
@@ -28,82 +16,54 @@ var mockStudent = {
   avatar_url: 'https://example.com/avatar.jpg',
   status: 'active'
 };
-var DEFAULT_CONFIG = {
-  components: {
-    StudentPopover: function StudentPopover(_ref2) {
-      var studentName = _ref2.studentName;
-      return /*#__PURE__*/React.createElement("div", {
-        "data-testid": "student-popover"
-      }, studentName);
-    },
-    SettingsTrayContent: function SettingsTrayContent() {
-      return /*#__PURE__*/React.createElement("div", null, "Settings Content");
-    }
-  }
-};
-var renderWithConfig = function renderWithConfig(ui) {
-  var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : DEFAULT_CONFIG;
-  return render(/*#__PURE__*/React.createElement(GradebookConfigProvider, {
-    config: config
-  }, ui));
-};
 describe('StudentCell', function () {
   var defaultProps = {
-    courseId: 'course-1',
     student: mockStudent,
-    masteryScores: mockMasteryScores
+    studentPopover: /*#__PURE__*/React.createElement("div", {
+      "data-testid": "student-popover"
+    }, "Jane Doe")
   };
   describe('rendering', function () {
     it('renders the student cell with default props', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
+      render(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
       expect(screen.getByTestId('student-cell')).toBeInTheDocument();
     });
     it('renders the student avatar by default', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
+      render(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
       expect(screen.getByTestId('student-avatar')).toBeInTheDocument();
     });
     it('does not render the student avatar when showStudentAvatar is false', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
+      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
         showStudentAvatar: false
       })));
       expect(screen.queryByTestId('student-avatar')).not.toBeInTheDocument();
     });
-    it('renders the StudentPopover component', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
-      expect(screen.getByTestId('student-popover')).toBeInTheDocument();
-    });
-    it('passes masteryScores to StudentPopover', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
-        masteryScores: mockMasteryScores
-      })));
+    it('renders the student popover', function () {
+      render(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
       expect(screen.getByTestId('student-popover')).toBeInTheDocument();
     });
   });
-  describe('student name display', function () {
-    it('displays student display_name by default', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
+  describe('student popover content', function () {
+    it('renders the provided student popover content', function () {
+      render(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
       expect(screen.getByTestId('student-popover')).toHaveTextContent('Jane Doe');
     });
-    it('displays student display_name when nameDisplayFormat is FIRST_LAST', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
-        nameDisplayFormat: NameDisplayFormat.FIRST_LAST
-      })));
-      expect(screen.getByTestId('student-popover')).toHaveTextContent('Jane Doe');
-    });
-    it('displays student sortable_name when nameDisplayFormat is LAST_FIRST', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
-        nameDisplayFormat: NameDisplayFormat.LAST_FIRST
+    it('can render custom popover content', function () {
+      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
+        studentPopover: /*#__PURE__*/React.createElement("div", {
+          "data-testid": "custom-popover"
+        }, "Custom Content")
       })));
-      expect(screen.getByTestId('student-popover')).toHaveTextContent('Doe, Jane');
+      expect(screen.getByTestId('custom-popover')).toHaveTextContent('Custom Content');
     });
   });
   describe('secondary info display', function () {
     it('does not render secondary info when secondaryInfoDisplay is not provided', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
+      render(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
       expect(screen.queryByTestId('student-secondary-info')).not.toBeInTheDocument();
     });
     it('renders SIS ID when secondaryInfoDisplay is SIS_ID', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
+      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
         secondaryInfoDisplay: SecondaryInfoDisplay.SIS_ID
       })));
       var secondaryInfo = screen.getByTestId('student-secondary-info');
@@ -111,7 +71,7 @@ describe('StudentCell', function () {
       expect(secondaryInfo).toHaveTextContent('SIS123');
     });
     it('renders integration ID when secondaryInfoDisplay is INTEGRATION_ID', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
+      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
         secondaryInfoDisplay: SecondaryInfoDisplay.INTEGRATION_ID
       })));
       var secondaryInfo = screen.getByTestId('student-secondary-info');
@@ -119,7 +79,7 @@ describe('StudentCell', function () {
       expect(secondaryInfo).toHaveTextContent('INT456');
     });
     it('renders login ID when secondaryInfoDisplay is LOGIN_ID', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
+      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
         secondaryInfoDisplay: SecondaryInfoDisplay.LOGIN_ID
       })));
       var secondaryInfo = screen.getByTestId('student-secondary-info');
@@ -130,7 +90,7 @@ describe('StudentCell', function () {
       var studentWithoutSIS = _objectSpread(_objectSpread({}, mockStudent), {}, {
         sis_id: void 0
       });
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
+      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
         student: studentWithoutSIS,
         secondaryInfoDisplay: SecondaryInfoDisplay.SIS_ID
       })));
@@ -142,7 +102,7 @@ describe('StudentCell', function () {
       var studentWithoutIntegrationId = _objectSpread(_objectSpread({}, mockStudent), {}, {
         integration_id: void 0
       });
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
+      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
         student: studentWithoutIntegrationId,
         secondaryInfoDisplay: SecondaryInfoDisplay.INTEGRATION_ID
       })));
@@ -154,7 +114,7 @@ describe('StudentCell', function () {
       var studentWithoutLoginId = _objectSpread(_objectSpread({}, mockStudent), {}, {
         login_id: void 0
       });
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
+      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
         student: studentWithoutLoginId,
         secondaryInfoDisplay: SecondaryInfoDisplay.LOGIN_ID
       })));
@@ -163,7 +123,7 @@ describe('StudentCell', function () {
       expect(secondaryInfo).toHaveTextContent('');
     });
     it('does not render secondary info when secondaryInfoDisplay is NONE', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
+      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
         secondaryInfoDisplay: SecondaryInfoDisplay.NONE
       })));
       expect(screen.queryByTestId('student-secondary-info')).not.toBeInTheDocument();
@@ -171,14 +131,14 @@ describe('StudentCell', function () {
   });
   describe('student status', function () {
     it('does not render status badge for active students', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
+      render(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
       expect(screen.queryByTestId('student-status')).not.toBeInTheDocument();
     });
     it('renders status badge for inactive students', function () {
       var inactiveStudent = _objectSpread(_objectSpread({}, mockStudent), {}, {
         status: 'inactive'
       });
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
+      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
         student: inactiveStudent
       })));
       var status = screen.getByTestId('student-status');
@@ -189,7 +149,7 @@ describe('StudentCell', function () {
       var concludedStudent = _objectSpread(_objectSpread({}, mockStudent), {}, {
         status: 'concluded'
       });
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
+      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
         student: concludedStudent
       })));
       var status = screen.getByTestId('student-status');
@@ -199,17 +159,17 @@ describe('StudentCell', function () {
   });
   describe('avatar', function () {
     it('sets avatar name from student name', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
+      render(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
       var avatar = screen.getByTestId('student-avatar');
       expect(avatar).toBeInTheDocument();
     });
     it('sets avatar src from student avatar_url', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
+      render(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
       var avatar = screen.getByTestId('student-avatar');
       expect(avatar).toBeInTheDocument();
     });
     it('uses sortable_name for avatar when nameDisplayFormat is LAST_FIRST', function () {
-      renderWithConfig(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
+      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
         nameDisplayFormat: NameDisplayFormat.LAST_FIRST
       })));
       var avatar = screen.getByTestId('student-avatar');

package/es/translated/es_ES/components/Gradebook/gradebook-table/StudentCell/index.js

@@ -3,7 +3,6 @@ import { Avatar } from '@instructure/ui-avatar';
 import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
 import { SecondaryInfoDisplay, NameDisplayFormat } from "../../../../util/gradebook/constants.js";
-import { useGradebookConfig } from "../../context/GradebookConfigContext/index.js";
 var getSecondaryInfo = function getSecondaryInfo(student, secondaryInfoDisplay) {
   if (!secondaryInfoDisplay) return null;
   switch (secondaryInfoDisplay) {
@@ -18,16 +17,12 @@ var getSecondaryInfo = function getSecondaryInfo(student, secondaryInfoDisplay)
   }
 };
 export var StudentCell = function StudentCell(_ref) {
-  var courseId = _ref.courseId,
-    student = _ref.student,
-    masteryScores = _ref.masteryScores,
+  var student = _ref.student,
     secondaryInfoDisplay = _ref.secondaryInfoDisplay,
     _ref$showStudentAvata = _ref.showStudentAvatar,
     showStudentAvatar = _ref$showStudentAvata === void 0 ? true : _ref$showStudentAvata,
-    nameDisplayFormat = _ref.nameDisplayFormat;
-  var _useGradebookConfig = useGradebookConfig(),
-    components = _useGradebookConfig.components;
-  var StudentPopover = components.StudentPopover;
+    nameDisplayFormat = _ref.nameDisplayFormat,
+    studentPopover = _ref.studentPopover;
   var shouldShowStudentStatus = student.status === 'inactive' || student.status === 'concluded';
   var secondaryInfo = getSecondaryInfo(student, secondaryInfoDisplay);
   var studentName = nameDisplayFormat === NameDisplayFormat.LAST_FIRST ? student.sortable_name : student.display_name;
@@ -49,13 +44,7 @@ export var StudentCell = function StudentCell(_ref) {
   }, /*#__PURE__*/React.createElement(Flex, {
     direction: "column",
     textAlign: "start"
-  }, /*#__PURE__*/React.createElement(StudentPopover, {
-    key: student.id,
-    student: student,
-    studentName: studentName,
-    courseId: courseId,
-    masteryScores: masteryScores
-  }), secondaryInfo !== null && /*#__PURE__*/React.createElement(Text, {
+  }, studentPopover, secondaryInfo !== null && /*#__PURE__*/React.createElement(Text, {
     size: "legend",
     color: "secondary",
     "data-testid": "student-secondary-info"