@instructure/outcomes-ui 4.1.2 → 4.1.4

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { View } from '@instructure/ui-view';
 import { action } from '@storybook/addon-actions';
+import { IconExpandStartLine } from '@instructure/ui-icons';
 import { ScoreDisplayFormat } from "../../../../util/gradebook/constants.js";
 import { ScoreCellContent } from "./index.js";
 var meta = {
@@ -46,6 +47,26 @@ export var IconAndLabel = {
     background: 'secondary'
   }
 };
+export var Percent = {
+  args: {
+    scoreDisplayFormat: ScoreDisplayFormat.PERCENT,
+    masteryLevel: 'mastery',
+    label: 'Mastery',
+    score: 3,
+    totalScore: 4,
+    background: 'secondary'
+  }
+};
+export var PercentAndRatio = {
+  args: {
+    scoreDisplayFormat: ScoreDisplayFormat.PERCENT_AND_RATIO,
+    masteryLevel: 'mastery',
+    label: 'Mastery',
+    score: 3,
+    totalScore: 4,
+    background: 'secondary'
+  }
+};
 export var OnAction = {
   args: {
     scoreDisplayFormat: ScoreDisplayFormat.ICON_AND_POINTS,
@@ -53,9 +74,30 @@ export var OnAction = {
     label: 'Remediation',
     score: 1,
     onAction: action('onAction'),
+    actionIcon: /*#__PURE__*/React.createElement(IconExpandStartLine, null),
     background: 'secondary'
   }
 };
+export var CustomColor = {
+  args: {
+    scoreDisplayFormat: ScoreDisplayFormat.ICON_ONLY,
+    masteryLevel: 'mastery',
+    label: 'Mastery',
+    score: 3,
+    background: 'secondary',
+    iconColor: '#FF6B35'
+  }
+};
+export var CustomColorWithLabel = {
+  args: {
+    scoreDisplayFormat: 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
 export var FocusControlled = {
@@ -65,6 +107,7 @@ export var FocusControlled = {
     label: 'No Evidence',
     score: 0,
     onAction: action('onAction'),
+    actionIcon: /*#__PURE__*/React.createElement(IconExpandStartLine, null),
     focus: true,
     background: 'secondary'
   }

package/es/translated/sl/components/Gradebook/gradebook-table/StudentCell/__mocks__/mockData.js

@@ -0,0 +1,12 @@
+export var mockStudent = {
+  id: '1',
+  displayName: 'John Smith',
+  sortableName: 'Smith, John',
+  status: 'active'
+};
+export var mockStudentLongName = {
+  id: '2',
+  displayName: 'Alexander Montgomery Wellington Junior III',
+  sortableName: 'III, Alexander Montgomery Wellington Junior',
+  status: 'active'
+};

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

@@ -3,17 +3,13 @@ import React from 'react';
 import { expect } from '@jest/globals';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import { SecondaryInfoDisplay, NameDisplayFormat } from "../../../../../util/gradebook/constants.js";
+import { NameDisplayFormat } from "../../../../../util/gradebook/constants.js";
 import { StudentCell } from "../index.js";
 var mockStudent = {
   id: '123',
-  name: 'Jane Doe',
-  display_name: 'Jane Doe',
-  sortable_name: 'Doe, Jane',
-  sis_id: 'SIS123',
-  integration_id: 'INT456',
-  login_id: 'jane.doe@example.com',
-  avatar_url: 'https://example.com/avatar.jpg',
+  displayName: 'Jane Doe',
+  sortableName: 'Doe, Jane',
+  avatarUrl: 'https://example.com/avatar.jpg',
   status: 'active'
 };
 describe('StudentCell', function () {
@@ -58,76 +54,26 @@ describe('StudentCell', function () {
     });
   });
   describe('secondary info display', function () {
-    it('does not render secondary info when secondaryInfoDisplay is not provided', function () {
+    it('does not render secondary info when secondaryInfo is not provided', function () {
       render(/*#__PURE__*/React.createElement(StudentCell, defaultProps));
       expect(screen.queryByTestId('student-secondary-info')).not.toBeInTheDocument();
     });
-    it('renders SIS ID when secondaryInfoDisplay is SIS_ID', function () {
+    it('renders secondary info when provided', function () {
       render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
-        secondaryInfoDisplay: SecondaryInfoDisplay.SIS_ID
+        secondaryInfo: "SIS123"
       })));
       var secondaryInfo = screen.getByTestId('student-secondary-info');
       expect(secondaryInfo).toBeInTheDocument();
       expect(secondaryInfo).toHaveTextContent('SIS123');
     });
-    it('renders integration ID when secondaryInfoDisplay is INTEGRATION_ID', function () {
+    it('renders empty string when secondaryInfo is an empty string', function () {
       render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
-        secondaryInfoDisplay: SecondaryInfoDisplay.INTEGRATION_ID
-      })));
-      var secondaryInfo = screen.getByTestId('student-secondary-info');
-      expect(secondaryInfo).toBeInTheDocument();
-      expect(secondaryInfo).toHaveTextContent('INT456');
-    });
-    it('renders login ID when secondaryInfoDisplay is LOGIN_ID', function () {
-      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
-        secondaryInfoDisplay: SecondaryInfoDisplay.LOGIN_ID
-      })));
-      var secondaryInfo = screen.getByTestId('student-secondary-info');
-      expect(secondaryInfo).toBeInTheDocument();
-      expect(secondaryInfo).toHaveTextContent('jane.doe@example.com');
-    });
-    it('renders empty string when SIS ID is not available', function () {
-      var studentWithoutSIS = _objectSpread(_objectSpread({}, mockStudent), {}, {
-        sis_id: void 0
-      });
-      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
-        student: studentWithoutSIS,
-        secondaryInfoDisplay: SecondaryInfoDisplay.SIS_ID
+        secondaryInfo: ""
       })));
       var secondaryInfo = screen.getByTestId('student-secondary-info');
       expect(secondaryInfo).toBeInTheDocument();
       expect(secondaryInfo).toHaveTextContent('');
     });
-    it('renders empty string when integration ID is not available', function () {
-      var studentWithoutIntegrationId = _objectSpread(_objectSpread({}, mockStudent), {}, {
-        integration_id: void 0
-      });
-      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
-        student: studentWithoutIntegrationId,
-        secondaryInfoDisplay: SecondaryInfoDisplay.INTEGRATION_ID
-      })));
-      var secondaryInfo = screen.getByTestId('student-secondary-info');
-      expect(secondaryInfo).toBeInTheDocument();
-      expect(secondaryInfo).toHaveTextContent('');
-    });
-    it('renders empty string when login ID is not available', function () {
-      var studentWithoutLoginId = _objectSpread(_objectSpread({}, mockStudent), {}, {
-        login_id: void 0
-      });
-      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
-        student: studentWithoutLoginId,
-        secondaryInfoDisplay: SecondaryInfoDisplay.LOGIN_ID
-      })));
-      var secondaryInfo = screen.getByTestId('student-secondary-info');
-      expect(secondaryInfo).toBeInTheDocument();
-      expect(secondaryInfo).toHaveTextContent('');
-    });
-    it('does not render secondary info when secondaryInfoDisplay is NONE', function () {
-      render(/*#__PURE__*/React.createElement(StudentCell, Object.assign({}, defaultProps, {
-        secondaryInfoDisplay: SecondaryInfoDisplay.NONE
-      })));
-      expect(screen.queryByTestId('student-secondary-info')).not.toBeInTheDocument();
-    });
   });
   describe('student status', function () {
     it('does not render status badge for active students', function () {

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

@@ -2,30 +2,16 @@ import React from 'react';
 import { Avatar } from '@instructure/ui-avatar';
 import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
-import { SecondaryInfoDisplay, NameDisplayFormat } from "../../../../util/gradebook/constants.js";
-var getSecondaryInfo = function getSecondaryInfo(student, secondaryInfoDisplay) {
-  if (!secondaryInfoDisplay) return null;
-  switch (secondaryInfoDisplay) {
-    case SecondaryInfoDisplay.SIS_ID:
-      return student.sis_id || '';
-    case SecondaryInfoDisplay.INTEGRATION_ID:
-      return student.integration_id || '';
-    case SecondaryInfoDisplay.LOGIN_ID:
-      return student.login_id || '';
-    default:
-      return null;
-  }
-};
+import { NameDisplayFormat } from "../../../../util/gradebook/constants.js";
 export var StudentCell = function StudentCell(_ref) {
   var student = _ref.student,
-    secondaryInfoDisplay = _ref.secondaryInfoDisplay,
+    secondaryInfo = _ref.secondaryInfo,
     _ref$showStudentAvata = _ref.showStudentAvatar,
     showStudentAvatar = _ref$showStudentAvata === void 0 ? true : _ref$showStudentAvata,
     nameDisplayFormat = _ref.nameDisplayFormat,
     studentPopover = _ref.studentPopover;
   var shouldShowStudentStatus = student.status === 'inactive' || student.status === 'concluded';
-  var secondaryInfo = getSecondaryInfo(student, secondaryInfoDisplay);
-  var studentName = nameDisplayFormat === NameDisplayFormat.LAST_FIRST ? student.sortable_name : student.display_name;
+  var studentName = nameDisplayFormat === NameDisplayFormat.LAST_FIRST ? student.sortableName : student.displayName;
   return /*#__PURE__*/React.createElement(Flex, {
     height: "100%",
     "data-testid": "student-cell",
@@ -36,7 +22,7 @@ export var StudentCell = function StudentCell(_ref) {
     as: "div",
     size: "x-small",
     name: studentName,
-    src: student.avatar_url,
+    src: student.avatarUrl,
     "data-testid": "student-avatar"
   })), /*#__PURE__*/React.createElement(Flex.Item, {
     as: "div",
@@ -44,7 +30,7 @@ export var StudentCell = function StudentCell(_ref) {
   }, /*#__PURE__*/React.createElement(Flex, {
     direction: "column",
     textAlign: "start"
-  }, studentPopover, secondaryInfo !== null && /*#__PURE__*/React.createElement(Text, {
+  }, studentPopover, secondaryInfo !== void 0 && /*#__PURE__*/React.createElement(Text, {
     size: "legend",
     color: "secondary",
     "data-testid": "student-secondary-info"

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

@@ -1,10 +1,24 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from 'react';
 import { View } from '@instructure/ui-view';
-import { SecondaryInfoDisplay, NameDisplayFormat } from "../../../../util/gradebook/constants.js";
-import { mockStudent, mockStudentLongName } from "../../__mocks__/mockData.js";
-import { createStudentPopover, StoryWrapper } from "../../storybook/decorators.js";
+import { NameDisplayFormat } from "../../../../util/gradebook/constants.js";
+import { mockStudent, mockStudentLongName } from "./__mocks__/mockData.js";
+import { StoryWrapper } from "../../storybook/decorators.js";
 import { StudentCell } from "../../../../index.js";
+import { StudentPopover } from "../../popovers/StudentPopover/index.js";
+var createStudentPopover = function createStudentPopover(_ref) {
+  var studentName = _ref.studentName,
+    avatarUrl = _ref.avatarUrl,
+    masteryScores = _ref.masteryScores;
+  return /*#__PURE__*/React.createElement(StudentPopover, {
+    studentName: studentName,
+    avatarUrl: avatarUrl,
+    masteryScores: masteryScores,
+    studentGradesUrl: "/test-url",
+    description: "Introduction to Computer Science",
+    metadata: "Section A, Section B"
+  });
+};
 var meta = {
   title: 'Gradebook/StudentCell',
   component: StudentCell,
@@ -18,8 +32,7 @@ var meta = {
   }],
   args: {
     studentPopover: createStudentPopover({
-      studentName: mockStudent.display_name,
-      student: mockStudent
+      studentName: mockStudent.displayName
     })
   }
 };
@@ -29,49 +42,34 @@ export var Default = {
     student: mockStudent
   }
 };
-export var WithSISID = {
-  args: {
-    student: mockStudent,
-    secondaryInfoDisplay: SecondaryInfoDisplay.SIS_ID
-  }
-};
-export var WithLoginID = {
-  args: {
-    student: mockStudent,
-    secondaryInfoDisplay: SecondaryInfoDisplay.LOGIN_ID
-  }
-};
-export var WithIntegrationID = {
+export var WithSecondaryInfo = {
   args: {
     student: mockStudent,
-    secondaryInfoDisplay: SecondaryInfoDisplay.INTEGRATION_ID
+    secondaryInfo: '12345678'
   }
 };
 export var LastFirstFormat = {
   args: {
     student: mockStudent,
     nameDisplayFormat: NameDisplayFormat.LAST_FIRST,
-    secondaryInfoDisplay: SecondaryInfoDisplay.SIS_ID,
     studentPopover: createStudentPopover({
-      studentName: mockStudent.sortable_name,
-      student: mockStudent
+      studentName: mockStudent.sortableName,
+      avatarUrl: void 0
     })
   }
 };
 export var FirstLastFormat = {
   args: {
     student: mockStudent,
-    nameDisplayFormat: NameDisplayFormat.FIRST_LAST,
-    secondaryInfoDisplay: SecondaryInfoDisplay.LOGIN_ID
+    nameDisplayFormat: NameDisplayFormat.FIRST_LAST
   }
 };
 export var LongName = {
   args: {
     student: mockStudentLongName,
-    secondaryInfoDisplay: SecondaryInfoDisplay.SIS_ID,
     studentPopover: createStudentPopover({
-      studentName: mockStudentLongName.display_name,
-      student: mockStudentLongName
+      studentName: mockStudentLongName.displayName,
+      avatarUrl: void 0
     })
   }
 };
@@ -79,10 +77,9 @@ export var LongNameLastFirst = {
   args: {
     student: mockStudentLongName,
     nameDisplayFormat: NameDisplayFormat.LAST_FIRST,
-    secondaryInfoDisplay: SecondaryInfoDisplay.SIS_ID,
     studentPopover: createStudentPopover({
-      studentName: mockStudentLongName.sortable_name,
-      student: mockStudentLongName
+      studentName: mockStudentLongName.sortableName,
+      avatarUrl: void 0
     })
   }
 };

package/es/translated/sl/components/Gradebook/icons/MasteryLevelIcon/ExceedsMasteryIcon.js

@@ -1,9 +1,19 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["fill"];
 import React from 'react';
+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'
+}];
+export var DEFAULT_FILL_EXCEEDS_MASTERY = '#0374B5';
 export var 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 = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     id: "exceeds-mastery",
@@ -14,13 +24,12 @@ export var ExceedsMasteryIcon = function ExceedsMasteryIcon(_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "Exceeds Mastery"
-  }, props), /*#__PURE__*/React.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.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.createElement("path", Object.assign({
+      key: index
+    }, pathProps));
   }));
-};
+};
+export var exceedsMasteryIconSvgPaths = SVG_PATHS.map(function (p) {
+  return "<path fill-rule=\"".concat(p.fillRule, "\" d=\"").concat(p.d, "\"/>");
+}).join('');

package/es/translated/sl/components/Gradebook/icons/MasteryLevelIcon/MasteryIcon.js

@@ -1,9 +1,13 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["fill"];
 import React from 'react';
+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'
+}];
+export var DEFAULT_FILL_MASTERY = '#0B874B';
 export var 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 = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     id: "mastery",
@@ -14,7 +18,12 @@ export var MasteryIcon = function MasteryIcon(_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "Mastery"
-  }, props), /*#__PURE__*/React.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.createElement("path", Object.assign({
+      key: index
+    }, pathProps));
   }));
-};
+};
+export var masteryIconSvgPaths = SVG_PATHS.map(function (p) {
+  return "<path d=\"".concat(p.d, "\"/>");
+}).join('');

package/es/translated/sl/components/Gradebook/icons/MasteryLevelIcon/MasteryIconFromSVGUrl.stories.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { masteryLevelToSvgUrl } from "../../../../util/gradebook/masteryLevelToSvgUrl.js";
+var MasteryIconFromSVGUrl = function MasteryIconFromSVGUrl(_ref) {
+  var masteryLevel = _ref.masteryLevel,
+    options = _ref.options;
+  var src = masteryLevelToSvgUrl(masteryLevel, options);
+  return /*#__PURE__*/React.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']
+    }
+  }
+};
+export default meta;
+export var ExceedsMastery = {
+  args: {
+    masteryLevel: 'exceeds_mastery'
+  }
+};
+export var Mastery = {
+  args: {
+    masteryLevel: 'mastery'
+  }
+};
+export var NearMastery = {
+  args: {
+    masteryLevel: 'near_mastery'
+  }
+};
+export var Remediation = {
+  args: {
+    masteryLevel: 'remediation'
+  }
+};
+export var Unassessed = {
+  args: {
+    masteryLevel: 'unassessed'
+  }
+};
+export var NoEvidence = {
+  args: {
+    masteryLevel: 'no_evidence'
+  }
+};
+export var ExceedsMasteryColorOverride = {
+  args: {
+    masteryLevel: 'exceeds_mastery',
+    options: {
+      fill: '#FF00EE'
+    }
+  }
+};

package/es/translated/sl/components/Gradebook/icons/MasteryLevelIcon/NearMasteryIcon.js

@@ -1,9 +1,15 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["fill"];
 import React from 'react';
+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'
+}];
+export var DEFAULT_FILL_NEAR_MASTERY = '#FBB918';
 export var 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 = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     id: "near-mastery",
@@ -14,9 +20,12 @@ export var NearMasteryIcon = function NearMasteryIcon(_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "Near Mastery"
-  }, props), /*#__PURE__*/React.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.createElement("path", Object.assign({
+      key: index
+    }, pathProps));
   }));
-};
+};
+export var nearMasteryIconSvgPaths = SVG_PATHS.map(function (p) {
+  return "<path fill-rule=\"".concat(p.fillRule, "\" d=\"").concat(p.d, "\"/>");
+}).join('');

package/es/translated/sl/components/Gradebook/icons/MasteryLevelIcon/NoEvidenceIcon.js

@@ -1,9 +1,15 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["fill"];
 import React from 'react';
+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'
+}];
+export var DEFAULT_FILL_NO_EVIDENCE = '#6A7883';
 export var 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 = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     id: "no_evidence",
@@ -14,9 +20,12 @@ export var NoEvidenceIcon = function NoEvidenceIcon(_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "No Evidence"
-  }, props), /*#__PURE__*/React.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.createElement("path", Object.assign({
+      key: index
+    }, pathProps));
   }));
-};
+};
+export var noEvidenceIconSvgPaths = SVG_PATHS.map(function (p) {
+  return "<path fill-rule=\"".concat(p.fillRule, "\" d=\"").concat(p.d, "\"/>");
+}).join('');

package/es/translated/sl/components/Gradebook/icons/MasteryLevelIcon/RemediationIcon.js

@@ -1,9 +1,15 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["fill"];
 import React from 'react';
+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'
+}];
+export var DEFAULT_FILL_REMEDIATION = '#E0061F';
 export var 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 = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     id: "remediation",
@@ -14,9 +20,12 @@ export var RemediationIcon = function RemediationIcon(_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "Remediation"
-  }, props), /*#__PURE__*/React.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.createElement("path", Object.assign({
+      key: index
+    }, pathProps));
   }));
-};
+};
+export var remediationIconSvgPaths = SVG_PATHS.map(function (p) {
+  return "<path fill-rule=\"".concat(p.fillRule, "\" d=\"").concat(p.d, "\"/>");
+}).join('');

package/es/translated/sl/components/Gradebook/icons/MasteryLevelIcon/UnassessedIcon.js

@@ -1,9 +1,15 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["fill"];
 import React from 'react';
+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'
+}];
+export var DEFAULT_FILL_UNASSESSED = '#C7CDD1';
 export var 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 = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     id: "unassessed",
@@ -14,9 +20,12 @@ export var UnassessedIcon = function UnassessedIcon(_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-label": "Unassessed"
-  }, props), /*#__PURE__*/React.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.createElement("path", Object.assign({
+      key: index
+    }, pathProps));
   }));
-};
+};
+export var unassessedIconSvgPaths = SVG_PATHS.map(function (p) {
+  return "<path fill-rule=\"".concat(p.fillRule, "\" d=\"").concat(p.d, "\"/>");
+}).join('');