From 533e15df65e4dcf0ef7cc4e7225b24353076fd62 Mon Sep 17 00:00:00 2001
From: Earl Munyua <142984533+Munyua123@users.noreply.github.com>
Date: Mon, 4 Nov 2024 23:16:09 +0300
Subject: [PATCH] (feat) O3-4161: Add a Report icon to the CarbonMRS icon pack
 (#1194)

* O3-4161 Adding the Report Icon to the CarbonMRS Framework

* Update API.md
---
 packages/framework/esm-framework/docs/API.md   | 18 ++++++++++++++----
 packages/framework/esm-styleguide/mock.tsx     |  1 +
 .../src/icons/icon-registration.ts             |  2 ++
 .../esm-styleguide/src/icons/icons.tsx         |  8 ++++++++
 4 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/packages/framework/esm-framework/docs/API.md b/packages/framework/esm-framework/docs/API.md
index fa31904ef..2d91d0146 100644
--- a/packages/framework/esm-framework/docs/API.md
+++ b/packages/framework/esm-framework/docs/API.md
@@ -1173,7 +1173,7 @@ ___
 
 #### Defined in
 
-[packages/framework/esm-styleguide/src/icons/icons.tsx:622](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L622)
+[packages/framework/esm-styleguide/src/icons/icons.tsx:630](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L630)
 
 ___
 
@@ -1233,7 +1233,7 @@ ___
 
 #### Defined in
 
-[packages/framework/esm-styleguide/src/icons/icons.tsx:627](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L627)
+[packages/framework/esm-styleguide/src/icons/icons.tsx:635](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L635)
 
 ___
 
@@ -1427,7 +1427,7 @@ Note this is an alias for ListCheckedIcon
 
 #### Defined in
 
-[packages/framework/esm-styleguide/src/icons/icons.tsx:634](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L634)
+[packages/framework/esm-styleguide/src/icons/icons.tsx:642](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L642)
 
 ___
 
@@ -1839,6 +1839,16 @@ ___
 
 ___
 
+### ReportIcon
+
+• `Const` **ReportIcon**: `MemoExoticComponent`<`ForwardRefExoticComponent`<[`IconProps`](API.md#iconprops) & `RefAttributes`<`SVGSVGElement`\>\>\>
+
+#### Defined in
+
+[packages/framework/esm-styleguide/src/icons/icons.tsx:619](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L619)
+
+___
+
 ### ResetIcon
 
 • `Const` **ResetIcon**: `MemoExoticComponent`<`ForwardRefExoticComponent`<[`IconProps`](API.md#iconprops) & `RefAttributes`<`SVGSVGElement`\>\>\>
@@ -1889,7 +1899,7 @@ Note this is an alias for ShoppingCartArrowDownIcon
 
 #### Defined in
 
-[packages/framework/esm-styleguide/src/icons/icons.tsx:646](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L646)
+[packages/framework/esm-styleguide/src/icons/icons.tsx:654](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L654)
 
 ___
 
diff --git a/packages/framework/esm-styleguide/mock.tsx b/packages/framework/esm-styleguide/mock.tsx
index d3879f3ba..fb9ed50e5 100644
--- a/packages/framework/esm-styleguide/mock.tsx
+++ b/packages/framework/esm-styleguide/mock.tsx
@@ -47,6 +47,7 @@ export const PedestrianFamilyIcon = () => <div>PedestrianFamilyIcon</div>;
 export const PenIcon = () => <div>PenIcon</div>;
 export const PrinterIcon = () => <div>PrinterIcon</div>;
 export const RenewIcon = () => <div>RenewIcon</div>;
+export const ReportIcon = () => <div>ReportIcon</div>;
 export const ResetIcon = () => <div>ResetIcon</div>;
 export const PasswordIcon = () => <div>PasswordIcon</div>;
 export const SaveIcon = () => <div>SaveIcon</div>;
diff --git a/packages/framework/esm-styleguide/src/icons/icon-registration.ts b/packages/framework/esm-styleguide/src/icons/icon-registration.ts
index 2b855125f..f600d2a10 100644
--- a/packages/framework/esm-styleguide/src/icons/icon-registration.ts
+++ b/packages/framework/esm-styleguide/src/icons/icon-registration.ts
@@ -53,6 +53,7 @@ import pen from './svgs/pen.svg';
 import printer from './svgs/printer.svg';
 import renew from './svgs/renew.svg';
 import password from './svgs/password.svg';
+import report from './svgs/report.svg';
 import reset from './svgs/reset.svg';
 import save from './svgs/save.svg';
 import search from './svgs/search.svg';
@@ -131,6 +132,7 @@ export function setupIcons() {
   addSvg('omrs-icon-printer', printer);
   addSvg('omrs-icon-renew', renew);
   addSvg('omrs-icon-password', password);
+  addSvg('omrs-icon-report', report);
   addSvg('omrs-icon-reset', reset);
   addSvg('omrs-icon-search', search);
   addSvg('omrs-icon-save', save);
diff --git a/packages/framework/esm-styleguide/src/icons/icons.tsx b/packages/framework/esm-styleguide/src/icons/icons.tsx
index 48ee583f8..85d67a9eb 100644
--- a/packages/framework/esm-styleguide/src/icons/icons.tsx
+++ b/packages/framework/esm-styleguide/src/icons/icons.tsx
@@ -614,6 +614,14 @@ export const WarningIcon = memo(
   }),
 );
 
+/**
+ */
+export const ReportIcon = memo(
+  forwardRef<SVGSVGElement, IconProps>(function ReportIcon(props, ref) {
+    return <Icon ref={ref} icon="omrs-icon-report" iconProps={props} />;
+  }),
+);
+
 // Icon aliases that are a little more aligned to specific use-cases
 // should all resolve to a defined React icon