@instructure/outcomes-ui 4.1.1 → 4.1.3

package/lib/translated/en-IE/components/Gradebook/table/Table/index.js

@@ -30,27 +30,47 @@ var TableComponent = exports.TableComponent = function TableComponent(_ref) {
     dragDropConfig = _ref.dragDropConfig,
     tableProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var tableRef = (0, _react.useRef)(null);
-  var getCellElement = (0, _react.useCallback)(function (rowIndex, colIndex) {
+  var columnsRef = (0, _react.useRef)(columns);
+
+  // Keep columnsRef in sync with latest columns
+  (0, _react.useEffect)(function () {
+    columnsRef.current = columns;
+  }, [columns]);
+  var getCellElement = (0, _react.useCallback)(function (rowIndex, colKey) {
     if (!tableRef.current) return null;
-    var cellId;
-    if (rowIndex === -1) {
-      cellId = "header-".concat(colIndex);
-    } else {
-      cellId = "cell-".concat(rowIndex, "-").concat(colIndex);
-    }
-    return tableRef.current.querySelector("[data-cell-id=\"".concat(cellId, "\"]"));
+    var selector = "[data-row-index=\"".concat(rowIndex, "\"][data-col-key=\"").concat(colKey, "\"]");
+    return tableRef.current.querySelector(selector);
   }, []);
-  var focusCell = (0, _react.useCallback)(function (rowIndex, colIndex) {
-    var cell = getCellElement(rowIndex, colIndex);
+  var focusCell = (0, _react.useCallback)(function (rowIndex, colKey) {
+    var cell = getCellElement(rowIndex, colKey);
     if (cell) {
+      if (rowIndex === -1) {
+        var focusable = cell.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+        if (focusable) {
+          focusable.focus();
+          return;
+        }
+      }
       cell.focus();
     }
   }, [getCellElement]);
-  var handleKeyDown = (0, _react.useCallback)(function (event, rowIndex, colIndex) {
-    if (event.target !== event.currentTarget) return;
+  var handleKeyDown = (0, _react.useCallback)(function (event) {
+    // Allow arrow key navigation from the cell itself or from buttons within the cell
+    // (e.g., header options menu), but prevent navigation from other interactive elements
+    // (e.g., chart components that have their own keyboard navigation)
+    if (event.target !== event.currentTarget) {
+      var _target = event.target;
+      var isButton = _target.tagName === 'BUTTON' || _target.getAttribute('role') === 'button';
+      if (!isButton) {
+        return;
+      }
+    }
+    var target = event.currentTarget;
+    var rowIndex = parseInt(target.dataset.rowIndex || '0', 10);
+    var colKey = target.dataset.colKey || '';
     var key = event.key;
     var newRowIndex = rowIndex;
-    var newColIndex = colIndex;
+    var newColKey = colKey;
     switch (key) {
       case 'ArrowUp':
         {
@@ -67,30 +87,44 @@ var TableComponent = exports.TableComponent = function TableComponent(_ref) {
         newRowIndex = Math.min(data.length - 1, rowIndex + 1);
         break;
       case 'ArrowLeft':
-        event.preventDefault();
-        newColIndex = Math.max(0, colIndex - 1);
-        break;
+        {
+          var _columnsRef$current$n;
+          event.preventDefault();
+          var currentColIndex = columnsRef.current.findIndex(function (col) {
+            return col.key === colKey;
+          });
+          var newColIndex = Math.max(0, currentColIndex - 1);
+          newColKey = ((_columnsRef$current$n = columnsRef.current[newColIndex]) === null || _columnsRef$current$n === void 0 ? void 0 : _columnsRef$current$n.key) || colKey;
+          break;
+        }
       case 'ArrowRight':
-        event.preventDefault();
-        newColIndex = Math.min(columns.length - 1, colIndex + 1);
-        break;
+        {
+          var _columnsRef$current$_;
+          event.preventDefault();
+          var _currentColIndex = columnsRef.current.findIndex(function (col) {
+            return col.key === colKey;
+          });
+          var _newColIndex = Math.min(columnsRef.current.length - 1, _currentColIndex + 1);
+          newColKey = ((_columnsRef$current$_ = columnsRef.current[_newColIndex]) === null || _columnsRef$current$_ === void 0 ? void 0 : _columnsRef$current$_.key) || colKey;
+          break;
+        }
       default:
         return;
     }
-    if (newRowIndex !== rowIndex || newColIndex !== colIndex) {
-      focusCell(newRowIndex, newColIndex);
+    if (newRowIndex !== rowIndex || newColKey !== colKey) {
+      focusCell(newRowIndex, newColKey);
     }
-  }, [data.length, columns.length, focusCell, renderAboveHeader]);
+  }, [data.length, focusCell, renderAboveHeader]);
   var renderColHeader = (0, _react.useCallback)(function (col, colIndex, draggableIndex, dragDropConfig) {
     var colHeaderProps = (0, _objectSpread2.default)({
       id: col.key,
       width: col.width,
       isSticky: col.isSticky,
-      'data-cell-id': "header-".concat(colIndex),
+      'data-cell-id': "header-".concat(col.key),
+      'data-row-index': -1,
+      'data-col-key': col.key,
       tabIndex: 0,
-      onKeyDown: function onKeyDown(e) {
-        return handleKeyDown(e, -1, colIndex);
-      }
+      onKeyDown: handleKeyDown
     }, col.colHeaderProps);
     var dragLabel = col.dragLabel || col.key;
     return col.draggable && dragDropConfig ? /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({
@@ -143,14 +177,14 @@ var TableComponent = exports.TableComponent = function TableComponent(_ref) {
     return /*#__PURE__*/_react.default.createElement(_uiTable.Table.Body, null, data.map(function (row, rowIndex) {
       return /*#__PURE__*/_react.default.createElement(_index5.Row, {
         key: rowIndex
-      }, columns.map(function (col, colIndex) {
+      }, columns.map(function (col) {
         var props = (0, _objectSpread2.default)({
           id: "".concat(rowIndex, "-").concat(col.key),
-          'data-cell-id': "cell-".concat(rowIndex, "-").concat(colIndex),
+          'data-cell-id': "cell-".concat(rowIndex, "-").concat(col.key),
+          'data-row-index': rowIndex,
+          'data-col-key': col.key,
           tabIndex: 0,
-          onKeyDown: function onKeyDown(e) {
-            return handleKeyDown(e, rowIndex, colIndex);
-          },
+          onKeyDown: handleKeyDown,
           isSticky: col.isSticky
         }, col.cellProps);
         if (col.isRowHeader) {
@@ -178,6 +212,7 @@ var TableComponent = exports.TableComponent = function TableComponent(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_uiView.View, {
     as: "div",
     overflowX: "auto",
+    padding: "none none small none",
     elementRef: function elementRef(el) {
       if (el instanceof HTMLDivElement) {
         ;

package/lib/translated/en-IE/components/Gradebook/table/Table/index.stories.js

@@ -219,22 +219,66 @@ var WithCustomCell = exports.WithCustomCell = {
     data: sampleData
   }
 };
+
+// Performance test data generation
+
+// Stable render function for performance test cells (defined once, reused everywhere)
+var renderPerformanceCell = function renderPerformanceCell(cellData) {
+  return /*#__PURE__*/_react.default.createElement(_uiText.Text, null, cellData);
+};
+var generatePerformanceTestData = function generatePerformanceTestData(numRows, numCols) {
+  var data = Array.from({
+    length: numRows
+  }, function (_, i) {
+    var row = {
+      id: "".concat(i + 1),
+      student: "Student ".concat(i + 1)
+    };
+    // Dynamically add columns
+    for (var j = 1; j <= numCols; j++) {
+      row["col".concat(j)] = Math.floor(Math.random() * 100);
+    }
+    return row;
+  });
+  var columns = [{
+    key: 'student',
+    header: 'Student Name',
+    width: '150px',
+    isRowHeader: true,
+    draggable: false
+  }].concat((0, _toConsumableArray2.default)(Array.from({
+    length: numCols
+  }, function (_, i) {
+    return {
+      key: "col".concat(i + 1),
+      header: "Column ".concat(i + 1),
+      width: '120px',
+      draggable: true,
+      render: renderPerformanceCell // Use the stable function reference
+    };
+  })));
+  return {
+    data: data,
+    columns: columns
+  };
+};
 var WithDraggableColumns = exports.WithDraggableColumns = {
   parameters: {
     storyshots: {
       disable: true
     }
   },
-  render: function render(args) {
-    var _React$useState = _react.default.useState(basicColumns.map(function (col) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, col), {}, {
-          draggable: col.key !== 'name' // All columns except name are draggable
-        });
-      })),
+  render: function render() {
+    var testData = _react.default.useMemo(function () {
+      return generatePerformanceTestData(100, 99);
+    }, []);
+    var _React$useState = _react.default.useState(function () {
+        return testData.columns;
+      }),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
       columns = _React$useState2[0],
       setColumns = _React$useState2[1];
-    var handleMove = function handleMove(draggedId, hoverIndex) {
+    var handleMove = _react.default.useCallback(function (draggedId, hoverIndex) {
       setColumns(function (prevColumns) {
         // Get only draggable columns
         var draggableColumns = prevColumns.filter(function (col) {
@@ -262,28 +306,23 @@ var WithDraggableColumns = exports.WithDraggableColumns = {
         });
         return [].concat((0, _toConsumableArray2.default)(nonDraggableColumns), (0, _toConsumableArray2.default)(newDraggableColumns));
       });
-    };
-    var handleDragEnd = function handleDragEnd() {
-      // eslint-disable-next-line no-console
-      console.log('Drag ended - final column order:', columns.map(function (c) {
-        return c.key;
-      }));
-    };
+    }, []);
+    var dragDropConfig = _react.default.useMemo(function () {
+      return {
+        type: 'COLUMN',
+        enabled: true,
+        onMove: handleMove
+      };
+    }, [handleMove]);
     var DraggableTable = _index.Table;
-    return /*#__PURE__*/_react.default.createElement(DraggableTable, Object.assign({}, args, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("style", null, "\n            #performance-test-table {\n              border-spacing: 24px 0;\n              border-collapse: separate;\n            }\n          "), /*#__PURE__*/_react.default.createElement(DraggableTable, {
+      id: "performance-test-table",
+      caption: "Table with Draggable Columns (100\xD7100) - Drag columns to reorder",
       columns: columns,
+      data: testData.data,
       layout: "fixed",
-      dragDropConfig: {
-        type: 'COLUMN',
-        enabled: true,
-        onMove: handleMove,
-        onDragEnd: handleDragEnd
-      }
+      dragDropConfig: dragDropConfig
     }));
-  },
-  args: {
-    caption: 'Table with Draggable Columns (drag columns to reorder)',
-    data: sampleData
   }
 };
 var WithAboveHeaderRow = exports.WithAboveHeaderRow = {

package/lib/translated/en-IE/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/translated/en-IE/components/Gradebook/toolbar/SettingsTray/index.js

@@ -16,9 +16,8 @@ var _uiFlex = require("@instructure/ui-flex");
 var _uiText = require("@instructure/ui-text");
 var _uiTray = require("@instructure/ui-tray");
 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:
@@ -30,15 +29,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],
@@ -71,13 +68,13 @@ var SettingsTray = exports.SettingsTray = function SettingsTray(_ref) {
             result = _context.v;
             if (result.success) {
               setSettings(localSettings);
-              (0, _index3.showFlashAlert)({
+              (0, _index2.showFlashAlert)({
                 message: "Your settings have been saved.",
                 type: 'success'
               });
               onDismiss();
             } else {
-              (0, _index3.showFlashAlert)({
+              (0, _index2.showFlashAlert)({
                 message: result.error || "There was an error saving your settings. Please try again.",
                 type: 'error'
               });
@@ -87,7 +84,7 @@ var SettingsTray = exports.SettingsTray = function SettingsTray(_ref) {
           case 3:
             _context.p = 3;
             _t = _context.v;
-            (0, _index3.showFlashAlert)({
+            (0, _index2.showFlashAlert)({
               message: "An unexpected error occurred while saving settings",
               type: 'error',
               err: _t

package/lib/translated/en-IE/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/en-IE/util/gradebook/constants.js

@@ -38,6 +38,8 @@ var ScoreDisplayFormat = exports.ScoreDisplayFormat = /*#__PURE__*/function (Sco
   ScoreDisplayFormat["ICON_ONLY"] = "icon_only";
   ScoreDisplayFormat["ICON_AND_POINTS"] = "icon_and_points";
   ScoreDisplayFormat["ICON_AND_LABEL"] = "icon_and_label";
+  ScoreDisplayFormat["PERCENT"] = "percent";
+  ScoreDisplayFormat["PERCENT_AND_RATIO"] = "percent_and_ratio";
   return ScoreDisplayFormat;
 }({});
 var OutcomeArrangement = exports.OutcomeArrangement = /*#__PURE__*/function (OutcomeArrangement) {

package/lib/translated/es/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/es/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,