(feat) Add in-patient pictogram (#1205)

Adds in-patient pictogram to the pictogram registry. This will be used in the Bed management app.
openmrs · Nov 13, 2024 · 5760269 · 5760269
1 parent f5c3e37
commit 5760269
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 24 deletions.
diff --git a/packages/framework/esm-framework/docs/API.md b/packages/framework/esm-framework/docs/API.md
@@ -1183,7 +1183,7 @@ ___
 
 #### Defined in
 
-[packages/framework/esm-styleguide/src/pictograms/pictograms.tsx:48](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx#L48)
+[packages/framework/esm-styleguide/src/pictograms/pictograms.tsx:36](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx#L36)
 
 ___
 
@@ -1527,7 +1527,7 @@ ___
 
 #### Defined in
 
-[packages/framework/esm-styleguide/src/pictograms/pictograms.tsx:36](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx#L36)
+[packages/framework/esm-styleguide/src/pictograms/pictograms.tsx:42](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx#L42)
 
 ___
 
@@ -1563,6 +1563,16 @@ ___
 
 ___
 
+### InPatientPictogram
+
+• `Const` **InPatientPictogram**: `MemoExoticComponent`<`ForwardRefExoticComponent`<[`PictogramProps`](API.md#pictogramprops) & `RefAttributes`<`SVGSVGElement`\>\>\>
+
+#### Defined in
+
+[packages/framework/esm-styleguide/src/pictograms/pictograms.tsx:48](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx#L48)
+
+___
+
 ### InformationFilledIcon
 
 • `Const` **InformationFilledIcon**: `MemoExoticComponent`<`ForwardRefExoticComponent`<[`IconProps`](API.md#iconprops) & `RefAttributes`<`SVGSVGElement`\>\>\>
@@ -1609,7 +1619,7 @@ ___
 
 #### Defined in
 
-[packages/framework/esm-styleguide/src/pictograms/pictograms.tsx:60](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx#L60)
+[packages/framework/esm-styleguide/src/pictograms/pictograms.tsx:54](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx#L54)
 
 ___
 
@@ -1763,7 +1773,7 @@ ___
 
 #### Defined in
 
-[packages/framework/esm-styleguide/src/pictograms/pictograms.tsx:42](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx#L42)
+[packages/framework/esm-styleguide/src/pictograms/pictograms.tsx:60](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx#L60)
 
 ___
 
@@ -1791,7 +1801,7 @@ ___
 
 • `Const` **Pictogram**: `MemoExoticComponent`<`ForwardRefExoticComponent`<[`SvgPictogramProps`](API.md#svgpictogramprops) & `RefAttributes`<`SVGSVGElement`\>\>\>
 
-This is a utility type for custom pictograms
+This is a utility type for custom pictograms. Please maintain alphabetical order when adding new pictograms for readability.
 
 #### Defined in
 
@@ -1885,7 +1895,7 @@ ___
 
 #### Defined in
 
-[packages/framework/esm-styleguide/src/pictograms/pictograms.tsx:54](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx#L54)
+[packages/framework/esm-styleguide/src/pictograms/pictograms.tsx:72](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx#L72)
 
 ___
 

diff --git a/packages/framework/esm-styleguide/src/pictograms/pictogram-registration.ts b/packages/framework/esm-styleguide/src/pictograms/pictogram-registration.ts
@@ -1,10 +1,11 @@
 import { addSvg } from '../svg-utils';
+import appointments from './svgs/Appointments-2.svg';
 import home from './svgs/Facility-2.svg';
+import inPatient from './svgs/in-patient.svg';
 import laboratory from './svgs/Labs.svg';
-import appointments from './svgs/Appointments-2.svg';
 import patientLists from './svgs/Patient Management_Patients.svg';
-import serviceQueues from './svgs/service-queues.svg';
 import patientRegistration from './svgs/registration.svg';
+import serviceQueues from './svgs/service-queues.svg';
 
 export function setupPictograms() {
   addSvg('omrs-pict-home', home);
@@ -13,4 +14,5 @@ export function setupPictograms() {
   addSvg('omrs-pict-appointments', appointments);
   addSvg('omrs-pict-service-queues', serviceQueues);
   addSvg('omrs-pict-registration', patientRegistration);
+  addSvg('omrs-pict-in-patient', inPatient);
 }
diff --git a/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx b/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx
@@ -15,7 +15,7 @@ export type SvgPictogramProps = {
 };
 
 /**
- * This is a utility type for custom pictograms
+ * This is a utility type for custom pictograms. Please maintain alphabetical order when adding new pictograms for readability.
  */
 export const Pictogram = memo(
   forwardRef<SVGSVGElement, SvgPictogramProps>(function Pictogram({ pictogram, pictogramProps }, ref) {
@@ -33,27 +33,21 @@ export const Pictogram = memo(
   }),
 );
 
-export const HomePictogram = memo(
-  forwardRef<SVGSVGElement, PictogramProps>(function HomePictogram(props, ref) {
-    return <Pictogram ref={ref} pictogram="omrs-pict-home" pictogramProps={props} />;
-  }),
-);
-
-export const PatientListsPictogram = memo(
-  forwardRef<SVGSVGElement, PictogramProps>(function PatientListsPictogram(props, ref) {
-    return <Pictogram ref={ref} pictogram="omrs-pict-patient-lists" pictogramProps={props} />;
-  }),
-);
-
 export const AppointmentsPictogram = memo(
   forwardRef<SVGSVGElement, PictogramProps>(function AppointmentsPictogram(props, ref) {
     return <Pictogram ref={ref} pictogram="omrs-pict-appointments" pictogramProps={props} />;
   }),
 );
 
-export const ServiceQueuesPictogram = memo(
-  forwardRef<SVGSVGElement, PictogramProps>(function ServiceQueuesPictogram(props, ref) {
-    return <Pictogram ref={ref} pictogram="omrs-pict-service-queues" pictogramProps={props} />;
+export const HomePictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function HomePictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-home" pictogramProps={props} />;
+  }),
+);
+
+export const InPatientPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function InPatientPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-in-patient" pictogramProps={props} />;
   }),
 );
 
@@ -63,8 +57,20 @@ export const LaboratoryPictogram = memo(
   }),
 );
 
+export const PatientListsPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function PatientListsPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-patient-lists" pictogramProps={props} />;
+  }),
+);
+
 export const RegistrationPictogram = memo(
   forwardRef<SVGSVGElement, PictogramProps>(function RegistrationPictogram(props, ref) {
     return <Pictogram ref={ref} pictogram="omrs-pict-registration" pictogramProps={props} />;
   }),
 );
+
+export const ServiceQueuesPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function ServiceQueuesPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-service-queues" pictogramProps={props} />;
+  }),
+);