Include popover props to snackbar

Author: Kubit

src/components/snackbar/snackbarStandAlone.tsx

@@ -95,6 +95,7 @@ const SnackbarStandAloneComponent = (
       open={props.open}
       pressEscapeClose={false}
       variant={props.styles?.popoverVariants?.[align]}
+      {...props.popover}
     >
       <SnackbarStyled
         ref={ref}

src/components/snackbar/stories/argtypes.ts

@@ -150,6 +150,15 @@ export const argtypes = (variants: IThemeObjectVariants, themeSelected: string):
         category: CATEGORY_CONTROL.MODIFIERS,
       },
     },
+    popover: {
+      description: 'Override popover configuration',
+      type: { name: 'object' },
+      control: { type: 'object' },
+      table: {
+        type: { summary: 'SnackbarPopoverType' },
+        category: CATEGORY_CONTROL.MODIFIERS,
+      },
+    },
     onSecondaryActionClick: {
       description: 'Click of the link',
       type: { name: 'function' },

src/components/snackbar/types/snackbar.ts

@@ -1,6 +1,7 @@
 import { IButton } from '@/components/button';
 import { IElementOrIcon } from '@/components/elementOrIcon';
 import { ILink } from '@/components/link';
+import { IPopoverControlled } from '@/components/popover';
 import { IText } from '@/components/text';
 import { CustomTokenTypes } from '@/types';
 import { POSITIONS } from '@/types/positions';
@@ -28,6 +29,8 @@ export type SnackbarActionButtonType = Omit<
   size?: string;
 };
 
+export type SnackbarPopoverType = Omit<IPopoverControlled, 'children' | 'open'>;
+
 export interface ISnackbarStandAlone {
   icon?: IElementOrIcon;
   closeIcon?: SnackbarCloseIconType;
@@ -41,6 +44,7 @@ export interface ISnackbarStandAlone {
   secondaryActionAriaLabel?: string;
   onSecondaryActionClick?: React.MouseEventHandler<HTMLButtonElement>;
   align?: POSITIONS.TOP_CENTER_FIXED | POSITIONS.BOTTOM_CENTER_FIXED;
+  popover?: SnackbarPopoverType;
   styles?: SnackbarProps;
   dataTestId?: string;
   onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;