@instructure/outcomes-ui 4.1.3 → 4.1.4

package/lib/translated/zh-Hant/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/translated/zh-Hant/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/translated/zh-Hant/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/translated/zh-Hant/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/translated/zh-Hant/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/translated/zh-Hant/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/translated/zh-Hant/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;

package/lib/translated/zh-Hant/util/gradebook/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "masteryLevelToSvgUrl", {
+  enumerable: true,
+  get: function get() {
+    return _masteryLevelToSvgUrl.masteryLevelToSvgUrl;
+  }
+});
+var _masteryLevelToSvgUrl = require("./masteryLevelToSvgUrl.js");

package/lib/translated/zh-Hant/util/gradebook/masteryLevelToSvgUrl.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.masteryLevelToSvgUrl = void 0;
+var _ExceedsMasteryIcon = require("../../components/Gradebook/icons/MasteryLevelIcon/ExceedsMasteryIcon.js");
+var _MasteryIcon = require("../../components/Gradebook/icons/MasteryLevelIcon/MasteryIcon.js");
+var _NearMasteryIcon = require("../../components/Gradebook/icons/MasteryLevelIcon/NearMasteryIcon.js");
+var _NoEvidenceIcon = require("../../components/Gradebook/icons/MasteryLevelIcon/NoEvidenceIcon.js");
+var _RemediationIcon = require("../../components/Gradebook/icons/MasteryLevelIcon/RemediationIcon.js");
+var _UnassessedIcon = require("../../components/Gradebook/icons/MasteryLevelIcon/UnassessedIcon.js");
+var MASTERY_LEVEL_SVG_CONFIG = {
+  exceeds_mastery: {
+    svgPaths: _ExceedsMasteryIcon.exceedsMasteryIconSvgPaths,
+    defaultFill: _ExceedsMasteryIcon.DEFAULT_FILL_EXCEEDS_MASTERY
+  },
+  mastery: {
+    svgPaths: _MasteryIcon.masteryIconSvgPaths,
+    defaultFill: _MasteryIcon.DEFAULT_FILL_MASTERY
+  },
+  near_mastery: {
+    svgPaths: _NearMasteryIcon.nearMasteryIconSvgPaths,
+    defaultFill: _NearMasteryIcon.DEFAULT_FILL_NEAR_MASTERY
+  },
+  no_evidence: {
+    svgPaths: _NoEvidenceIcon.noEvidenceIconSvgPaths,
+    defaultFill: _NoEvidenceIcon.DEFAULT_FILL_NO_EVIDENCE
+  },
+  remediation: {
+    svgPaths: _RemediationIcon.remediationIconSvgPaths,
+    defaultFill: _RemediationIcon.DEFAULT_FILL_REMEDIATION
+  },
+  unassessed: {
+    svgPaths: _UnassessedIcon.unassessedIconSvgPaths,
+    defaultFill: _UnassessedIcon.DEFAULT_FILL_UNASSESSED
+  }
+};
+var masteryLevelToSvgUrl = exports.masteryLevelToSvgUrl = function masteryLevelToSvgUrl(masteryLevel, options) {
+  var config = MASTERY_LEVEL_SVG_CONFIG[masteryLevel];
+  if (!config) {
+    console.warn("No SVG config found for mastery level \"".concat(masteryLevel, "\""));
+    return null;
+  }
+  var svgPaths = config.svgPaths,
+    defaultFill = config.defaultFill;
+  var fill = options === null || options === void 0 ? void 0 : options.fill;
+  var svg = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-1 -1 20 20\" fill=\"".concat(fill || defaultFill, "\">").concat(svgPaths, "</svg>");
+  return "data:image/svg+xml;charset=utf-8,".concat(encodeURIComponent(svg));
+};

package/lib/util/gradebook/index.d.ts

@@ -0,0 +1,2 @@
+export { masteryLevelToSvgUrl, type MasteryIconOptions } from './masteryLevelToSvgUrl';
+//# sourceMappingURL=index.d.ts.map

package/lib/util/gradebook/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/util/gradebook/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,KAAK,kBAAkB,EAAE,MAAM,wBAAwB,CAAA"}

package/lib/util/gradebook/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "masteryLevelToSvgUrl", {
+  enumerable: true,
+  get: function get() {
+    return _masteryLevelToSvgUrl.masteryLevelToSvgUrl;
+  }
+});
+var _masteryLevelToSvgUrl = require("./masteryLevelToSvgUrl.js");

package/lib/util/gradebook/masteryLevelToSvgUrl.d.ts

@@ -0,0 +1,6 @@
+import type { MasteryLevel } from '../../types/gradebook';
+export interface MasteryIconOptions {
+    fill?: string;
+}
+export declare const masteryLevelToSvgUrl: (masteryLevel: MasteryLevel, options?: MasteryIconOptions) => string | null;
+//# sourceMappingURL=masteryLevelToSvgUrl.d.ts.map

package/lib/util/gradebook/masteryLevelToSvgUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"masteryLevelToSvgUrl.d.ts","sourceRoot":"","sources":["../../../src/util/gradebook/masteryLevelToSvgUrl.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAWrD,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,oBAAoB,GAAI,cAAc,YAAY,EAAE,UAAU,kBAAkB,kBAY5F,CAAA"}

package/lib/util/gradebook/masteryLevelToSvgUrl.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.masteryLevelToSvgUrl = void 0;
+var _ExceedsMasteryIcon = require("../../components/Gradebook/icons/MasteryLevelIcon/ExceedsMasteryIcon.js");
+var _MasteryIcon = require("../../components/Gradebook/icons/MasteryLevelIcon/MasteryIcon.js");
+var _NearMasteryIcon = require("../../components/Gradebook/icons/MasteryLevelIcon/NearMasteryIcon.js");
+var _NoEvidenceIcon = require("../../components/Gradebook/icons/MasteryLevelIcon/NoEvidenceIcon.js");
+var _RemediationIcon = require("../../components/Gradebook/icons/MasteryLevelIcon/RemediationIcon.js");
+var _UnassessedIcon = require("../../components/Gradebook/icons/MasteryLevelIcon/UnassessedIcon.js");
+var MASTERY_LEVEL_SVG_CONFIG = {
+  exceeds_mastery: {
+    svgPaths: _ExceedsMasteryIcon.exceedsMasteryIconSvgPaths,
+    defaultFill: _ExceedsMasteryIcon.DEFAULT_FILL_EXCEEDS_MASTERY
+  },
+  mastery: {
+    svgPaths: _MasteryIcon.masteryIconSvgPaths,
+    defaultFill: _MasteryIcon.DEFAULT_FILL_MASTERY
+  },
+  near_mastery: {
+    svgPaths: _NearMasteryIcon.nearMasteryIconSvgPaths,
+    defaultFill: _NearMasteryIcon.DEFAULT_FILL_NEAR_MASTERY
+  },
+  no_evidence: {
+    svgPaths: _NoEvidenceIcon.noEvidenceIconSvgPaths,
+    defaultFill: _NoEvidenceIcon.DEFAULT_FILL_NO_EVIDENCE
+  },
+  remediation: {
+    svgPaths: _RemediationIcon.remediationIconSvgPaths,
+    defaultFill: _RemediationIcon.DEFAULT_FILL_REMEDIATION
+  },
+  unassessed: {
+    svgPaths: _UnassessedIcon.unassessedIconSvgPaths,
+    defaultFill: _UnassessedIcon.DEFAULT_FILL_UNASSESSED
+  }
+};
+var masteryLevelToSvgUrl = exports.masteryLevelToSvgUrl = function masteryLevelToSvgUrl(masteryLevel, options) {
+  var config = MASTERY_LEVEL_SVG_CONFIG[masteryLevel];
+  if (!config) {
+    console.warn("No SVG config found for mastery level \"".concat(masteryLevel, "\""));
+    return null;
+  }
+  var svgPaths = config.svgPaths,
+    defaultFill = config.defaultFill;
+  var fill = options === null || options === void 0 ? void 0 : options.fill;
+  var svg = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-1 -1 20 20\" fill=\"".concat(fill || defaultFill, "\">").concat(svgPaths, "</svg>");
+  return "data:image/svg+xml;charset=utf-8,".concat(encodeURIComponent(svg));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/outcomes-ui",
-  "version": "4.1.3",
+  "version": "4.1.4",
   "description": "Outcomes Application for general alignment and assessment",
   "author": "Instructure, Inc. Engineering and Product Design",
   "license": "MIT",
@@ -32,6 +32,7 @@
     "@instructure/ui-a11y-content": "^10",
     "@instructure/ui-a11y-utils": "^10",
     "@instructure/ui-avatar": "^10",
+    "@instructure/canvas-media": "^4.1.0",
     "@instructure/ui-badge": "^10",
     "@instructure/ui-billboard": "^10",
     "@instructure/ui-buttons": "^10",
@@ -61,6 +62,7 @@
     "@instructure/ui-table": "^10",
     "@instructure/ui-tag": "^10",
     "@instructure/ui-text": "^10",
+    "@instructure/ui-text-area": "^10",
     "@instructure/ui-text-input": "^10",
     "@instructure/ui-themes": "^10",
     "@instructure/ui-tooltip": "^10",
@@ -75,7 +77,7 @@
     "format-message": "^6.2.1",
     "format-message-generate-id": "^6.2.1",
     "ignore-styles": "^5.0.1",
-    "immutable": "^3.8.1",
+    "immutable": "^3.8.3",
     "isomorphic-fetch": "^2.2.1",
     "lodash": "^4.17.5",
     "lodash.frompairs": "^4.0.1",
@@ -200,7 +202,8 @@
     "react-dom": "^18.2"
   },
   "resolutions": {
-    "cheerio": "1.0.0-rc.12"
+    "cheerio": "1.0.0-rc.12",
+    "immutable": "3.8.3"
   },
   "msw": {
     "workerDirectory": [