feat: Add Problem bank to the Unit add sidebar

Author: ChrisChV

src/course-unit/CourseUnit.test.tsx

@@ -3224,6 +3224,7 @@ describe('<CourseUnit />', () => {
       expect(openResponseCollapsible).toBeInTheDocument();
       const problemCollapsible = screen.getByTestId('problem-collapsible');
       expect(problemCollapsible).toBeInTheDocument();
+      expect(screen.getByRole('button', { name: 'Problem Bank' })).toBeInTheDocument();
 
       // Check text templates
       await user.click(within(textCollapsible).getByText(/text/i));
@@ -3277,6 +3278,10 @@ describe('<CourseUnit />', () => {
         name: 'Drag Drop',
         blockType: 'drag-and-drop-v2',
       },
+      {
+        name: 'Problem Bank',
+        blockType: 'itembank',
+      },
     ].forEach(({ name, blockType }) => {
       it(`calls appropriate handlers on new button click for ${name} block`, async () => {
         const blockButton = await screen.findByRole('button', { name });

src/course-unit/unit-sidebar/AddSidebar.tsx

@@ -148,6 +148,9 @@ const AddNewContent = () => {
       case COMPONENT_TYPES.openassessment:
         void handleCreateXBlock({ boilerplate: moduleName, category: type, parentLocator: blockId });
         break;
+      case COMPONENT_TYPES.itembank:
+        void handleCreateXBlock({ type, category: 'itembank', parentLocator: blockId });
+        break;
       case COMPONENT_TYPES.html:
         void handleCreateXBlock({
           type,
@@ -181,6 +184,10 @@ const AddNewContent = () => {
       blockType: 'problem',
       name: intl.formatMessage(messages.sidebarAddProblemButton),
     },
+    {
+      blockType: 'itembank',
+      name: intl.formatMessage(messages.sidebarAddProblemBankButton),
+    },
     {
       blockType: 'drag-and-drop-v2',
       name: intl.formatMessage(messages.sidebarAddDragDropButton),

src/course-unit/unit-sidebar/messages.ts

@@ -46,6 +46,11 @@ const messages = defineMessages({
     defaultMessage: 'Open Response',
     description: 'Label for the button to create a new Open Response block',
   },
+  sidebarAddProblemBankButton: {
+    id: 'course-authoring.unit-page.sidebar.add.new.problem-bank',
+    defaultMessage: 'Problem Bank',
+    description: 'Label for the button to create a new Problem Bank block',
+  },
   sidebarAddDragDropButton: {
     id: 'course-authoring.unit-page.sidebar.add.new.drag-and-drop',
     defaultMessage: 'Drag Drop',

src/generic/block-type-utils/index.scss

@@ -277,6 +277,7 @@
 
 .icon-with-border-problem,
 .icon-with-border-drag-and-drop-v2,
+.icon-with-border-itembank,
 .icon-with-border-openassessment {
   border: 1px solid var(--content-library-component-primary-color);