@inceptionbg/iui 2.0.10 → 2.0.11

package/src/hooks/usePopupControl.ts

@@ -1,13 +1,17 @@
-import { useRef } from 'react';
-import { PopupControlRef } from './useLocalPopoverControl';
+import { useCallback, useRef, useState } from 'react';
+import { IPopupControl, PopupControlRef } from '../types/IPopup';
+
+export const usePopupControl: () => IPopupControl = () => {
+  const [isOpen, setIsOpen] = useState(false);
 
-export const usePopupControl = () => {
   const controlRef = useRef<PopupControlRef>(null);
 
+  const onOpen = useCallback(() => controlRef.current?.onOpen(), []);
+  const onClose = useCallback(() => controlRef.current?.onClose(), []);
+
   return {
-    controlRef,
-    isOpen: controlRef.current?.isOpen,
-    onOpen: () => controlRef.current?.onOpen(),
-    onClose: () => controlRef.current?.onClose(),
+    control: { controlRef, isOpen, setIsOpen },
+    onOpen,
+    onClose,
   };
 };

package/src/index.ts

@@ -17,6 +17,7 @@ import type {
 } from './types/IBasic';
 import type { IKeyboardAction } from './types/IKeyboard';
 import type { IMenuItem, IMenuPlacement } from './types/IMenu';
+import type { PopupControlRef, IPopupControl } from './types/IPopup';
 import type { IError } from './types/IError';
 import type { ISelectData } from './types/ISelect';
 import type { ITab } from './types/ITab';
@@ -244,6 +245,8 @@ export type {
   IKeyboardAction,
   IMenuItem,
   IMenuPlacement,
+  PopupControlRef,
+  IPopupControl as IPopupControl,
   IError,
   IFormWrapper,
   IHeaderAction,

package/src/styles/common/_typography.scss

@@ -38,7 +38,7 @@ h4 {
 }
 
 .bold {
-  font-weight: bold !important;
+  font-weight: 600 !important;
 }
 .italic {
   font-style: italic !important;

package/src/types/IHeader.ts

@@ -2,6 +2,7 @@ import { IconDefinition, RotateProp } from '@fortawesome/fontawesome-svg-core';
 import { IButtonColor } from '../components/Button/Button';
 import { IMenuItem } from './IMenu';
 import { FC } from 'react';
+import { IPopupControl } from './IPopup';
 
 export interface IHeaderAction {
   label: string;
@@ -20,15 +21,20 @@ export type IHeaderUserMenuProps = {
   setIsOpen: (isOpen: boolean) => void;
   userName?: string;
   organizationName?: string;
+  menuItems: IMenuItem[];
   showBadge?: boolean;
-  menuItems?: IMenuItem[];
-
+  controls: {
+    myAccountControl: IPopupControl;
+    changeOrgControl: IPopupControl;
+    orgInvitesControl: IPopupControl;
+  };
+  refetchOrganizationInvites?: () => void;
   HeaderUserMenuDialogs: FC<{
-    openedDialog: string | null;
-    setOpenedDialog: (dialog: string | null) => void;
+    controls: {
+      myAccountControl: IPopupControl;
+      changeOrgControl: IPopupControl;
+      orgInvitesControl: IPopupControl;
+    };
     refetchOrganizationInvites?: () => void;
   }>;
-  openedDialog: string | null;
-  setOpenedDialog: (dialog: string | null) => void;
-  refetchOrganizationInvites?: () => void;
 };

package/src/types/IPopup.ts

@@ -0,0 +1,17 @@
+import { RefObject } from 'react';
+
+export interface PopupControlRef {
+  onOpen: () => void;
+  onClose: () => void;
+}
+
+export interface ILocalPopupControl {
+  controlRef: RefObject<PopupControlRef | null>;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+}
+export interface IPopupControl {
+  control: ILocalPopupControl;
+  onOpen: () => void;
+  onClose: () => void;
+}