@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.9 → 0.2.11

package/dist/components/ui/overlay/types.js

@@ -2,194 +2,195 @@ import React from 'react';
 
 // Base overlay properties
 export interface OverlayBaseProps {
-  className?;
-  theme?;
-  onClose?) => void;
+  className?: string;
+  theme?: 'stan-design' | 'harvey';
+  onClose?: () => void;
 }
 
 // Portal Component Types
 export interface PortalProps {
-  children;
-  container?) => Element | null);
-  className?;
-  style?;
-  variant?;
-  position?;
-  zIndex?;
-  debug?;
-  onMount?) => void;
-  onUnmount?) => void;
+  children: React.ReactNode;
+  container?: Element | (() => Element | null);
+  className?: string;
+  style?: React.CSSProperties;
+  variant?: 'default' | 'modal' | 'popover' | 'tooltip' | 'toast' | 'dropdown';
+  position?: 'fixed' | 'absolute' | 'relative';
+  zIndex?: 'modal' | 'popover' | 'tooltip' | 'toast' | 'dropdown';
+  debug?: boolean;
+  onMount?: () => void;
+  onUnmount?: () => void;
 }
 
 // Overlay Manager Types
 export interface OverlayState {
-  id;
-  zIndex;
+  id: string;
+  zIndex: number;
 }
 
 export interface OverlayAction {
-  type;
-  payload;
-    zIndex?;
+  type: 'ADD_OVERLAY' | 'REMOVE_OVERLAY' | 'UPDATE_Z_INDEX';
+  payload: {
+    id: string;
+    zIndex?: number;
   };
 }
 
 export interface OverlayManagerProps {
-  children;
-  baseZIndex?;
-  maxOverlays?;
-  onOverlayChange?]) => void;
+  children: React.ReactNode;
+  baseZIndex?: number;
+  maxOverlays?: number;
+  onOverlayChange?: (overlays: OverlayState[]) => void;
 }
 
 // Focus Manager Types
 export interface FocusManagerProps {
-  children;
-  isActive;
-  onFocusChange?) => void;
-  trapFocus?;
-  restoreFocus?;
-  initialFocus?;
-  className?;
+  children: React.ReactNode;
+  isActive: boolean;
+  onFocusChange?: (focused: boolean) => void;
+  trapFocus?: boolean;
+  restoreFocus?: boolean;
+  initialFocus?: React.RefObject<HTMLElement>;
+  className?: string;
 }
 
 // Backdrop Types
 export interface BackdropProps {
-  isVisible;
-  onClick?) => void;
-  className?;
-  theme?;
-  blur?;
-  opacity?;
-  zIndex?;
-  children?;
+  isVisible: boolean;
+  onClick?: () => void;
+  className?: string;
+  theme?: 'stan-design' | 'harvey';
+  blur?: boolean;
+  opacity?: number;
+  zIndex?: number;
+  children?: React.ReactNode;
 }
 
 // Modal Component Types
 export interface ModalProps extends OverlayBaseProps {
-  isOpen;
-  onClose) => void;
-  title?;
-  children;
-  size?;
-  variant?;
-  closeOnOverlayClick?;
-  closeOnEscape?;
-  showBackdrop?;
-  backdropBlur?;
-  backdropOpacity?;
-  trapFocus?;
-  restoreFocus?;
-  initialFocus?;
-  zIndex?;
-  animation?;
-  duration?;
-  loading?;
+  isOpen: boolean;
+  onClose: () => void;
+  title?: string;
+  children: React.ReactNode;
+  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+  variant?: 'default' | 'borderless' | 'elevated' | 'centered';
+  closeOnOverlayClick?: boolean;
+  closeOnEscape?: boolean;
+  showBackdrop?: boolean;
+  backdropBlur?: boolean;
+  backdropOpacity?: number;
+  trapFocus?: boolean;
+  restoreFocus?: boolean;
+  initialFocus?: React.RefObject<HTMLElement>;
+  zIndex?: number;
+  animation?: 'fade' | 'slide' | 'scale' | 'none';
+  duration?: number;
+  loading?: boolean;
 }
 
 export interface ModalHeaderProps {
-  title?;
-  subtitle?;
-  onClose?) => void;
-  showCloseButton?;
-  closeButtonLabel?;
-  className?;
-  borderless?;
-  noPadding?;
-  children?;
+  title?: string;
+  subtitle?: string;
+  onClose?: () => void;
+  showCloseButton?: boolean;
+  closeButtonLabel?: string;
+  className?: string;
+  borderless?: boolean;
+  noPadding?: boolean;
+  children?: React.ReactNode;
 }
 
 export interface ModalBodyProps {
-  children;
-  className?;
-  padding?;
-  scrollable?;
-  maxHeight?;
+  children: React.ReactNode;
+  className?: string;
+  padding?: 'none' | 'sm' | 'md' | 'lg';
+  scrollable?: boolean;
+  maxHeight?: string | number;
 }
 
 export interface ModalFooterProps {
-  children;
-  className?;
-  justify?;
-  padding?;
-  borderTop?;
+  children: React.ReactNode;
+  className?: string;
+  justify?: 'start' | 'center' | 'end' | 'between';
+  padding?: 'none' | 'sm' | 'md' | 'lg';
+  borderTop?: boolean;
 }
 
 // Tooltip Component Types
 export interface TooltipProps extends OverlayBaseProps {
-  content;
-  children;
-  position?;
-  trigger?;
-  isOpen?;
-  onOpenChange?) => void;
-  delay?;
-  offset?;
-  size?;
-  variant?;
-  showArrow?;
-  maxWidth?;
-  zIndex?;
-  animation?;
-  duration?;
+  content: React.ReactNode;
+  children: React.ReactElement;
+  position?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+  trigger?: 'hover' | 'click' | 'focus' | 'manual';
+  isOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  delay?: number;
+  offset?: number;
+  size?: 'sm' | 'md' | 'lg';
+  variant?: 'default' | 'filled' | 'outlined';
+  showArrow?: boolean;
+  maxWidth?: string | number;
+  zIndex?: number;
+  animation?: 'fade' | 'slide' | 'scale' | 'none';
+  duration?: number;
 }
 
 export interface TooltipContentProps {
-  children;
-  className?;
-  style?;
+  children: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
 }
 
 // Popover Component Types
 export interface PopoverProps extends OverlayBaseProps {
-  trigger;
-  children;
-  isOpen?;
-  onOpenChange?) => void;
-  position?;
-  triggerType?;
-  delay?;
-  offset?;
-  size?;
-  variant?;
-  showArrow?;
-  maxWidth?;
-  zIndex?;
-  animation?;
-  duration?;
-  closeOnBlur?;
-  closeOnEscape?;
+  trigger: React.ReactElement;
+  children: React.ReactNode;
+  isOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  position?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+  triggerType?: 'hover' | 'click' | 'focus' | 'manual';
+  delay?: number;
+  offset?: number;
+  size?: 'sm' | 'md' | 'lg';
+  variant?: 'default' | 'filled' | 'outlined';
+  showArrow?: boolean;
+  maxWidth?: string | number;
+  zIndex?: number;
+  animation?: 'fade' | 'slide' | 'scale' | 'none';
+  duration?: number;
+  closeOnBlur?: boolean;
+  closeOnEscape?: boolean;
 }
 
 export interface PopoverContentProps {
-  children;
-  className?;
-  style?;
+  children: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
 }
 
 export interface PopoverHeaderProps {
-  title?;
-  subtitle?;
-  onClose?) => void;
-  showCloseButton?;
-  closeButtonLabel?;
-  className?;
-  borderless?;
-  noPadding?;
-  children?;
+  title?: string;
+  subtitle?: string;
+  onClose?: () => void;
+  showCloseButton?: boolean;
+  closeButtonLabel?: string;
+  className?: string;
+  borderless?: boolean;
+  noPadding?: boolean;
+  children?: React.ReactNode;
 }
 
 export interface PopoverBodyProps {
-  children;
-  className?;
-  padding?;
-  scrollable?;
-  maxHeight?;
+  children: React.ReactNode;
+  className?: string;
+  padding?: 'none' | 'sm' | 'md' | 'lg';
+  scrollable?: boolean;
+  maxHeight?: string | number;
 }
 
 export interface PopoverFooterProps {
-  children;
-  className?;
-  justify?;
-  padding?;
-  borderTop?;
+  children: React.ReactNode;
+  className?: string;
+  justify?: 'start' | 'center' | 'end' | 'between';
+  padding?: 'none' | 'sm' | 'md' | 'lg';
+  borderTop?: boolean;
 }