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

package/dist/components/ui/feedback/toast.js

@@ -1,53 +1,26 @@
-import React, { useState, useEffect, useCallback, useRef } from 'react';
-import { ToastProps, ToastAction, ToastContainerProps } from './types';
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useRef } from 'react';
 // Simple icon components
-const CheckCircleIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
-  <svg className={className} fill="currentColor" viewBox="0 0 20 20">
-    <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
-  </svg>
-);
-
-const ExclamationTriangleIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
-  <svg className={className} fill="currentColor" viewBox="0 0 20 20">
-    <path fillRule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clipRule="evenodd" />
-  </svg>
-);
-
-const XCircleIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
-  <svg className={className} fill="currentColor" viewBox="0 0 20 20">
-    <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clipRule="evenodd" />
-  </svg>
-);
-
-const InformationCircleIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
-  <svg className={className} fill="currentColor" viewBox="0 0 20 20">
-    <path fillRule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clipRule="evenodd" />
-  </svg>
-);
-
-const XMarkIcon: React.FC<{ className?: string }> = ({ className = '' }) => (
-  <svg className={className} fill="currentColor" viewBox="0 0 20 20">
-    <path fillRule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clipRule="evenodd" />
-  </svg>
-);
-
+const CheckCircleIcon = ({ className = '' }) => (_jsx("svg", { className: className, fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }));
+const ExclamationTriangleIcon = ({ className = '' }) => (_jsx("svg", { className: className, fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }));
+const XCircleIcon = ({ className = '' }) => (_jsx("svg", { className: className, fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) }));
+const InformationCircleIcon = ({ className = '' }) => (_jsx("svg", { className: className, fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }));
+const XMarkIcon = ({ className = '' }) => (_jsx("svg", { className: className, fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z", clipRule: "evenodd" }) }));
 // Get icon for toast type
-const getToastIcon = (type: ToastProps['type'], className: string) => {
-  switch (type) {
-    case 'success':
-      return <CheckCircleIcon className={className} />;
-    case 'warning':
-      return <ExclamationTriangleIcon className={className} />;
-    case 'error':
-      return <XCircleIcon className={className} />;
-    case 'info':
-      return <InformationCircleIcon className={className} />;
-    default:
-      return null;
-  }
+const getToastIcon = (type, className) => {
+    switch (type) {
+        case 'success':
+            return _jsx(CheckCircleIcon, { className: className });
+        case 'warning':
+            return _jsx(ExclamationTriangleIcon, { className: className });
+        case 'error':
+            return _jsx(XCircleIcon, { className: className });
+        case 'info':
+            return _jsx(InformationCircleIcon, { className: className });
+        default:
+            return null;
+    }
 };
-
 // Note: getToastColors function removed as we're using semantic CSS classes
 /*
 const getToastColors = (type: ToastProps['type'], colors: any) => {
@@ -90,191 +63,79 @@ const getToastColors = (type: ToastProps['type'], colors: any) => {
   }
 };
 */
-
 // Toast Action Button Component
-const ToastActionButton: React.FC<ToastAction> = ({
-  label,
-  action,
-  variant = 'primary'
-}) => {
-  return (
-    <button
-      type="button"
-      className={`toast__action-button toast__action-button--${variant}`}
-      onClick={() => action}
-    >
-      {label}
-    </button>
-  );
+const ToastActionButton = ({ label, action, variant = 'primary' }) => {
+    return (_jsx("button", { type: "button", className: `toast__action-button toast__action-button--${variant}`, onClick: () => action, children: label }));
 };
-
 // Individual Toast Component
-export const Toast: React.FC<ToastProps> = ({
-  title,
-  message,
-  type = 'default',
-  duration = 5000,
-  onClose,
-  actions = [],
-  icon,
-  showIcon = true,
-  closable = true,
-  autoClose = true,
-  pauseOnHover = true,
-  progress = false,
-  size = 'md',
-  variant = 'default',
-  className = '',
-}) => {
-  // Note: theme and colors not needed as we're using semantic CSS classes
-  
-  const [isVisible, setIsVisible] = useState(true);
-  const [progressValue, setProgressValue] = useState(100);
-  const timeoutRef = useRef<NodeJS.Timeout | null>(null);
-  const progressRef = useRef<NodeJS.Timeout | null>(null);
-
-  const handleClose = useCallback(() => {
-    setIsVisible(false);
-    if (onClose) {
-      onClose();
-    }
-  }, [onClose]);
-
-  const handleMouseEnter = useCallback(() => {
-    if (pauseOnHover && autoClose) {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-      if (progressRef.current) {
-        clearInterval(progressRef.current);
-      }
-    }
-  }, [pauseOnHover, autoClose]);
-
-  const handleMouseLeave = useCallback(() => {
-    if (pauseOnHover && autoClose) {
-      startAutoClose();
-    }
-  }, [pauseOnHover, autoClose]);
-
-  const startAutoClose = useCallback(() => {
-    if (duration > 0 && autoClose) {
-      timeoutRef.current = setTimeout(() => {
-        handleClose();
-      }, duration);
-
-      if (progress) {
-        const startTime = Date.now();
-        const endTime = startTime + duration;
-        
-        progressRef.current = setInterval(() => {
-          const now = Date.now();
-          const remaining = Math.max(0, endTime - now);
-          const newProgress = (remaining / duration) * 100;
-          setProgressValue(newProgress);
-          
-          if (remaining <= 0) {
+export const Toast = ({ title, message, type = 'default', duration = 5000, onClose, actions = [], icon, showIcon = true, closable = true, autoClose = true, pauseOnHover = true, progress = false, size = 'md', variant = 'default', className = '', }) => {
+    // Note: theme and colors not needed as we're using semantic CSS classes
+    const [isVisible, setIsVisible] = useState(true);
+    const [progressValue, setProgressValue] = useState(100);
+    const timeoutRef = useRef(null);
+    const progressRef = useRef(null);
+    const handleClose = useCallback(() => {
+        setIsVisible(false);
+        if (onClose) {
+            onClose();
+        }
+    }, [onClose]);
+    const handleMouseEnter = useCallback(() => {
+        if (pauseOnHover && autoClose) {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+            if (progressRef.current) {
+                clearInterval(progressRef.current);
+            }
+        }
+    }, [pauseOnHover, autoClose]);
+    const handleMouseLeave = useCallback(() => {
+        if (pauseOnHover && autoClose) {
+            startAutoClose();
+        }
+    }, [pauseOnHover, autoClose]);
+    const startAutoClose = useCallback(() => {
+        if (duration > 0 && autoClose) {
+            timeoutRef.current = setTimeout(() => {
+                handleClose();
+            }, duration);
+            if (progress) {
+                const startTime = Date.now();
+                const endTime = startTime + duration;
+                progressRef.current = setInterval(() => {
+                    const now = Date.now();
+                    const remaining = Math.max(0, endTime - now);
+                    const newProgress = (remaining / duration) * 100;
+                    setProgressValue(newProgress);
+                    if (remaining <= 0) {
+                        if (progressRef.current) {
+                            clearInterval(progressRef.current);
+                        }
+                    }
+                }, 10);
+            }
+        }
+    }, [duration, autoClose, progress, handleClose]);
+    useEffect(() => {
+        startAutoClose();
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
             if (progressRef.current) {
-              clearInterval(progressRef.current);
+                clearInterval(progressRef.current);
             }
-          }
-        }, 10);
-      }
+        };
+    }, [startAutoClose]);
+    if (!isVisible) {
+        return null;
     }
-  }, [duration, autoClose, progress, handleClose]);
-
-  useEffect(() => {
-    startAutoClose();
-    
-    return () => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-      if (progressRef.current) {
-        clearInterval(progressRef.current);
-      }
-    };
-  }, [startAutoClose]);
-
-  if (!isVisible) {
-    return null;
-  }
-
-  const shouldShowIcon = showIcon && (icon || type);
-
-  return (
-    <div
-      className={`toast__container toast__container--${size} toast__container--${variant} toast__container--${type} ${className}`}
-      role="alert"
-      aria-live="polite"
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleMouseLeave}
-    >
-      {progress && (
-        <div className="toast__progress">
-          <div
-            className={`toast__progress-bar toast__progress-bar--${type}`}
-            style={{ width: `${progressValue}%` }}
-          />
-        </div>
-      )}
-
-      {shouldShowIcon && (
-        <div className={`toast__icon toast__icon--${type}`}>
-          {icon || getToastIcon(type, 'toast__icon')}
-        </div>
-      )}
-
-      <div className="toast__content">
-        {title && (
-          <h3 className="toast__title">
-            {title}
-          </h3>
-        )}
-
-        <div className={`toast__message ${!title ? 'toast__message--only' : ''}`}>
-          {message}
-        </div>
-
-        {actions.length > 0 && (
-          <div className="toast__actions">
-            {actions.map((action, index) => (
-              <ToastActionButton
-                key={index}
-                {...action}
-              />
-            ))}
-          </div>
-        )}
-      </div>
-
-      {closable && (
-        <button
-          type="button"
-          className="toast__close-button"
-          onClick={handleClose}
-          aria-label="Close toast"
-        >
-          <XMarkIcon className="toast__close-icon" />
-        </button>
-      )}
-    </div>
-  );
+    const shouldShowIcon = showIcon && (icon || type);
+    return (_jsxs("div", { className: `toast__container toast__container--${size} toast__container--${variant} toast__container--${type} ${className}`, role: "alert", "aria-live": "polite", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [progress && (_jsx("div", { className: "toast__progress", children: _jsx("div", { className: `toast__progress-bar toast__progress-bar--${type}`, style: { width: `${progressValue}%` } }) })), shouldShowIcon && (_jsx("div", { className: `toast__icon toast__icon--${type}`, children: icon || getToastIcon(type, 'toast__icon') })), _jsxs("div", { className: "toast__content", children: [title && (_jsx("h3", { className: "toast__title", children: title })), _jsx("div", { className: `toast__message ${!title ? 'toast__message--only' : ''}`, children: message }), actions.length > 0 && (_jsx("div", { className: "toast__actions", children: actions.map((action, index) => (_jsx(ToastActionButton, { ...action }, index))) }))] }), closable && (_jsx("button", { type: "button", className: "toast__close-button", onClick: handleClose, "aria-label": "Close toast", children: _jsx(XMarkIcon, { className: "toast__close-icon" }) }))] }));
 };
-
 // Toast Container Component
-export const ToastContainer: React.FC<ToastContainerProps & { children: React.ReactNode }> = ({
-  position = 'top-right',
-  className = '',
-  children
-}) => {
-  return (
-    <div className={`toast-container toast-container--${position} ${className}`}>
-      <div className="toast-container__list">
-        {children}
-      </div>
-    </div>
-  );
+export const ToastContainer = ({ position = 'top-right', className = '', children }) => {
+    return (_jsx("div", { className: `toast-container toast-container--${position} ${className}`, children: _jsx("div", { className: "toast-container__list", children: children }) }));
 };
-
 export default Toast;

package/dist/components/ui/feedback/types.d.ts

@@ -1,123 +1,109 @@
-// Base props for all feedback components
+import React from 'react';
 export interface FeedbackBaseProps {
-  className?: string;
-  theme?: 'stan-design' | 'harvey';
+    className?: string;
+    theme?: 'stan-design' | 'harvey';
 }
-
-// Alert Component Types
 export interface AlertProps extends FeedbackBaseProps {
-  title?: string;
-  message: string;
-  type: 'success' | 'warning' | 'error' | 'info';
-  dismissible?: boolean;
-  onDismiss?: () => void;
-  icon?: React.ReactNode;
-  actions?: AlertAction[];
-  showIcon?: boolean;
-  closable?: boolean;
-  persistent?: boolean;
-  size?: 'sm' | 'md' | 'lg';
-  variant?: 'default' | 'bordered' | 'filled';
+    title?: string;
+    message: string;
+    type: 'success' | 'warning' | 'error' | 'info';
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    icon?: React.ReactNode;
+    actions?: AlertAction[];
+    showIcon?: boolean;
+    closable?: boolean;
+    persistent?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'bordered' | 'filled';
 }
-
 export interface AlertAction {
-  label: string;
-  onClick: () => void;
-  variant?: 'primary' | 'secondary' | 'ghost';
-  size?: 'sm' | 'md' | 'lg';
+    label: string;
+    onClick: () => void;
+    variant?: 'primary' | 'secondary' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
 }
-
-// Toast Component Types
 export interface ToastProps extends FeedbackBaseProps {
-  id: string;
-  title?: string;
-  message: string;
-  type: 'success' | 'warning' | 'error' | 'info' | 'default';
-  duration?: number; // milliseconds, 0 = persistent
-  onClose?: () => void;
-  onAction?: (action: string) => void;
-  actions?: ToastAction[];
-  icon?: React.ReactNode;
-  showIcon?: boolean;
-  closable?: boolean;
-  position?: 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
-  autoClose?: boolean;
-  pauseOnHover?: boolean;
-  draggable?: boolean;
-  progress?: boolean;
-  size?: 'sm' | 'md' | 'lg';
-  variant?: 'default' | 'bordered' | 'filled';
+    id: string;
+    title?: string;
+    message: string;
+    type: 'success' | 'warning' | 'error' | 'info' | 'default';
+    duration?: number;
+    onClose?: () => void;
+    onAction?: (action: string) => void;
+    actions?: ToastAction[];
+    icon?: React.ReactNode;
+    showIcon?: boolean;
+    closable?: boolean;
+    position?: 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
+    autoClose?: boolean;
+    pauseOnHover?: boolean;
+    draggable?: boolean;
+    progress?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'bordered' | 'filled';
 }
-
 export interface ToastAction {
-  label: string;
-  action: string;
-  variant?: 'primary' | 'secondary' | 'ghost';
+    label: string;
+    action: string;
+    variant?: 'primary' | 'secondary' | 'ghost';
 }
-
 export interface ToastContainerProps {
-  position?: ToastProps['position'];
-  maxToasts?: number;
-  autoClose?: boolean;
-  pauseOnHover?: boolean;
-  draggable?: boolean;
-  progress?: boolean;
-  className?: string;
-  theme?: 'stan-design' | 'harvey';
+    position?: ToastProps['position'];
+    maxToasts?: number;
+    autoClose?: boolean;
+    pauseOnHover?: boolean;
+    draggable?: boolean;
+    progress?: boolean;
+    className?: string;
+    theme?: 'stan-design' | 'harvey';
 }
-
-// Progress Component Types
 export interface ProgressProps extends FeedbackBaseProps {
-  value: number; // 0-100
-  max?: number;
-  min?: number;
-  label?: string;
-  showLabel?: boolean;
-  showValue?: boolean;
-  showPercentage?: boolean;
-  animated?: boolean;
-  striped?: boolean;
-  color?: string;
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  variant?: 'linear' | 'circular' | 'steps';
-  thickness?: number;
-  trackColor?: string;
-  progressColor?: string;
-  indeterminate?: boolean;
-  onComplete?: () => void;
+    value: number;
+    max?: number;
+    min?: number;
+    label?: string;
+    showLabel?: boolean;
+    showValue?: boolean;
+    showPercentage?: boolean;
+    animated?: boolean;
+    striped?: boolean;
+    color?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    variant?: 'linear' | 'circular' | 'steps';
+    thickness?: number;
+    trackColor?: string;
+    progressColor?: string;
+    indeterminate?: boolean;
+    onComplete?: () => void;
 }
-
 export interface ProgressStep {
-  label: string;
-  value: number;
-  status: 'pending' | 'active' | 'completed' | 'error';
-  description?: string;
+    label: string;
+    value: number;
+    status: 'pending' | 'active' | 'completed' | 'error';
+    description?: string;
 }
-
-// Skeleton Component Types
 export interface SkeletonProps extends FeedbackBaseProps {
-  width?: string | number;
-  height?: string | number;
-  variant?: 'text' | 'circular' | 'rectangular' | 'rounded';
-  animation?: 'pulse' | 'wave' | 'none';
-  rows?: number;
-  spacing?: number;
-  show?: boolean;
-  className?: string;
-  size?: 'sm' | 'md' | 'lg' | 'xl';
+    width?: string | number;
+    height?: string | number;
+    variant?: 'text' | 'circular' | 'rectangular' | 'rounded';
+    animation?: 'pulse' | 'wave' | 'none';
+    rows?: number;
+    spacing?: number;
+    show?: boolean;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
 }
-
 export interface SkeletonTextProps extends SkeletonProps {
-  lines?: number;
-  lineHeight?: string | number;
-  lastLineWidth?: string | number;
+    lines?: number;
+    lineHeight?: string | number;
+    lastLineWidth?: string | number;
 }
-
 export interface SkeletonAvatarProps extends SkeletonProps {
-  size?: 'sm' | 'md' | 'lg' | 'xl';
-  shape?: 'circular' | 'square' | 'rounded';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    shape?: 'circular' | 'square' | 'rounded';
 }
-
 export interface SkeletonButtonProps extends SkeletonProps {
-  fullWidth?: boolean;
+    fullWidth?: boolean;
 }
+//# sourceMappingURL=types.d.ts.map

package/dist/components/ui/feedback/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/types.ts"],"names":[],"mappings":"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"}