@instructure/outcomes-ui 4.1.2 → 4.1.3

package/lib/components/Gradebook/popovers/StudentPopover/index.stories.js

@@ -4,10 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SingleSection = exports.NoSections = exports.NoScores = exports.ManySections = exports.LowPerformingStudent = exports.LongStudentName = exports.LongCourseName = exports.Loading = exports.HighPerformingStudent = exports.ErrorMessage = exports.Default = exports.CustomMasteryScores = exports.CustomMasteryLevelConfig = exports.CustomHeader = exports.CustomActions = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports.default = exports.WithLongMetaData = exports.WithLongDescription = exports.WithDescriptionOnly = exports.NoScores = exports.LowPerformingStudent = exports.LongStudentName = exports.Loading = exports.HighPerformingStudent = exports.ErrorMessage = exports.Default = exports.CustomMasteryScores = exports.CustomMasteryLevelConfig = exports.CustomHeader = exports.CustomActions = void 0;
 var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _addonActions = require("@storybook/addon-actions");
 var _testingLibrary = require("@storybook/testing-library");
@@ -16,7 +16,8 @@ var _uiFlex = require("@instructure/ui-flex");
 var _uiText = require("@instructure/ui-text");
 var _uiButtons = require("@instructure/ui-buttons");
 var _decorators = require("../../storybook/decorators.js");
-var _mockData = require("../../__mocks__/mockData.js");
+var _mockData = require("../../gradebook-table/StudentCell/__mocks__/mockData.js");
+var _mockData2 = require("./__mocks__/mockData.js");
 var _index = require("../../../../index.js");
 // Storybook's args type (Partial<Props>) doesn't handle discriminated
 // unions in StudentPopoverProps so define a flatten version of it
@@ -33,14 +34,14 @@ var meta = {
 };
 var _default = exports.default = meta;
 var createStoryArgs = function createStoryArgs(student) {
-  var masteryScores = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _mockData.mockMasteryScores;
-  return {
+  var masteryScores = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _mockData2.mockMasteryScores;
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({
     student: student,
-    studentName: student.display_name,
-    userDetails: _mockData.mockUserDetailsDefault,
+    studentName: student.displayName
+  }, _mockData2.mockCaptionDefault), {}, {
     masteryScores: masteryScores,
     studentGradesUrl: "/courses/123/grades/".concat(student.id)
-  };
+  });
 };
 var openPopover = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regenerator2.default)().m(function _callee(_ref) {
@@ -70,42 +71,39 @@ var Default = exports.Default = {
   play: openPopover
 };
 var HighPerformingStudent = exports.HighPerformingStudent = {
-  args: createStoryArgs(_mockData.mockStudent, _mockData.highMasteryScores),
+  args: createStoryArgs(_mockData.mockStudent, _mockData2.highMasteryScores),
   play: openPopover
 };
 var LowPerformingStudent = exports.LowPerformingStudent = {
-  args: createStoryArgs(_mockData.mockStudent, _mockData.lowMasteryScores),
+  args: createStoryArgs(_mockData.mockStudent, _mockData2.lowMasteryScores),
   play: openPopover
 };
 var NoScores = exports.NoScores = {
-  args: createStoryArgs(_mockData.mockStudent, _mockData.unassessedMasteryScores),
+  args: createStoryArgs(_mockData.mockStudent, _mockData2.unassessedMasteryScores),
   play: openPopover
 };
 var LongStudentName = exports.LongStudentName = {
   args: createStoryArgs(_mockData.mockStudentLongName),
   play: openPopover
 };
-var LongCourseName = exports.LongCourseName = {
-  args: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, createStoryArgs((0, _mockData.createStudent)('4', 'Oliver', 'Brown'))), {}, {
-    userDetails: _mockData.mockUserDetailsLongCourseName
-  }),
-  play: openPopover
-};
-var ManySections = exports.ManySections = {
-  args: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, createStoryArgs((0, _mockData.createStudent)('3', 'Emma', 'Wilson'))), {}, {
-    userDetails: _mockData.mockUserDetailsManySections
+var WithDescriptionOnly = exports.WithDescriptionOnly = {
+  args: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, createStoryArgs(_mockData.mockStudent)), {}, {
+    description: 'Introduction to Computer Science',
+    metadata: void 0
   }),
   play: openPopover
 };
-var NoSections = exports.NoSections = {
-  args: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, createStoryArgs((0, _mockData.createStudent)('6', 'Liam', 'Miller'))), {}, {
-    userDetails: _mockData.mockUserDetailsNoSections
+var WithLongDescription = exports.WithLongDescription = {
+  args: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, createStoryArgs(_mockData.mockStudent)), {}, {
+    description: 'Advanced Placement European History: Renaissance to Modern Era',
+    metadata: 'AP Section'
   }),
   play: openPopover
 };
-var SingleSection = exports.SingleSection = {
-  args: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, createStoryArgs((0, _mockData.createStudent)('2', 'Jane', 'Doe'))), {}, {
-    userDetails: _mockData.mockUserDetailsSingleSection
+var WithLongMetaData = exports.WithLongMetaData = {
+  args: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, createStoryArgs(_mockData.mockStudent)), {}, {
+    description: 'World History',
+    metadata: 'Section A - Morning, Section B - Afternoon, Section C - Evening, Section D - Online'
   }),
   play: openPopover
 };
@@ -113,9 +111,10 @@ var CustomHeader = exports.CustomHeader = {
   args: createStoryArgs(_mockData.mockStudent),
   render: function render(args) {
     return /*#__PURE__*/_react.default.createElement(_index.StudentPopover, Object.assign({}, args, {
-      student: void 0,
+      avatarUrl: void 0,
       studentName: "John Doe",
-      userDetails: void 0,
+      description: void 0,
+      metadata: void 0,
       headerOverride: /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
         padding: "0 0 medium 0"
       }, /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement(_uiText.Text, null, "Custom Header for ", args.studentName)))
@@ -161,7 +160,7 @@ var CustomActions = exports.CustomActions = {
 };
 var Loading = exports.Loading = {
   args: {
-    studentName: _mockData.mockStudent.display_name,
+    studentName: _mockData.mockStudent.displayName,
     studentGradesUrl: "/courses/123/grades/".concat(_mockData.mockStudent.id),
     isLoading: true
   },
@@ -169,7 +168,7 @@ var Loading = exports.Loading = {
 };
 var ErrorMessage = exports.ErrorMessage = {
   args: {
-    studentName: _mockData.mockStudent.display_name,
+    studentName: _mockData.mockStudent.displayName,
     studentGradesUrl: "/courses/123/grades/".concat(_mockData.mockStudent.id),
     error: 'Failed to load student details. Please try again.'
   },

package/lib/components/Gradebook/storybook/decorators.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { NameDisplayFormat } from '../../../util/gradebook/constants';
 import type { MasteryLevelConfig } from '../context/GradebookConfigContext/GradebookConfigContext';
 import type { SettingsTrayContentProps } from '../toolbar/SettingsTray';
-import type { Student, StudentMasteryScores } from '../../../types/gradebook';
 interface ExampleCustomSettings {
     showStudentNames: boolean;
     nameDisplayFormat: NameDisplayFormat;
@@ -11,12 +10,6 @@ interface StoryWrapperProps {
     children: React.ReactNode;
     masteryLevelConfig?: MasteryLevelConfig;
 }
-interface CreateStudentPopoverProps {
-    studentName: string;
-    student?: Student;
-    masteryScores?: StudentMasteryScores;
-}
-export declare const createStudentPopover: ({ studentName, student, masteryScores }: CreateStudentPopoverProps) => React.JSX.Element;
 export declare const ExampleSettingsTrayContent: React.FC<SettingsTrayContentProps<ExampleCustomSettings>>;
 export declare const StoryWrapper: React.FC<StoryWrapperProps>;
 export {};

package/lib/components/Gradebook/storybook/decorators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../../../src/components/Gradebook/storybook/decorators.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAA;AAClG,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAA;AACvE,OAAO,KAAK,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAEtE,UAAU,qBAAqB;IAC7B,gBAAgB,EAAE,OAAO,CAAA;IACzB,iBAAiB,EAAE,iBAAiB,CAAA;CACrC;AAED,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC;AAED,UAAU,yBAAyB;IACjC,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,oBAAoB,CAAA;CACrC;AAED,eAAO,MAAM,oBAAoB,GAAI,yCAIlC,yBAAyB,sBAU3B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,qBAAqB,CAAC,CA6BhG,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2BpD,CAAA"}
+{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../../../../src/components/Gradebook/storybook/decorators.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAA;AAClG,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAA;AAEvE,UAAU,qBAAqB;IAC7B,gBAAgB,EAAE,OAAO,CAAA;IACzB,iBAAiB,EAAE,iBAAiB,CAAA;CACrC;AAED,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC;AAED,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,qBAAqB,CAAC,CA6BhG,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2BpD,CAAA"}

package/lib/components/Gradebook/storybook/decorators.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createStudentPopover = exports.StoryWrapper = exports.ExampleSettingsTrayContent = void 0;
+exports.StoryWrapper = exports.ExampleSettingsTrayContent = void 0;
 var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
@@ -13,26 +13,12 @@ var _addonActions = require("@storybook/addon-actions");
 var _uiCheckbox = require("@instructure/ui-checkbox");
 var _uiFlex = require("@instructure/ui-flex");
 var _NameDisplaySelector = require("../toolbar/SettingsTray/NameDisplaySelector.js");
-var _index = require("../popovers/StudentPopover/index.js");
 var _constants = require("../../../util/gradebook/constants.js");
 var _GradebookApp = require("../GradebookApp.js");
-var _index2 = require("../context/GradebookAppContext/index.js");
-var _mockData = require("../__mocks__/mockData.js");
-var createStudentPopover = exports.createStudentPopover = function createStudentPopover(_ref) {
-  var studentName = _ref.studentName,
-    student = _ref.student,
-    masteryScores = _ref.masteryScores;
-  return /*#__PURE__*/_react.default.createElement(_index.StudentPopover, {
-    student: student || (0, _mockData.createStudent)('1', 'John', 'Doe'),
-    studentName: studentName,
-    masteryScores: masteryScores,
-    studentGradesUrl: "/test-url",
-    userDetails: _mockData.mockUserDetailsDefault
-  });
-};
-var ExampleSettingsTrayContent = exports.ExampleSettingsTrayContent = function ExampleSettingsTrayContent(_ref2) {
-  var settings = _ref2.settings,
-    _onChange = _ref2.onChange;
+var _index = require("../context/GradebookAppContext/index.js");
+var ExampleSettingsTrayContent = exports.ExampleSettingsTrayContent = function ExampleSettingsTrayContent(_ref) {
+  var settings = _ref.settings,
+    _onChange = _ref.onChange;
   return /*#__PURE__*/_react.default.createElement(_uiFlex.Flex, {
     direction: "column",
     gap: "large"
@@ -55,14 +41,14 @@ var ExampleSettingsTrayContent = exports.ExampleSettingsTrayContent = function E
     }
   }));
 };
-var StoryWrapper = exports.StoryWrapper = function StoryWrapper(_ref3) {
-  var children = _ref3.children,
-    masteryLevelConfig = _ref3.masteryLevelConfig;
+var StoryWrapper = exports.StoryWrapper = function StoryWrapper(_ref2) {
+  var children = _ref2.children,
+    masteryLevelConfig = _ref2.masteryLevelConfig;
   return /*#__PURE__*/_react.default.createElement(_GradebookApp.GradebookApp, {
     config: {
       masteryLevelConfig: masteryLevelConfig
     }
-  }, /*#__PURE__*/_react.default.createElement(_index2.GradebookAppProvider, {
+  }, /*#__PURE__*/_react.default.createElement(_index.GradebookAppProvider, {
     settings: {
       settings: {
         showStudentNames: true,

package/lib/components/Gradebook/table/Cell/index.d.ts

@@ -8,7 +8,10 @@ export type CellProps = Omit<ViewProps, 'children'> & {
     isStacked?: boolean;
     header?: string | (() => React.ReactNode);
     children?: React.ReactNode | ((focused: boolean) => React.ReactNode);
+    'data-cell-id'?: string;
+    'data-row-index'?: number;
+    'data-col-key'?: string;
 };
-export declare const Cell: React.FC<CellProps>;
+export declare const Cell: React.NamedExoticComponent<CellProps>;
 export default Cell;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Gradebook/table/Cell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/table/Cell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEtD,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IACpD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;CACrE,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmDpC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/table/Cell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAA;AACrE,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEtD,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IACpD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACpE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AA4GD,eAAO,MAAM,IAAI,uCAA2C,CAAA;AAI5D,eAAe,IAAI,CAAA"}

package/lib/components/Gradebook/table/Cell/index.js

@@ -1,16 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Cell = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _uiView = require("@instructure/ui-view");
 var _excluded = ["id", "children", "width", "boxShadow", "isSticky", "isStacked", "header"];
-var Cell = exports.Cell = function Cell(_ref) {
+var CellComponent = function CellComponent(_ref) {
   var id = _ref.id,
     children = _ref.children,
     width = _ref.width,
@@ -19,19 +20,34 @@ var Cell = exports.Cell = function Cell(_ref) {
     isStacked = _ref.isStacked,
     header = _ref.header,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _React$useState = _react.default.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    focus = _React$useState2[0],
-    setFocus = _React$useState2[1];
-  var cellRef = _react.default.useRef(null);
-  var handleBlur = function handleBlur(event) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    focus = _useState2[0],
+    setFocus = _useState2[1];
+  var cellRef = (0, _react.useRef)(null);
+  var handleBlur = (0, _react.useCallback)(function (event) {
     var _cellRef$current;
     var relatedTarget = event.relatedTarget;
     if (relatedTarget && (_cellRef$current = cellRef.current) !== null && _cellRef$current !== void 0 && _cellRef$current.contains(relatedTarget)) {
       return;
     }
     setFocus(false);
-  };
+  }, []);
+  var handleFocus = (0, _react.useCallback)(function () {
+    return setFocus(true);
+  }, []);
+  var elementRef = (0, _react.useCallback)(function (el) {
+    if (el instanceof HTMLElement) {
+      cellRef.current = el;
+    }
+  }, []);
+  var themeOverride = (0, _react.useMemo)(function () {
+    return function (_componentTheme, currentTheme) {
+      return {
+        shadowAbove: boxShadow !== null && boxShadow !== void 0 ? boxShadow : "2px 0 0 0 ".concat(currentTheme.colors.contrasts.grey1214)
+      };
+    };
+  }, [boxShadow]);
   return /*#__PURE__*/_react.default.createElement(_uiView.View, Object.assign({
     id: id,
     width: width,
@@ -45,20 +61,55 @@ var Cell = exports.Cell = function Cell(_ref) {
     insetInlineStart: isSticky ? '0' : void 0,
     background: isSticky && !props.background ? 'primary' : props.background,
     focusPosition: "inset",
-    elementRef: function elementRef(el) {
-      if (el instanceof HTMLElement) {
-        cellRef.current = el;
-      }
-    },
-    onFocus: function onFocus() {
-      return setFocus(true);
-    },
+    elementRef: elementRef,
+    onFocus: handleFocus,
     onBlur: handleBlur,
-    themeOverride: function themeOverride(_componentTheme, currentTheme) {
-      return {
-        shadowAbove: boxShadow !== null && boxShadow !== void 0 ? boxShadow : "2px 0 0 0 ".concat(currentTheme.colors.contrasts.grey1214)
-      };
-    }
+    themeOverride: themeOverride
   }, props), header ? typeof header === 'function' ? header() : header : null, typeof children === 'function' ? children(focus) : children);
 };
+
+// Custom comparison function for React.memo
+// We need to compare most props, but be smart about function props
+var arePropsEqual = function arePropsEqual(prevProps, nextProps) {
+  // If the id changed, definitely re-render
+  if (prevProps.id !== nextProps.id) return false;
+
+  // Check data attributes that affect keyboard navigation
+  if (prevProps['data-row-index'] !== nextProps['data-row-index']) return false;
+  if (prevProps['data-col-key'] !== nextProps['data-col-key']) return false;
+  if (prevProps['data-cell-id'] !== nextProps['data-cell-id']) return false;
+
+  // Check visual props
+  if (prevProps.width !== nextProps.width) return false;
+  if (prevProps.boxShadow !== nextProps.boxShadow) return false;
+  if (prevProps.isSticky !== nextProps.isSticky) return false;
+  if (prevProps.isStacked !== nextProps.isStacked) return false;
+
+  // Check other props that could change
+  if (prevProps.tabIndex !== nextProps.tabIndex) return false;
+
+  // onKeyDown should be stable (useCallback), but check just in case
+  if (prevProps.onKeyDown !== nextProps.onKeyDown) return false;
+
+  // For function children (render functions), we can't compare the function itself
+  // Instead, we rely on the fact that if all other props (especially data-cell-id
+  // which includes col.key and row data) are the same, the function would produce
+  // the same output. This is safe because:
+  // - row data doesn't change during column reorder
+  // - col.key is stable per column
+  // - The function just calls col.render with that data
+  var prevChildrenIsFunction = typeof prevProps.children === 'function';
+  var nextChildrenIsFunction = typeof nextProps.children === 'function';
+  if (prevChildrenIsFunction !== nextChildrenIsFunction) return false;
+
+  // For non-function children, compare directly
+  if (!nextChildrenIsFunction && prevProps.children !== nextProps.children) return false;
+
+  // For function children, skip comparison - they're always new references but produce same output
+  // when all other props are the same
+
+  return true;
+};
+var Cell = exports.Cell = /*#__PURE__*/_react.default.memo(CellComponent, arePropsEqual);
+Cell.displayName = 'Cell';
 var _default = exports.default = Cell;

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

@@ -7,6 +7,8 @@ export type ColumnHeaderProps = {
     isStacked?: boolean;
     'data-cell-id'?: string;
     'data-testid'?: string;
+    'data-row-index'?: number;
+    'data-col-key'?: string;
 } & Partial<DragDropConnectorProps> & Omit<ViewProps, 'onDragLeave' | 'onDragEnd'>;
-export declare const ColumnHeader: ({ children, isSticky, connectDragSource, connectDragPreview, connectDropTarget, isDragging, isStacked, "data-cell-id": dataCellId, ...viewProps }: ColumnHeaderProps) => React.JSX.Element;
+export declare const ColumnHeader: React.MemoExoticComponent<({ children, isSticky, connectDragSource, connectDragPreview, connectDropTarget, isDragging, isStacked, "data-cell-id": dataCellId, ...viewProps }: ColumnHeaderProps) => React.JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/table/ColumnHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAA;AAExF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,OAAO,CAAC,sBAAsB,CAAC,GACjC,IAAI,CAAC,SAAS,EAAE,aAAa,GAAG,WAAW,CAAC,CAAA;AAE9C,eAAO,MAAM,YAAY,GAAI,mJAU1B,iBAAiB,sBA2DnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/table/ColumnHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAA;AAExF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,OAAO,CAAC,sBAAsB,CAAC,GACjC,IAAI,CAAC,SAAS,EAAE,aAAa,GAAG,WAAW,CAAC,CAAA;AAkH9C,eAAO,MAAM,YAAY,gLApEtB,iBAAiB,uBAoEwD,CAAA"}

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

@@ -11,7 +11,40 @@ var _react = _interopRequireWildcard(require("react"));
 var _uiView = require("@instructure/ui-view");
 var _excluded = ["children", "isSticky", "connectDragSource", "connectDragPreview", "connectDropTarget", "isDragging", "isStacked", "data-cell-id"],
   _excluded2 = ["onMove", "onDragEnd", "itemId", "index", "type", "component"];
-var ColumnHeader = exports.ColumnHeader = function ColumnHeader(_ref) {
+// Custom comparison function to prevent re-renders when column order changes
+// but individual column data hasn't changed
+var arePropsEqual = function arePropsEqual(prevProps, nextProps) {
+  // Check stable identifier
+  if (prevProps.id !== nextProps.id) return false;
+  if (prevProps['data-cell-id'] !== nextProps['data-cell-id']) return false;
+  if (prevProps['data-col-key'] !== nextProps['data-col-key']) return false;
+
+  // Check visual props
+  if (prevProps.width !== nextProps.width) return false;
+  if (prevProps.isSticky !== nextProps.isSticky) return false;
+  if (prevProps.isStacked !== nextProps.isStacked) return false;
+
+  // Check keyboard navigation
+  if (prevProps.onKeyDown !== nextProps.onKeyDown) return false;
+  if (prevProps.tabIndex !== nextProps.tabIndex) return false;
+
+  // Check drag-drop state (these should be stable via useCallback)
+  if (prevProps.connectDragSource !== nextProps.connectDragSource) return false;
+  if (prevProps.connectDragPreview !== nextProps.connectDragPreview) return false;
+  if (prevProps.connectDropTarget !== nextProps.connectDropTarget) return false;
+  if (prevProps.isDragging !== nextProps.isDragging) return false;
+
+  // onMove and onDragEnd should be stable (useCallback in stories/parent)
+  // but we don't need to check them since they're filtered out before DOM
+
+  // Skip children comparison - children might be new React elements on each render,
+  // but if all stable identifiers (id, data-cell-id, data-col-key) are the same,
+  // the column hasn't actually changed and we can safely skip re-rendering.
+  // This matches Cell's approach of relying on stable props rather than comparing children.
+
+  return true;
+};
+var ColumnHeaderComponent = function ColumnHeaderComponent(_ref) {
   var children = _ref.children,
     isSticky = _ref.isSticky,
     connectDragSource = _ref.connectDragSource,
@@ -43,13 +76,21 @@ var ColumnHeader = exports.ColumnHeader = function ColumnHeader(_ref) {
       });
     }
   }, [connectDragPreview]);
-  var headerContent = /*#__PURE__*/_react.default.createElement("div", {
-    style: {
+  var headerContentStyle = _react.default.useMemo(function () {
+    return {
       opacity: isDragging ? 0.5 : 1,
       transition: 'opacity 0.15s ease-in-out',
       width: cleanViewProps.width,
       cursor: connectDragSource ? 'grab' : 'default'
-    },
+    };
+  }, [isDragging, cleanViewProps.width, connectDragSource]);
+  var elementRef = _react.default.useCallback(function (ref) {
+    if (connectDropTarget && ref instanceof HTMLElement) {
+      connectDropTarget(ref);
+    }
+  }, [connectDropTarget]);
+  var headerContent = /*#__PURE__*/_react.default.createElement("div", {
+    style: headerContentStyle,
     "data-testid": "column-header-content"
   }, children);
   var content = /*#__PURE__*/_react.default.createElement(_uiView.View, Object.assign({
@@ -57,11 +98,7 @@ var ColumnHeader = exports.ColumnHeader = function ColumnHeader(_ref) {
     as: isStacked ? 'div' : 'th',
     scope: "col",
     focusPosition: "inset",
-    elementRef: function elementRef(ref) {
-      if (connectDropTarget && ref instanceof HTMLElement) {
-        connectDropTarget(ref);
-      }
-    },
+    elementRef: elementRef,
     position: isSticky ? 'sticky' : 'static',
     insetInlineStart: isSticky ? '0' : void 0,
     background: !cleanViewProps.background ? 'primary' : cleanViewProps.background,
@@ -69,4 +106,6 @@ var ColumnHeader = exports.ColumnHeader = function ColumnHeader(_ref) {
     stacking: "above"
   }, cleanViewProps), connectDragSource ? connectDragSource(headerContent) : headerContent);
   return content;
-};
+};
+var ColumnHeader = exports.ColumnHeader = /*#__PURE__*/_react.default.memo(ColumnHeaderComponent, arePropsEqual);
+ColumnHeader.displayName = 'ColumnHeader';

package/lib/components/Gradebook/table/Row/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/table/Row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AACnE,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAItD,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa,GAAG,WAAW,CAAC,GAAG;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA2BlC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/table/Row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AACnE,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAItD,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa,GAAG,WAAW,CAAC,GAAG;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA2BjC,CAAA"}

package/lib/components/Gradebook/table/Row/index.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _uiView = require("@instructure/ui-view");
 var _uiTable = require("@instructure/ui-table");
 var _uiReactUtils = require("@instructure/ui-react-utils");
-var Row = exports.Row = function Row(_ref) {
+var Row = exports.Row = /*#__PURE__*/_react.default.memo(function (_ref) {
   var children = _ref.children,
     setRef = _ref.setRef;
   var context = (0, _react.useContext)(_uiTable.TableContext);
@@ -32,4 +32,5 @@ var Row = exports.Row = function Row(_ref) {
     }
     return child;
   }));
-};
+});
+Row.displayName = 'Row';

package/lib/components/Gradebook/table/RowHeader/index.d.ts

@@ -5,6 +5,8 @@ export type RowHeaderProps = ViewProps & {
     isSticky?: boolean;
     isStacked?: boolean;
     'data-cell-id'?: string;
+    'data-row-index'?: number;
+    'data-col-key'?: string;
 };
-export declare const RowHeader: ({ children, isSticky, isStacked, "data-cell-id": dataCellId, ...props }: RowHeaderProps) => React.JSX.Element;
+export declare const RowHeader: React.MemoExoticComponent<({ children, isSticky, isStacked, "data-cell-id": dataCellId, ...props }: RowHeaderProps) => React.JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Gradebook/table/RowHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/table/RowHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,yEAMvB,cAAc,sBAmBhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/table/RowHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,SAAS,sGAMnB,cAAc,uBAmBf,CAAA"}

package/lib/components/Gradebook/table/RowHeader/index.js

@@ -9,7 +9,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _uiView = require("@instructure/ui-view");
 var _excluded = ["children", "isSticky", "isStacked", "data-cell-id"];
-var RowHeader = exports.RowHeader = function RowHeader(_ref) {
+var RowHeader = exports.RowHeader = /*#__PURE__*/_react.default.memo(function (_ref) {
   var children = _ref.children,
     isSticky = _ref.isSticky,
     isStacked = _ref.isStacked,
@@ -28,4 +28,5 @@ var RowHeader = exports.RowHeader = function RowHeader(_ref) {
     focusPosition: "inset",
     "data-cell-id": dataCellId
   }, props), children);
-};
+});
+RowHeader.displayName = 'RowHeader';

package/lib/components/Gradebook/table/Table/index.d.ts

@@ -27,7 +27,7 @@ export type TableProps<TRow = Record<string, unknown>> = {
     caption?: string;
     columns: Array<Column<TRow>>;
     data: Array<TRow>;
-    renderAboveHeader?: (columns: Array<Column<TRow>>, handleKeyDown: (event: React.KeyboardEvent, rowIndex: number, colIndex: number) => void) => React.ReactNode;
+    renderAboveHeader?: (columns: Array<Column<TRow>>, handleKeyDown: (event: React.KeyboardEvent) => void) => React.ReactNode;
     dragDropConfig?: DragDropConfig;
 } & Omit<InstUITableProps, 'children' | 'data'>;
 export declare const TableComponent: <TRow extends Record<string, unknown> = Record<string, unknown>>({ id, columns, data, caption, renderAboveHeader, dragDropConfig, ...tableProps }: TableProps<TRow>) => React.JSX.Element;

package/lib/components/Gradebook/table/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/table/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,EAAwB,KAAK,UAAU,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAKjG,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEjE,MAAM,MAAM,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACnD,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IACxC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;IACjF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,cAAc,CAAC,EAAE,iBAAiB,CAAA;CACnC,CAAA;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAChE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,UAAU,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACvD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;IAC5B,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;IACjB,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,KACpF,KAAK,CAAC,SAAS,CAAA;IACpB,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,MAAM,CAAC,CAAA;AAE/C,eAAO,MAAM,cAAc,GAAI,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,kFAQ5F,UAAU,CAAC,IAAI,CAAC,sBAuNlB,CAAA;AAED,eAAO,MAAM,KAAK,EAEb,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/table/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAG7D,OAAO,EAAwB,KAAK,UAAU,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAKjG,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEjE,MAAM,MAAM,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACnD,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IACxC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;IACjF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,cAAc,CAAC,EAAE,iBAAiB,CAAA;CACnC,CAAA;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAChE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,UAAU,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACvD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;IAC5B,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;IACjB,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,KAChD,KAAK,CAAC,SAAS,CAAA;IACpB,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,MAAM,CAAC,CAAA;AAE/C,eAAO,MAAM,cAAc,GAAI,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,kFAQ5F,UAAU,CAAC,IAAI,CAAC,sBAyPlB,CAAA;AAED,eAAO,MAAM,KAAK,EAEb,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA"}