microsoft · Ramakrishnan24689 · Jun 11, 2025 · Jun 11, 2025 · Jun 11, 2025 · Jun 11, 2025
diff --git a/.github/workflows/create-release.yml b/.github/workflows/create-release.yml
@@ -57,6 +57,7 @@ jobs:
                 `${process.env.GITHUB_WORKSPACE}/DonutChart/DonutChart`,
                 `${process.env.GITHUB_WORKSPACE}/Elevation/Elevation`,
                 `${process.env.GITHUB_WORKSPACE}/Facepile/Facepile`,
+                `${process.env.GITHUB_WORKSPACE}/FluentMessageBar/FluentMessageBar`,
                 `${process.env.GITHUB_WORKSPACE}/GaugeChart/GaugeChart`,
                 `${process.env.GITHUB_WORKSPACE}/HorizontalBarChart/HorizontalBarChart`,
                 `${process.env.GITHUB_WORKSPACE}/Icon/Icon`,
@@ -142,6 +143,12 @@ jobs:
           cd ./Facepile
           npm install
           npm ci
+
+      - name: Install Dependencies in FluentMessageBar
+        run: |
+          cd ./FluentMessageBar
+          npm install
+          npm ci
 
       - name: Install Dependencies in GaugeChart
         run: |

diff --git a/.github/workflows/pr_validate_all.yml b/.github/workflows/pr_validate_all.yml
@@ -22,6 +22,7 @@ jobs:
          - "./DonutChart" 
          - "./Elevation" 
          - "./Facepile"
+         - "./FluentMessageBar"
          - "./GaugeChart"
          - "./HorizontalBarChart"
          - "./Icon"

diff --git a/FluentMessageBar/.eslintignore b/FluentMessageBar/.eslintignore
@@ -0,0 +1 @@
+out/
diff --git a/FluentMessageBar/.gitignore b/FluentMessageBar/.gitignore
@@ -8,6 +8,7 @@
 
 # output directory
 /out
+/coverage
 
 # msbuild output directories
 /bin

diff --git a/FluentMessageBar/FluentMessageBar/_tests_/messagebar-lifecyle.test.ts b/FluentMessageBar/FluentMessageBar/_tests_/messagebar-lifecyle.test.ts
@@ -3,7 +3,7 @@ import { FluentMessageBar } from '..';
 import { MockContext, MockState } from '../__mocks__/mock-context';
 import { MockDataSet, MockEntityRecord } from '../__mocks__/mock-datasets';
 import { getMockParameters } from '../__mocks__/mock-parameters';
-import { IInputs, IOutputs } from '../generated/ManifestTypes';
+import { IInputs } from '../generated/ManifestTypes';
 import { ItemColumns } from '../ManifestConstant';
 
 describe('FluentMessageBar', () => {

diff --git a/FluentMessageBar/package-lock.json b/FluentMessageBar/package-lock.json
diff --git a/FluentMessageBar/package.json b/FluentMessageBar/package.json
@@ -5,7 +5,7 @@
   "scripts": {
     "build": "pcf-scripts build",
     "clean": "pcf-scripts clean",
-    "lint": "eslint FluentMessageBar --ext .ts,.tsx",
+    "lint": "eslint FluentMessageBar/**/*.ts FluentMessageBar/**/*.tsx",
     "lint:fix": "npm run lint -- --fix",
     "rebuild": "pcf-scripts rebuild",
     "start": "pcf-scripts start",

diff --git a/README.md b/README.md
@@ -22,6 +22,7 @@ The following table provides an index to the code components in this repository:
 | [DetailsList](DetailsList)               | User Interface | The DetailsList code component allows using of the [Fluent UI DetailsList component](https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist) from inside canvas apps and custom pages. | **✅**     | **✅**       | **✅**        | ⬜                 | ⬜                 |
 | [Elevation](Elevation)                   | User Interface | Fluent UI elevation support with mouse hover events.         | **✅**     | **✅**       | **✅**        | ⬜                 | ⬜                 |
 | [Facepile](Facepile)                 | User interface | This code component provides a wrapper around the [Fluent UI Facepile](https://developer.microsoft.com/en-us/fluentui#/controls/web/facepile) control for use in canvas & custom pages. | **✅**     | **✅**       | **✅**        | ⬜                 | ⬜                 |
+| [FluentMessageBar](FluentMessageBar)                 | User interface | This code component provides a wrapper around the [Fluent UI Messagebar](https://react.fluentui.dev/?path=/docs/components-messagebar--docs) control for use in canvas & custom pages. | **✅**     | **✅**       | **✅**        | ⬜                 | ⬜                 |
 | [Icon](Icon)                             | User Interface | Fluent UI [Font Icon](https://developer.microsoft.com/en-us/fluentui#/controls/web/icon)/ Icon Button & Action Button with custom styling. | ✅         | ✅           | ✅            | ⬜                 | ⬜                 |
 | [Keyboard shortcuts](KeyboardShortcuts)  | Utility        | Registers key press event handlers to allow keyboard short cuts to be used inside canvas apps. | ⬜         | **✅**       | ⬜            | ⬜                 | ⬜                 |
 | [Masked TextField](MaskedTextField)                               | User Interface | This code component provides a wrapper around the [Fluent UI Customizable Masked TextField](https://developer.microsoft.com/en-us/fluentui#/controls/web/textfield) control for use in canvas & custom pages. | **✅**     | **✅**       | **✅**        | ⬜                 | ⬜                 |

diff --git a/Solution/Solution.cdsproj b/Solution/Solution.cdsproj
@@ -52,6 +52,7 @@
     <ProjectReference Include="..\DonutChart\DonutChart.pcfproj" />
     <ProjectReference Include="..\Elevation\Elevation.pcfproj" />
     <ProjectReference Include="..\Facepile\Facepile.pcfproj" />
+    <ProjectReference Include="..\FluentMessageBar\FluentMessageBar.pcfproj" />
     <ProjectReference Include="..\GaugeChart\GaugeChart.pcfproj" />
     <ProjectReference Include="..\HorizontalBarChart\HorizontalBarChart.pcfproj" />
     <ProjectReference Include="..\Icon\Icon.pcfproj" />
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,6 +8,7 @@ @@
     # output directory
     /out
+    /coverage
     # msbuild output directories
     /bin
@@ Expand Down @@