@instructure/outcomes-ui 4.1.3 → 4.1.4

package/lib/components/Gradebook/gradebook-table/ScoreCellContent/index.stories.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.PercentAndRatio = exports.Percent = exports.OnAction = exports.IconOnly = exports.IconAndScore = exports.IconAndLabel = exports.FocusControlled = void 0;
+exports.default = exports.PercentAndRatio = exports.Percent = exports.OnAction = exports.IconOnly = exports.IconAndScore = exports.IconAndLabel = exports.FocusControlled = exports.CustomColorWithLabel = exports.CustomColor = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _uiView = require("@instructure/ui-view");
 var _addonActions = require("@storybook/addon-actions");
@@ -85,6 +85,26 @@ var OnAction = exports.OnAction = {
     background: 'secondary'
   }
 };
+var CustomColor = exports.CustomColor = {
+  args: {
+    scoreDisplayFormat: _constants.ScoreDisplayFormat.ICON_ONLY,
+    masteryLevel: 'mastery',
+    label: 'Mastery',
+    score: 3,
+    background: 'secondary',
+    iconColor: '#FF6B35'
+  }
+};
+var CustomColorWithLabel = exports.CustomColorWithLabel = {
+  args: {
+    scoreDisplayFormat: _constants.ScoreDisplayFormat.ICON_AND_LABEL,
+    masteryLevel: 'exceeds_mastery',
+    label: 'Exceeds Mastery',
+    score: 4,
+    background: 'secondary',
+    iconColor: '#4CAF50'
+  }
+};
 
 // Actual focus will be on table cell element, no focus ring shows here, only action button is displayed
 var FocusControlled = exports.FocusControlled = {

package/lib/components/Gradebook/icons/MasteryLevelIcon/ExceedsMasteryIcon.d.ts

@@ -1,3 +1,5 @@
 import React, { SVGProps } from 'react';
+export declare const DEFAULT_FILL_EXCEEDS_MASTERY = "#0374B5";
 export declare const ExceedsMasteryIcon: ({ fill, ...props }: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const exceedsMasteryIconSvgPaths: string;
 //# sourceMappingURL=ExceedsMasteryIcon.d.ts.map

package/lib/components/Gradebook/icons/MasteryLevelIcon/ExceedsMasteryIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExceedsMasteryIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/icons/MasteryLevelIcon/ExceedsMasteryIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,eAAO,MAAM,kBAAkB,GAAI,oBAAgC,QAAQ,CAAC,aAAa,CAAC,sBAyBzF,CAAA"}
+{"version":3,"file":"ExceedsMasteryIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/icons/MasteryLevelIcon/ExceedsMasteryIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAevC,eAAO,MAAM,4BAA4B,YAAY,CAAA;AAErD,eAAO,MAAM,kBAAkB,GAAI,oBAAmD,QAAQ,CAAC,aAAa,CAAC,sBAkB5G,CAAA;AAED,eAAO,MAAM,0BAA0B,QAA8E,CAAA"}

package/lib/components/Gradebook/icons/MasteryLevelIcon/ExceedsMasteryIcon.js

@@ -4,13 +4,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ExceedsMasteryIcon = void 0;
+exports.exceedsMasteryIconSvgPaths = exports.ExceedsMasteryIcon = exports.DEFAULT_FILL_EXCEEDS_MASTERY = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["fill"];
+var SVG_PATHS = [{
+  fillRule: 'evenodd',
+  clipRule: 'evenodd',
+  d: 'M9 16C12.866 16 16 12.866 16 9C16 5.13401 12.866 2 9 2C5.13401 2 2 5.13401 2 9C2 12.866 5.13401 16 9 16ZM9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z'
+}, {
+  fillRule: 'evenodd',
+  clipRule: 'evenodd',
+  d: 'M9 11.5C10.3807 11.5 11.5 10.3807 11.5 9C11.5 7.61929 10.3807 6.5 9 6.5C7.61929 6.5 6.5 7.61929 6.5 9C6.5 10.3807 7.61929 11.5 9 11.5ZM9 13.5C11.4853 13.5 13.5 11.4853 13.5 9C13.5 6.51472 11.4853 4.5 9 4.5C6.51472 4.5 4.5 6.51472 4.5 9C4.5 11.4853 6.51472 13.5 9 13.5Z'
+}];
+var DEFAULT_FILL_EXCEEDS_MASTERY = exports.DEFAULT_FILL_EXCEEDS_MASTERY = '#0374B5';
 var ExceedsMasteryIcon = exports.ExceedsMasteryIcon = function ExceedsMasteryIcon(_ref) {
   var _ref$fill = _ref.fill,
-    fill = _ref$fill === void 0 ? '#0374B5' : _ref$fill,
+    fill = _ref$fill === void 0 ? DEFAULT_FILL_EXCEEDS_MASTERY : _ref$fill,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
     id: "exceeds-mastery",
@@ -21,13 +31,12 @@ var ExceedsMasteryIcon = exports.ExceedsMasteryIcon = function ExceedsMasteryIco
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "Exceeds Mastery"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M9 16C12.866 16 16 12.866 16 9C16 5.13401 12.866 2 9 2C5.13401 2 2 5.13401 2 9C2 12.866 5.13401 16 9 16ZM9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M9 11.5C10.3807 11.5 11.5 10.3807 11.5 9C11.5 7.61929 10.3807 6.5 9 6.5C7.61929 6.5 6.5 7.61929 6.5 9C6.5 10.3807 7.61929 11.5 9 11.5ZM9 13.5C11.4853 13.5 13.5 11.4853 13.5 9C13.5 6.51472 11.4853 4.5 9 4.5C6.51472 4.5 4.5 6.51472 4.5 9C4.5 11.4853 6.51472 13.5 9 13.5Z"
+  }, props), SVG_PATHS.map(function (pathProps, index) {
+    return /*#__PURE__*/_react.default.createElement("path", Object.assign({
+      key: index
+    }, pathProps));
   }));
-};
+};
+var exceedsMasteryIconSvgPaths = exports.exceedsMasteryIconSvgPaths = SVG_PATHS.map(function (p) {
+  return "<path fill-rule=\"".concat(p.fillRule, "\" d=\"").concat(p.d, "\"/>");
+}).join('');

package/lib/components/Gradebook/icons/MasteryLevelIcon/MasteryIcon.d.ts

@@ -1,3 +1,5 @@
 import React, { SVGProps } from 'react';
+export declare const DEFAULT_FILL_MASTERY = "#0B874B";
 export declare const MasteryIcon: ({ fill, ...props }: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const masteryIconSvgPaths: string;
 //# sourceMappingURL=MasteryIcon.d.ts.map

package/lib/components/Gradebook/icons/MasteryLevelIcon/MasteryIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasteryIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/icons/MasteryLevelIcon/MasteryIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,eAAO,MAAM,WAAW,GAAI,oBAAgC,QAAQ,CAAC,aAAa,CAAC,sBAkBlF,CAAA"}
+{"version":3,"file":"MasteryIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/icons/MasteryLevelIcon/MasteryIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAQvC,eAAO,MAAM,oBAAoB,YAAY,CAAA;AAE7C,eAAO,MAAM,WAAW,GAAI,oBAA2C,QAAQ,CAAC,aAAa,CAAC,sBAkB7F,CAAA;AAED,eAAO,MAAM,mBAAmB,QAAoD,CAAA"}

package/lib/components/Gradebook/icons/MasteryLevelIcon/MasteryIcon.js

@@ -4,13 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MasteryIcon = void 0;
+exports.masteryIconSvgPaths = exports.MasteryIcon = exports.DEFAULT_FILL_MASTERY = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["fill"];
+var SVG_PATHS = [{
+  d: 'M18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9Z'
+}];
+var DEFAULT_FILL_MASTERY = exports.DEFAULT_FILL_MASTERY = '#0B874B';
 var MasteryIcon = exports.MasteryIcon = function MasteryIcon(_ref) {
   var _ref$fill = _ref.fill,
-    fill = _ref$fill === void 0 ? '#0B874B' : _ref$fill,
+    fill = _ref$fill === void 0 ? DEFAULT_FILL_MASTERY : _ref$fill,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
     id: "mastery",
@@ -21,7 +25,12 @@ var MasteryIcon = exports.MasteryIcon = function MasteryIcon(_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "Mastery"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9Z"
+  }, props), SVG_PATHS.map(function (pathProps, index) {
+    return /*#__PURE__*/_react.default.createElement("path", Object.assign({
+      key: index
+    }, pathProps));
   }));
-};
+};
+var masteryIconSvgPaths = exports.masteryIconSvgPaths = SVG_PATHS.map(function (p) {
+  return "<path d=\"".concat(p.d, "\"/>");
+}).join('');

package/lib/components/Gradebook/icons/MasteryLevelIcon/MasteryIconFromSVGUrl.stories.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { type MasteryIconOptions } from '../../../../util/gradebook/masteryLevelToSvgUrl';
+import type { MasteryLevel } from '../../../../types/gradebook';
+interface MasteryIconFromSVGUrlProps {
+    masteryLevel: MasteryLevel;
+    options?: MasteryIconOptions;
+}
+declare const MasteryIconFromSVGUrl: ({ masteryLevel, options }: MasteryIconFromSVGUrlProps) => React.JSX.Element;
+declare const meta: Meta<typeof MasteryIconFromSVGUrl>;
+export default meta;
+type Story = StoryObj<typeof MasteryIconFromSVGUrl>;
+export declare const ExceedsMastery: Story;
+export declare const Mastery: Story;
+export declare const NearMastery: Story;
+export declare const Remediation: Story;
+export declare const Unassessed: Story;
+export declare const NoEvidence: Story;
+export declare const ExceedsMasteryColorOverride: Story;
+//# sourceMappingURL=MasteryIconFromSVGUrl.stories.d.ts.map

package/lib/components/Gradebook/icons/MasteryLevelIcon/MasteryIconFromSVGUrl.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasteryIconFromSVGUrl.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/icons/MasteryLevelIcon/MasteryIconFromSVGUrl.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,KAAK,kBAAkB,EAAwB,MAAM,uCAAuC,CAAA;AACrG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,UAAU,0BAA0B;IAClC,YAAY,EAAE,YAAY,CAAA;IAC1B,OAAO,CAAC,EAAE,kBAAkB,CAAA;CAC7B;AAED,QAAA,MAAM,qBAAqB,GAAI,2BAA2B,0BAA0B,sBAGnF,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAS5C,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAEnD,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAOzC,CAAA"}

package/lib/components/Gradebook/icons/MasteryLevelIcon/MasteryIconFromSVGUrl.stories.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Unassessed = exports.Remediation = exports.NoEvidence = exports.NearMastery = exports.Mastery = exports.ExceedsMasteryColorOverride = exports.ExceedsMastery = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _masteryLevelToSvgUrl = require("../../../../util/gradebook/masteryLevelToSvgUrl.js");
+var MasteryIconFromSVGUrl = function MasteryIconFromSVGUrl(_ref) {
+  var masteryLevel = _ref.masteryLevel,
+    options = _ref.options;
+  var src = (0, _masteryLevelToSvgUrl.masteryLevelToSvgUrl)(masteryLevel, options);
+  return /*#__PURE__*/_react.default.createElement("img", {
+    src: src !== null && src !== void 0 ? src : void 0,
+    alt: masteryLevel,
+    width: 32,
+    height: 32
+  });
+};
+var meta = {
+  title: 'Gradebook/MasteryLevelIcon/MasteryIconFromSVGUrl',
+  component: MasteryIconFromSVGUrl,
+  argTypes: {
+    masteryLevel: {
+      control: 'select',
+      options: ['exceeds_mastery', 'mastery', 'near_mastery', 'remediation', 'unassessed', 'no_evidence']
+    }
+  }
+};
+var _default = exports.default = meta;
+var ExceedsMastery = exports.ExceedsMastery = {
+  args: {
+    masteryLevel: 'exceeds_mastery'
+  }
+};
+var Mastery = exports.Mastery = {
+  args: {
+    masteryLevel: 'mastery'
+  }
+};
+var NearMastery = exports.NearMastery = {
+  args: {
+    masteryLevel: 'near_mastery'
+  }
+};
+var Remediation = exports.Remediation = {
+  args: {
+    masteryLevel: 'remediation'
+  }
+};
+var Unassessed = exports.Unassessed = {
+  args: {
+    masteryLevel: 'unassessed'
+  }
+};
+var NoEvidence = exports.NoEvidence = {
+  args: {
+    masteryLevel: 'no_evidence'
+  }
+};
+var ExceedsMasteryColorOverride = exports.ExceedsMasteryColorOverride = {
+  args: {
+    masteryLevel: 'exceeds_mastery',
+    options: {
+      fill: '#FF00EE'
+    }
+  }
+};

package/lib/components/Gradebook/icons/MasteryLevelIcon/NearMasteryIcon.d.ts

@@ -1,3 +1,5 @@
 import React, { SVGProps } from 'react';
+export declare const DEFAULT_FILL_NEAR_MASTERY = "#FBB918";
 export declare const NearMasteryIcon: ({ fill, ...props }: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const nearMasteryIconSvgPaths: string;
 //# sourceMappingURL=NearMasteryIcon.d.ts.map

package/lib/components/Gradebook/icons/MasteryLevelIcon/NearMasteryIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NearMasteryIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/icons/MasteryLevelIcon/NearMasteryIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,eAAO,MAAM,eAAe,GAAI,oBAAgC,QAAQ,CAAC,aAAa,CAAC,sBAoBtF,CAAA"}
+{"version":3,"file":"NearMasteryIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/icons/MasteryLevelIcon/NearMasteryIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAUvC,eAAO,MAAM,yBAAyB,YAAY,CAAA;AAElD,eAAO,MAAM,eAAe,GAAI,oBAAgD,QAAQ,CAAC,aAAa,CAAC,sBAkBtG,CAAA;AAED,eAAO,MAAM,uBAAuB,QAA8E,CAAA"}

package/lib/components/Gradebook/icons/MasteryLevelIcon/NearMasteryIcon.js

@@ -4,13 +4,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NearMasteryIcon = void 0;
+exports.nearMasteryIconSvgPaths = exports.NearMasteryIcon = exports.DEFAULT_FILL_NEAR_MASTERY = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["fill"];
+var SVG_PATHS = [{
+  fillRule: 'evenodd',
+  clipRule: 'evenodd',
+  d: 'M0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9ZM2.01759 8.5H15.9824C15.7261 4.86736 12.6979 2 9.00001 2C5.30213 2 2.27396 4.86736 2.01759 8.5Z'
+}];
+var DEFAULT_FILL_NEAR_MASTERY = exports.DEFAULT_FILL_NEAR_MASTERY = '#FBB918';
 var NearMasteryIcon = exports.NearMasteryIcon = function NearMasteryIcon(_ref) {
   var _ref$fill = _ref.fill,
-    fill = _ref$fill === void 0 ? '#FBB918' : _ref$fill,
+    fill = _ref$fill === void 0 ? DEFAULT_FILL_NEAR_MASTERY : _ref$fill,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
     id: "near-mastery",
@@ -21,9 +27,12 @@ var NearMasteryIcon = exports.NearMasteryIcon = function NearMasteryIcon(_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "Near Mastery"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9ZM2.01759 8.5H15.9824C15.7261 4.86736 12.6979 2 9.00001 2C5.30213 2 2.27396 4.86736 2.01759 8.5Z"
+  }, props), SVG_PATHS.map(function (pathProps, index) {
+    return /*#__PURE__*/_react.default.createElement("path", Object.assign({
+      key: index
+    }, pathProps));
   }));
-};
+};
+var nearMasteryIconSvgPaths = exports.nearMasteryIconSvgPaths = SVG_PATHS.map(function (p) {
+  return "<path fill-rule=\"".concat(p.fillRule, "\" d=\"").concat(p.d, "\"/>");
+}).join('');

package/lib/components/Gradebook/icons/MasteryLevelIcon/NoEvidenceIcon.d.ts

@@ -1,3 +1,5 @@
 import React, { SVGProps } from 'react';
+export declare const DEFAULT_FILL_NO_EVIDENCE = "#6A7883";
 export declare const NoEvidenceIcon: ({ fill, ...props }: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const noEvidenceIconSvgPaths: string;
 //# sourceMappingURL=NoEvidenceIcon.d.ts.map

package/lib/components/Gradebook/icons/MasteryLevelIcon/NoEvidenceIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoEvidenceIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/icons/MasteryLevelIcon/NoEvidenceIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,eAAO,MAAM,cAAc,GAAI,oBAAgC,QAAQ,CAAC,aAAa,CAAC,sBAoBrF,CAAA"}
+{"version":3,"file":"NoEvidenceIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/icons/MasteryLevelIcon/NoEvidenceIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAUvC,eAAO,MAAM,wBAAwB,YAAY,CAAA;AAEjD,eAAO,MAAM,cAAc,GAAI,oBAA+C,QAAQ,CAAC,aAAa,CAAC,sBAkBpG,CAAA;AAED,eAAO,MAAM,sBAAsB,QAA8E,CAAA"}

package/lib/components/Gradebook/icons/MasteryLevelIcon/NoEvidenceIcon.js

@@ -4,13 +4,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NoEvidenceIcon = void 0;
+exports.noEvidenceIconSvgPaths = exports.NoEvidenceIcon = exports.DEFAULT_FILL_NO_EVIDENCE = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["fill"];
+var SVG_PATHS = [{
+  fillRule: 'evenodd',
+  clipRule: 'evenodd',
+  d: 'M18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9ZM12.9842 14.6342C11.8588 15.4314 10.4841 15.9 9 15.9C5.18924 15.9 2.1 12.8108 2.1 9C2.1 7.51587 2.56857 6.14118 3.36584 5.01579L12.9842 14.6342ZM14.4944 13.1745L4.82549 3.50559C5.98455 2.6236 7.43113 2.1 9 2.1C12.8108 2.1 15.9 5.18924 15.9 9C15.9 10.5689 15.3764 12.0155 14.4944 13.1745Z'
+}];
+var DEFAULT_FILL_NO_EVIDENCE = exports.DEFAULT_FILL_NO_EVIDENCE = '#6A7883';
 var NoEvidenceIcon = exports.NoEvidenceIcon = function NoEvidenceIcon(_ref) {
   var _ref$fill = _ref.fill,
-    fill = _ref$fill === void 0 ? '#6A7883' : _ref$fill,
+    fill = _ref$fill === void 0 ? DEFAULT_FILL_NO_EVIDENCE : _ref$fill,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
     id: "no_evidence",
@@ -21,9 +27,12 @@ var NoEvidenceIcon = exports.NoEvidenceIcon = function NoEvidenceIcon(_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "No Evidence"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9ZM12.9842 14.6342C11.8588 15.4314 10.4841 15.9 9 15.9C5.18924 15.9 2.1 12.8108 2.1 9C2.1 7.51587 2.56857 6.14118 3.36584 5.01579L12.9842 14.6342ZM14.4944 13.1745L4.82549 3.50559C5.98455 2.6236 7.43113 2.1 9 2.1C12.8108 2.1 15.9 5.18924 15.9 9C15.9 10.5689 15.3764 12.0155 14.4944 13.1745Z"
+  }, props), SVG_PATHS.map(function (pathProps, index) {
+    return /*#__PURE__*/_react.default.createElement("path", Object.assign({
+      key: index
+    }, pathProps));
   }));
-};
+};
+var noEvidenceIconSvgPaths = exports.noEvidenceIconSvgPaths = SVG_PATHS.map(function (p) {
+  return "<path fill-rule=\"".concat(p.fillRule, "\" d=\"").concat(p.d, "\"/>");
+}).join('');

package/lib/components/Gradebook/icons/MasteryLevelIcon/RemediationIcon.d.ts

@@ -1,3 +1,5 @@
 import React, { SVGProps } from 'react';
+export declare const DEFAULT_FILL_REMEDIATION = "#E0061F";
 export declare const RemediationIcon: ({ fill, ...props }: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const remediationIconSvgPaths: string;
 //# sourceMappingURL=RemediationIcon.d.ts.map

package/lib/components/Gradebook/icons/MasteryLevelIcon/RemediationIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemediationIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/icons/MasteryLevelIcon/RemediationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,eAAO,MAAM,eAAe,GAAI,oBAAgC,QAAQ,CAAC,aAAa,CAAC,sBAoBtF,CAAA"}
+{"version":3,"file":"RemediationIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/icons/MasteryLevelIcon/RemediationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAUvC,eAAO,MAAM,wBAAwB,YAAY,CAAA;AAEjD,eAAO,MAAM,eAAe,GAAI,oBAA+C,QAAQ,CAAC,aAAa,CAAC,sBAkBrG,CAAA;AAED,eAAO,MAAM,uBAAuB,QAA8E,CAAA"}

package/lib/components/Gradebook/icons/MasteryLevelIcon/RemediationIcon.js

@@ -4,13 +4,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RemediationIcon = void 0;
+exports.remediationIconSvgPaths = exports.RemediationIcon = exports.DEFAULT_FILL_REMEDIATION = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["fill"];
+var SVG_PATHS = [{
+  fillRule: 'evenodd',
+  clipRule: 'evenodd',
+  d: 'M9 16C12.866 16 16 12.866 16 9C16 5.13401 12.866 2 9 2C5.13401 2 2 5.13401 2 9C2 12.866 5.13401 16 9 16ZM9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z'
+}];
+var DEFAULT_FILL_REMEDIATION = exports.DEFAULT_FILL_REMEDIATION = '#E0061F';
 var RemediationIcon = exports.RemediationIcon = function RemediationIcon(_ref) {
   var _ref$fill = _ref.fill,
-    fill = _ref$fill === void 0 ? '#E0061F' : _ref$fill,
+    fill = _ref$fill === void 0 ? DEFAULT_FILL_REMEDIATION : _ref$fill,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
     id: "remediation",
@@ -21,9 +27,12 @@ var RemediationIcon = exports.RemediationIcon = function RemediationIcon(_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "Remediation"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M9 16C12.866 16 16 12.866 16 9C16 5.13401 12.866 2 9 2C5.13401 2 2 5.13401 2 9C2 12.866 5.13401 16 9 16ZM9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z"
+  }, props), SVG_PATHS.map(function (pathProps, index) {
+    return /*#__PURE__*/_react.default.createElement("path", Object.assign({
+      key: index
+    }, pathProps));
   }));
-};
+};
+var remediationIconSvgPaths = exports.remediationIconSvgPaths = SVG_PATHS.map(function (p) {
+  return "<path fill-rule=\"".concat(p.fillRule, "\" d=\"").concat(p.d, "\"/>");
+}).join('');

package/lib/components/Gradebook/icons/MasteryLevelIcon/UnassessedIcon.d.ts

@@ -1,3 +1,5 @@
 import React, { SVGProps } from 'react';
+export declare const DEFAULT_FILL_UNASSESSED = "#C7CDD1";
 export declare const UnassessedIcon: ({ fill, ...props }: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const unassessedIconSvgPaths: string;
 //# sourceMappingURL=UnassessedIcon.d.ts.map

package/lib/components/Gradebook/icons/MasteryLevelIcon/UnassessedIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnassessedIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/icons/MasteryLevelIcon/UnassessedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,eAAO,MAAM,cAAc,GAAI,oBAAgC,QAAQ,CAAC,aAAa,CAAC,sBAoBrF,CAAA"}
+{"version":3,"file":"UnassessedIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gradebook/icons/MasteryLevelIcon/UnassessedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAUvC,eAAO,MAAM,uBAAuB,YAAY,CAAA;AAEhD,eAAO,MAAM,cAAc,GAAI,oBAA8C,QAAQ,CAAC,aAAa,CAAC,sBAkBnG,CAAA;AAED,eAAO,MAAM,sBAAsB,QAA8E,CAAA"}

package/lib/components/Gradebook/icons/MasteryLevelIcon/UnassessedIcon.js

@@ -4,13 +4,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UnassessedIcon = void 0;
+exports.unassessedIconSvgPaths = exports.UnassessedIcon = exports.DEFAULT_FILL_UNASSESSED = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["fill"];
+var SVG_PATHS = [{
+  fillRule: 'evenodd',
+  clipRule: 'evenodd',
+  d: 'M17.8287 10.7565L15.8667 10.3683C15.9539 9.92738 16 9.47006 16 9C16 8.52994 15.9539 8.07262 15.8667 7.63168L17.8287 7.24354C17.9411 7.81162 18 8.39893 18 9C18 9.60107 17.9411 10.1884 17.8287 10.7565ZM16.4841 3.99946L14.8222 5.1121C14.3105 4.34788 13.6521 3.68948 12.8879 3.17785L14.0005 1.51591C14.982 2.17298 15.827 3.018 16.4841 3.99946ZM10.7565 0.171306L10.3683 2.13328C9.92738 2.04605 9.47006 2 9 2C8.52994 2 8.07262 2.04605 7.63168 2.13328L7.24354 0.171307C7.81163 0.0589225 8.39893 0 9 0C9.60107 0 10.1884 0.0589224 10.7565 0.171306ZM3.99946 1.51591L5.1121 3.17785C4.34788 3.68948 3.68948 4.34788 3.17785 5.1121L1.51591 3.99946C2.17298 3.018 3.018 2.17298 3.99946 1.51591ZM0.171306 7.24354C0.0589224 7.81163 0 8.39893 0 9C0 9.60107 0.0589225 10.1884 0.171306 10.7565L2.13328 10.3683C2.04605 9.92738 2 9.47006 2 9C2 8.52994 2.04605 8.07262 2.13328 7.63168L0.171306 7.24354ZM1.51591 14.0005L3.17785 12.8879C3.68948 13.6521 4.34788 14.3105 5.1121 14.8222L3.99946 16.4841C3.018 15.827 2.17298 14.982 1.51591 14.0005ZM7.24354 17.8287L7.63168 15.8667C8.07262 15.9539 8.52994 16 9 16C9.47006 16 9.92738 15.9539 10.3683 15.8667L10.7565 17.8287C10.1884 17.9411 9.60107 18 9 18C8.39893 18 7.81163 17.9411 7.24354 17.8287ZM14.0005 16.4841C14.982 15.827 15.827 14.982 16.4841 14.0005L14.8222 12.8879C14.3105 13.6521 13.6521 14.3105 12.8879 14.8222L14.0005 16.4841Z'
+}];
+var DEFAULT_FILL_UNASSESSED = exports.DEFAULT_FILL_UNASSESSED = '#C7CDD1';
 var UnassessedIcon = exports.UnassessedIcon = function UnassessedIcon(_ref) {
   var _ref$fill = _ref.fill,
-    fill = _ref$fill === void 0 ? '#C7CDD1' : _ref$fill,
+    fill = _ref$fill === void 0 ? DEFAULT_FILL_UNASSESSED : _ref$fill,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
     id: "unassessed",
@@ -21,9 +27,12 @@ var UnassessedIcon = exports.UnassessedIcon = function UnassessedIcon(_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "Unassessed"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M17.8287 10.7565L15.8667 10.3683C15.9539 9.92738 16 9.47006 16 9C16 8.52994 15.9539 8.07262 15.8667 7.63168L17.8287 7.24354C17.9411 7.81162 18 8.39893 18 9C18 9.60107 17.9411 10.1884 17.8287 10.7565ZM16.4841 3.99946L14.8222 5.1121C14.3105 4.34788 13.6521 3.68948 12.8879 3.17785L14.0005 1.51591C14.982 2.17298 15.827 3.018 16.4841 3.99946ZM10.7565 0.171306L10.3683 2.13328C9.92738 2.04605 9.47006 2 9 2C8.52994 2 8.07262 2.04605 7.63168 2.13328L7.24354 0.171307C7.81163 0.0589225 8.39893 0 9 0C9.60107 0 10.1884 0.0589224 10.7565 0.171306ZM3.99946 1.51591L5.1121 3.17785C4.34788 3.68948 3.68948 4.34788 3.17785 5.1121L1.51591 3.99946C2.17298 3.018 3.018 2.17298 3.99946 1.51591ZM0.171306 7.24354C0.0589224 7.81163 0 8.39893 0 9C0 9.60107 0.0589225 10.1884 0.171306 10.7565L2.13328 10.3683C2.04605 9.92738 2 9.47006 2 9C2 8.52994 2.04605 8.07262 2.13328 7.63168L0.171306 7.24354ZM1.51591 14.0005L3.17785 12.8879C3.68948 13.6521 4.34788 14.3105 5.1121 14.8222L3.99946 16.4841C3.018 15.827 2.17298 14.982 1.51591 14.0005ZM7.24354 17.8287L7.63168 15.8667C8.07262 15.9539 8.52994 16 9 16C9.47006 16 9.92738 15.9539 10.3683 15.8667L10.7565 17.8287C10.1884 17.9411 9.60107 18 9 18C8.39893 18 7.81163 17.9411 7.24354 17.8287ZM14.0005 16.4841C14.982 15.827 15.827 14.982 16.4841 14.0005L14.8222 12.8879C14.3105 13.6521 13.6521 14.3105 12.8879 14.8222L14.0005 16.4841Z"
+  }, props), SVG_PATHS.map(function (pathProps, index) {
+    return /*#__PURE__*/_react.default.createElement("path", Object.assign({
+      key: index
+    }, pathProps));
   }));
-};
+};
+var unassessedIconSvgPaths = exports.unassessedIconSvgPaths = SVG_PATHS.map(function (p) {
+  return "<path fill-rule=\"".concat(p.fillRule, "\" d=\"").concat(p.d, "\"/>");
+}).join('');

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,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"}
+{"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;AAiGD,eAAO,MAAM,IAAI,uCAA2C,CAAA;AAI5D,eAAe,IAAI,CAAA"}

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

@@ -91,19 +91,9 @@ var arePropsEqual = function arePropsEqual(prevProps, nextProps) {
   // 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;
+  // Compare children by reference - function children must be stabilized with useCallback
+  // by the caller if re-renders should be avoided
+  if (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

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;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"}
+{"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;AAiH9C,eAAO,MAAM,YAAY,gLApEtB,iBAAiB,uBAoEwD,CAAA"}

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

@@ -37,11 +37,9 @@ var arePropsEqual = function arePropsEqual(prevProps, nextProps) {
   // 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.
-
+  // Compare children by reference - function children must be stabilized with useCallback
+  // by the caller if re-renders should be avoided
+  if (prevProps.children !== nextProps.children) return false;
   return true;
 };
 var ColumnHeaderComponent = function ColumnHeaderComponent(_ref) {

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,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"}
+{"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;AAmB/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,sBA6PlB,CAAA;AAED,eAAO,MAAM,KAAK,EAEb,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA"}

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

@@ -20,15 +20,30 @@ var _index4 = require("../Cell/index.js");
 var _index5 = require("../Row/index.js");
 var _index6 = require("../RowHeader/index.js");
 var _index7 = require("../ColumnHeader/index.js");
-var _excluded = ["id", "columns", "data", "caption", "renderAboveHeader", "dragDropConfig"];
-var TableComponent = exports.TableComponent = function TableComponent(_ref) {
-  var id = _ref.id,
-    columns = _ref.columns,
-    data = _ref.data,
-    caption = _ref.caption,
-    renderAboveHeader = _ref.renderAboveHeader,
-    dragDropConfig = _ref.dragDropConfig,
-    tableProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+var _excluded = ["colRender", "rowData", "cellData"],
+  _excluded2 = ["id", "columns", "data", "caption", "renderAboveHeader", "dragDropConfig"];
+// DataCell keeps the Cell child arrow function out of the hot render
+// path. React.memo compares colRender/rowData/cellData by reference; when columns are
+// reordered those values don't change, so Cell never receives new props and skips render.
+
+var DataCellInner = function DataCellInner(_ref) {
+  var colRender = _ref.colRender,
+    rowData = _ref.rowData,
+    cellData = _ref.cellData,
+    cellProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_index4.Cell, cellProps, function (focused) {
+    return colRender(cellData, rowData, focused);
+  });
+};
+var DataCell = /*#__PURE__*/_react.default.memo(DataCellInner);
+var TableComponent = exports.TableComponent = function TableComponent(_ref2) {
+  var id = _ref2.id,
+    columns = _ref2.columns,
+    data = _ref2.data,
+    caption = _ref2.caption,
+    renderAboveHeader = _ref2.renderAboveHeader,
+    dragDropConfig = _ref2.dragDropConfig,
+    tableProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
   var tableRef = (0, _react.useRef)(null);
   var columnsRef = (0, _react.useRef)(columns);
 
@@ -193,11 +208,12 @@ var TableComponent = exports.TableComponent = function TableComponent(_ref) {
           }, props), col.render ? col.render(row[col.key], row) : row[col.key]);
         }
         if (col.render) {
-          return /*#__PURE__*/_react.default.createElement(_index4.Cell, Object.assign({
-            key: col.key
-          }, props), function (focused) {
-            return col.render(row[col.key], row, focused);
-          });
+          return /*#__PURE__*/_react.default.createElement(DataCell, Object.assign({
+            key: col.key,
+            colRender: col.render,
+            rowData: row,
+            cellData: row[col.key]
+          }, props));
         }
         return /*#__PURE__*/_react.default.createElement(_index4.Cell, Object.assign({
           key: col.key

package/lib/test/jest-setup/__mocks__/@instructure/canvas-media.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var UploadMedia = function UploadMedia() {
+  return null;
+};
+UploadMedia.displayName = 'UploadMedia';
+module.exports = UploadMedia;
+module.exports.default = UploadMedia;