@kenyaemr/esm-patient-flags-app 5.4.2-pre.2203 → 5.4.2-pre.2230

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenyaemr/esm-patient-flags-app",
-  "version": "5.4.2-pre.2203",
+  "version": "5.4.2-pre.2230",
   "description": "Patient flags microfrontend for the OpenMRS SPA",
   "browser": "dist/openmrs-esm-patient-flags-app.js",
   "main": "src/index.ts",
@@ -46,5 +46,8 @@
     "react-i18next": "11.x",
     "react-router-dom": "6.x"
   },
+  "devDependencies": {
+    "webpack": "^5.99.9"
+  },
   "stableVersion": "5.4.1"
 }

package/src/declarations.d.ts

@@ -1,27 +1,2 @@
 declare module '*.css';
 declare module '*.scss';
-declare module '@carbon/react';
-declare module 'react-aria' {
-  export const I18nProvider: (...args: any) => JSX.Element;
-  export { DateValue } from '@react-types/datepicker';
-  export const mergeProps: any;
-  export const useLocale: any;
-  export const useDateField: any;
-  export const useDatePicker: any;
-  export const useDateSegment: any;
-  export const useFocusRing: any;
-  export const useHover: any;
-  export const useObjectRef: any;
-}
-declare module 'react-aria' {
-  export const I18nProvider: (...args: any) => JSX.Element;
-  export { DateValue } from '@react-types/datepicker';
-  export const mergeProps: any;
-  export const useLocale: any;
-  export const useDateField: any;
-  export const useDatePicker: any;
-  export const useDateSegment: any;
-  export const useFocusRing: any;
-  export const useHover: any;
-  export const useObjectRef: any;
-}

package/src/navbar/navbar-action-button.component.tsx

@@ -16,9 +16,8 @@ const NavbarActionButton: React.FC<NavbarActionButtonProps> = () => {
   const [showOverlay, setShowOverlay] = React.useState(false);
   const [searchTerm, setSearchTerm] = useState('');
 
-  const toggleOverlay = (event) => {
+  const toggleOverlay = () => {
     setShowOverlay((prevState) => !prevState);
-    event.stopPropagation();
   };
   const ref = useOnClickOutside<HTMLDivElement>(toggleOverlay, showOverlay);
 
@@ -42,9 +41,7 @@ const NavbarActionButton: React.FC<NavbarActionButtonProps> = () => {
       <HeaderGlobalAction
         aria-label={t('kenyaEMRModules', 'KenyaEMR Modules')}
         aria-labelledby={t('kenyaEMRModules', 'KenyaEMR Modules')}
-        enterDelayMs={500}
-        name="kenyaEMRModules"
-        onClick={toggleOverlay}
+        onClick={() => toggleOverlay()}
         className={showOverlay ? styles.active : styles.slotStyles}>
         {showOverlay ? <Close size={20} /> : <Switcher size={20} />}
       </HeaderGlobalAction>

package/src/navbar/navbar-action-button.scss

@@ -1,7 +1,7 @@
 @use '@carbon/layout';
 @use '@carbon/colors';
 @use '@carbon/type';
-@import '~@openmrs/esm-styleguide/src/vars';
+@use '~@openmrs/esm-styleguide/src/vars' as *;
 
 .slotStyles {
   background-color: transparent;