@app-studio/components 0.10.17

package/dist/native/components/Toast/Toast/Toast.props.d.ts

@@ -0,0 +1,34 @@
+import { ViewProps } from 'app-studio';
+import { ToastItem, ToastOptions, ToastPosition, ToastStyles, ToastVariant, ThemesType } from './Toast.type';
+export interface ToastProps extends Omit<ViewProps, 'theme'> {
+    id?: string;
+    variant: ToastVariant;
+    title: string;
+    description?: string;
+    onClose: () => void;
+    isClosable?: boolean;
+    action?: () => void;
+    actionText?: string;
+    showIcon?: boolean;
+    theme?: ThemesType;
+    views?: ToastStyles;
+    duration?: number;
+    render?: (props: {
+        id: string;
+        onClose: () => void;
+    }) => React.ReactNode;
+    icon?: React.ReactNode;
+    isVisible?: boolean;
+}
+export interface ToastContainerProps {
+    position?: ToastPosition;
+    gap?: number;
+    limit?: number;
+    containerStyle?: React.CSSProperties;
+}
+export interface ToastState {
+    toasts: ToastItem[];
+    add: (variant: ToastVariant, title: string, description?: string, options?: ToastOptions) => string;
+    remove: (id: string) => void;
+    removeAll: () => void;
+}

package/dist/native/components/Toast/Toast/Toast.props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Toast.props.js.map

package/dist/native/components/Toast/Toast/Toast.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.props.js","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast/Toast.props.ts"],"names":[],"mappings":""}

package/dist/native/components/Toast/Toast/Toast.store.d.ts

@@ -0,0 +1,10 @@
+import { ToastState } from './Toast.props';
+import { ToastOptions, ToastVariant } from './Toast.type';
+export declare const useToastStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ToastState>>;
+export declare const showToast: (variant: ToastVariant, title: string, description?: string, options?: ToastOptions) => string;
+export declare const showInfoToast: (title: string, description?: string, options?: ToastOptions) => string;
+export declare const showSuccessToast: (title: string, description?: string, options?: ToastOptions) => string;
+export declare const showWarningToast: (title: string, description?: string, options?: ToastOptions) => string;
+export declare const showErrorToast: (title: string, description?: string, options?: ToastOptions) => string;
+export declare const removeToast: (id: string) => void;
+export declare const removeAllToasts: () => void;

package/dist/native/components/Toast/Toast/Toast.store.js

@@ -0,0 +1,113 @@
+import { create } from 'zustand';
+// Generates a unique identifier for each toast notification.
+const generateId = () => Math.random().toString(36).substring(2, 9);
+// Stores a map of toast IDs to their corresponding timeout IDs, used for clearing timers if a toast is dismissed manually.
+let timeouts = new Map();
+// Initializes the Zustand store for managing toast notifications, providing state and actions to interact with the toasts.
+export const useToastStore = create((set) => ({
+    // Represents the array of active toast notifications currently in the store's state.
+    toasts: [],
+    // Action function to add a new toast notification to the state.
+    add: (variant, title, description, options = {}) => {
+        // Assigns a unique ID to the toast; uses a provided ID from options or generates a new one.
+        const id = options.id || generateId();
+        // Constructs the toast object with its properties, including ID, variant, title, description, creation timestamp, visibility, and any additional options.
+        const toast = {
+            id,
+            variant,
+            title,
+            description,
+            createdAt: Date.now(),
+            isVisible: true,
+            ...options,
+        };
+        // Updates the store's state by appending the newly created toast to the existing array of toasts.
+        set((state) => ({
+            toasts: [...state.toasts, toast],
+        }));
+        // Conditionally sets a timeout to automatically remove the toast after a specified duration, unless `duration` is explicitly set to 0.
+        if (options.duration !== 0) {
+            // Determines the toast's display duration, defaulting to 5000ms if not explicitly provided in options.
+            const duration = options.duration || 5000;
+            // Creates a timer that, upon completion, triggers the removal of the toast from the state.
+            const timerId = setTimeout(() => {
+                useToastStore.getState().remove(id);
+            }, duration);
+            // Stores the `timerId` associated with the toast's unique ID, allowing for manual clearing of the timeout.
+            timeouts.set(id, timerId);
+        }
+        // Returns the unique identifier of the newly added toast.
+        return id;
+    },
+    // Action function to initiate the removal process for a specific toast by its ID.
+    remove: (id) => {
+        // Updates the toast's `isVisible` property to `false`, allowing for exit animations before permanent removal.
+        set((state) => ({
+            toasts: state.toasts.map((toast) => toast.id === id ? { ...toast, isVisible: false } : toast),
+        }));
+        // Checks if an active timeout exists for the specified toast ID.
+        if (timeouts.has(id)) {
+            // Clears any active timeout associated with the toast, preventing it from being removed prematurely or twice.
+            clearTimeout(timeouts.get(id));
+            // Removes the toast's timeout ID from the `timeouts` map.
+            timeouts.delete(id);
+        }
+        // After a short delay (300ms, typically for animation), permanently filters the toast out of the `toasts` array from the state.
+        setTimeout(() => {
+            set((state) => ({
+                toasts: state.toasts.filter((toast) => toast.id !== id),
+            }));
+        }, 300);
+    },
+    // Action function to remove all current toast notifications from the display and state.
+    removeAll: () => {
+        // Iterates through all stored timeout IDs and clears each associated timer.
+        timeouts.forEach(clearTimeout);
+        // Clears the map that stores all toast timeout IDs.
+        timeouts.clear();
+        // Updates the state by marking all toasts as invisible to trigger their exit animations.
+        set((state) => ({
+            toasts: state.toasts.map((toast) => ({ ...toast, isVisible: false })),
+        }));
+        // After an animation delay, completely clears the `toasts` array from the state, effectively removing all toasts.
+        setTimeout(() => {
+            set({ toasts: [] });
+        }, 300);
+    },
+}));
+// Public function to display a toast notification with a specified variant, title, description, and optional settings.
+export const showToast = (variant, title, description, options) => {
+    // Delegates the actual toast creation and display logic to the `add` action of the Zustand store.
+    return useToastStore.getState().add(variant, title, description, options);
+};
+// Convenience function to display a toast notification with the 'info' variant pre-set.
+export const showInfoToast = (title, description, options) => {
+    // Calls the generic `showToast` function with the 'info' variant to display the toast.
+    return showToast('info', title, description, options);
+};
+// Convenience function to display a toast notification with the 'success' variant pre-set.
+export const showSuccessToast = (title, description, options) => {
+    // Calls the generic `showToast` function with the 'success' variant to display the toast.
+    return showToast('success', title, description, options);
+};
+// Convenience function to display a toast notification with the 'warning' variant pre-set.
+export const showWarningToast = (title, description, options) => {
+    // Calls the generic `showToast` function with the 'warning' variant to display the toast.
+    return showToast('warning', title, description, options);
+};
+// Convenience function to display a toast notification with the 'error' variant pre-set.
+export const showErrorToast = (title, description, options) => {
+    // Calls the generic `showToast` function with the 'error' variant to display the toast.
+    return showToast('error', title, description, options);
+};
+// Public function to remove a specific toast by its unique ID.
+export const removeToast = (id) => {
+    // Delegates the actual toast removal logic to the `remove` action of the Zustand store.
+    useToastStore.getState().remove(id);
+};
+// Public function to remove all active toast notifications.
+export const removeAllToasts = () => {
+    // Delegates the actual removal of all toasts to the `removeAll` action of the Zustand store.
+    useToastStore.getState().removeAll();
+};
+//# sourceMappingURL=Toast.store.js.map

package/dist/native/components/Toast/Toast/Toast.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.store.js","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast/Toast.store.tsx"],"names":[],"mappings":"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"}

package/dist/native/components/Toast/Toast/Toast.style.d.ts

@@ -0,0 +1,17 @@
+import { ViewProps } from 'app-studio';
+import { ToastPosition, ThemesType } from './Toast.type';
+export declare const Themes: ThemesType;
+export declare const ToastAnimations: {
+    enter: {
+        opacity: number[];
+        transform: string[];
+        transition: string;
+    };
+    exit: {
+        opacity: number[];
+        transform: string[];
+        transition: string;
+    };
+};
+export declare const BaseContainerStyles: ViewProps;
+export declare const ToastPositions: Record<ToastPosition, ViewProps>;

package/dist/native/components/Toast/Toast/Toast.style.js

@@ -0,0 +1,103 @@
+// Defines the various visual themes (e.g., info, success, warning, error) for the Toast component, including specific background, border, content, and icon colors for each theme.
+export const Themes = {
+    info: {
+        container: {
+            backgroundColor: 'color-blue-50',
+            border: 'color-blue-300',
+        },
+        content: {
+            color: 'color-blue-700',
+        },
+        icon: {
+            color: 'color-blue-500',
+        },
+    },
+    success: {
+        container: {
+            backgroundColor: 'color-green-50',
+            border: 'color-green-300',
+        },
+        content: {
+            color: 'color-green-700',
+        },
+        icon: {
+            color: 'color-green-500',
+        },
+    },
+    warning: {
+        container: {
+            backgroundColor: 'color-orange-50',
+            border: 'color-orange-300',
+        },
+        content: {
+            color: 'color-orange-700',
+        },
+        icon: {
+            color: 'color-orange-500',
+        },
+    },
+    error: {
+        container: {
+            backgroundColor: 'color-red-50',
+            border: 'color-red-300',
+        },
+        content: {
+            color: 'color-red-700',
+        },
+        icon: {
+            color: 'color-red-500',
+        },
+    },
+};
+// Specifies the entry and exit animations for the Toast component, controlling how it appears and disappears from the screen with properties like opacity and transform.
+export const ToastAnimations = {
+    enter: {
+        opacity: [0, 1],
+        transform: ['translateY(8px)', 'translateY(0)'],
+        transition: 'opacity 0.2s ease-out, transform 0.2s ease-out',
+    },
+    exit: {
+        opacity: [1, 0],
+        transform: ['translateY(0)', 'translateY(8px)'],
+        transition: 'opacity 0.15s ease-in, transform 0.15s ease-in',
+    },
+};
+// Establishes the foundational styling properties for the Toast container, such as border-radius, border, padding, and box-shadow, applied universally to all toasts.
+export const BaseContainerStyles = {
+    borderRadius: '8px',
+    borderWidth: '1px',
+    borderStyle: 'solid',
+    padding: '12px 16px',
+    boxShadow: '0px 4px 6px rgba(0, 0, 0, 0.05), 0px 2px 4px rgba(0, 0, 0, 0.03)',
+    transition: 'box-shadow 0.2s ease, background-color 0.2s ease',
+};
+// Maps predefined positions (e.g., top, bottom-right) to specific CSS-in-JS styling rules, determining where the Toast component will render on the screen.
+export const ToastPositions = {
+    top: {
+        top: '16px',
+        left: '50%',
+        transform: 'translateX(-50%)',
+    },
+    'top-right': {
+        top: '16px',
+        right: '16px',
+    },
+    'top-left': {
+        top: '16px',
+        left: '16px',
+    },
+    bottom: {
+        bottom: '16px',
+        left: '50%',
+        transform: 'translateX(-50%)',
+    },
+    'bottom-right': {
+        bottom: '16px',
+        right: '16px',
+    },
+    'bottom-left': {
+        bottom: '16px',
+        left: '16px',
+    },
+};
+//# sourceMappingURL=Toast.style.js.map

package/dist/native/components/Toast/Toast/Toast.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.style.js","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast/Toast.style.ts"],"names":[],"mappings":"AAEA,mLAAmL;AACnL,MAAM,CAAC,MAAM,MAAM,GAAe;IAChC,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,eAAe,EAAE,eAAe;YAChC,MAAM,EAAE,gBAAgB;SACzB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,gBAAgB;SACxB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,gBAAgB;SACxB;KACF;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,eAAe,EAAE,gBAAgB;YACjC,MAAM,EAAE,iBAAiB;SAC1B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,iBAAiB;SACzB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,iBAAiB;SACzB;KACF;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,eAAe,EAAE,iBAAiB;YAClC,MAAM,EAAE,kBAAkB;SAC3B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kBAAkB;SAC1B;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,kBAAkB;SAC1B;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,eAAe,EAAE,cAAc;YAC/B,MAAM,EAAE,eAAe;SACxB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,eAAe;SACvB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,eAAe;SACvB;KACF;CACF,CAAC;AACF,yKAAyK;AACzK,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACf,SAAS,EAAE,CAAC,iBAAiB,EAAE,eAAe,CAAC;QAC/C,UAAU,EAAE,gDAAgD;KAC7D;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACf,SAAS,EAAE,CAAC,eAAe,EAAE,iBAAiB,CAAC;QAC/C,UAAU,EAAE,gDAAgD;KAC7D;CACF,CAAC;AACF,sKAAsK;AACtK,MAAM,CAAC,MAAM,mBAAmB,GAAc;IAC5C,YAAY,EAAE,KAAK;IACnB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,OAAO;IACpB,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,kEAAkE;IAC7E,UAAU,EAAE,kDAAkD;CAC/D,CAAC;AACF,4JAA4J;AAC5J,MAAM,CAAC,MAAM,cAAc,GAAqC;IAC9D,GAAG,EAAE;QACH,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,kBAAkB;KAC9B;IACD,WAAW,EAAE;QACX,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,MAAM;KACb;IACD,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,kBAAkB;KAC9B;IACD,cAAc,EAAE;QACd,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;IACD,aAAa,EAAE;QACb,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;KACb;CACF,CAAC"}

package/dist/native/components/Toast/Toast/Toast.type.d.ts

@@ -0,0 +1,53 @@
+import { ViewProps } from 'app-studio';
+export type ToastVariant = 'info' | 'success' | 'warning' | 'error';
+export type ToastPosition = 'top' | 'top-right' | 'top-left' | 'bottom' | 'bottom-right' | 'bottom-left';
+export interface Theme {
+    container: {
+        backgroundColor: string;
+        border: string;
+    };
+    content: {
+        color: string;
+    };
+    icon: {
+        color: string;
+    };
+}
+export type ThemesType = {
+    info: Theme;
+    success: Theme;
+    error: Theme;
+    warning: Theme;
+};
+export interface ToastStyles {
+    container?: ViewProps;
+    title?: ViewProps;
+    description?: ViewProps;
+    icon?: ViewProps;
+    closeButton?: ViewProps;
+    actionButton?: ViewProps;
+}
+export interface ToastOptions {
+    id?: string;
+    duration?: number;
+    position?: ToastPosition;
+    isClosable?: boolean;
+    onClose?: () => void;
+    action?: () => void;
+    actionText?: string;
+    showIcon?: boolean;
+    views?: ToastStyles;
+    render?: (props: {
+        id: string;
+        onClose: () => void;
+    }) => React.ReactNode;
+    icon?: React.ReactNode;
+}
+export interface ToastItem extends ToastOptions {
+    id: string;
+    variant: ToastVariant;
+    title: string;
+    description?: string;
+    createdAt: number;
+    isVisible?: boolean;
+}

package/dist/native/components/Toast/Toast/Toast.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Toast.type.js.map

package/dist/native/components/Toast/Toast/Toast.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.type.js","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast/Toast.type.ts"],"names":[],"mappings":""}

package/dist/native/components/Toast/Toast/Toast.view.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ToastProps, ToastContainerProps } from './Toast.props';
+export declare const ToastView: React.FC<ToastProps>;
+export declare const ToastContainer: React.FC<ToastContainerProps>;

package/dist/native/components/Toast/Toast/Toast.view.js

@@ -0,0 +1,100 @@
+import React from 'react';
+import { View } from 'app-studio';
+import { Text } from 'app-studio';
+import { Vertical } from 'app-studio';
+import { Horizontal } from 'app-studio';
+import { InfoIcon, PlayIcon, DustBinIcon, CloseIcon } from '../../Icon/Icon';
+import { Themes, ToastPositions } from './Toast.style';
+import { useToastStore } from './Toast.store';
+// Defines the ToastView functional component, responsible for rendering an individual toast notification based on the provided properties.
+export const ToastView = ({ variant, title, description, onClose, isClosable = true, action, actionText, showIcon = true, theme, views, render, icon: customIcon, id, isVisible = true, themeMode: elementMode, }) => {
+    // Initializes the `Theme` variable, prioritizing a custom `theme` if provided, otherwise defaulting to the `Themes` object for styling.
+    const Theme = theme ?? Themes;
+    // A helper function that determines and returns the appropriate icon component based on the `variant` of the toast or a `customIcon`.
+    const getIcon = () => {
+        if (customIcon !== undefined) {
+            return customIcon;
+        }
+        const iconColor = variant
+            ? Themes[variant]?.icon?.color
+            : Themes.info.icon.color;
+        switch (variant) {
+            case 'info':
+                return <InfoIcon widthHeight={20} color={iconColor}/>;
+            case 'success':
+                return <PlayIcon widthHeight={20} color={iconColor}/>;
+            case 'warning':
+                return (<InfoIcon widthHeight={20} color={iconColor} orientation="down"/>);
+            case 'error':
+                return <DustBinIcon widthHeight={20} color={iconColor}/>;
+            default:
+                return <InfoIcon widthHeight={20} color={Themes.info.icon.color}/>;
+        }
+    };
+    if (render) {
+        return <>{render({ id: id || '', onClose })}</>;
+    }
+    // Sets the ARIA `role` attribute to 'alert' for error toasts, indicating an important and time-sensitive message, or 'status' for others.
+    const ariaRole = variant === 'error' ? 'alert' : 'status';
+    // Determines the ARIA `aria-live` attribute, setting it to 'assertive' for error or warning toasts to announce changes immediately, or 'polite' for less urgent updates.
+    const ariaLive = variant === 'error' || variant === 'warning' ? 'assertive' : 'polite';
+    return (<Horizontal role={ariaRole} aria-live={ariaLive} aria-atomic="true" data-state={isVisible ? 'open' : 'closed'} gap={12} width="100%" maxWidth="380px" borderWidth="1px" borderStyle="solid" borderRadius="12px" padding="12px 14px" alignItems="flex-start" position="relative" backgroundColor={Theme[variant].container.backgroundColor} borderColor={Theme[variant].container.border} boxShadow="0 12px 32px rgba(15, 23, 42, 0.12)" opacity={isVisible ? 1 : 0} transform={isVisible ? 'translateY(0)' : 'translateY(4px)'} transition="opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease" {...views?.container}>
+      {showIcon && (<View marginTop="2px" {...views?.icon}>
+          {getIcon()}
+        </View>)}
+      <Vertical gap={4} flex="1">
+        <Text size="sm" lineHeight="20px" fontWeight="600" color={Theme[variant].content.color} backgroundColor={Theme[variant].container.backgroundColor} {...views?.title}>
+          {title}
+        </Text>
+        {description && (<Text size="xs" lineHeight="18px" color={Theme[variant].content.color} fontWeight="400" backgroundColor={Theme[variant].container.backgroundColor} {...views?.description}>
+            {description}
+          </Text>)}
+        {action && actionText && (<Text size="sm" fontWeight="600" marginTop="6px" cursor="pointer" color={Theme[variant].content.color} backgroundColor={Theme[variant].container.backgroundColor} onClick={(e) => {
+                e.stopPropagation();
+                action();
+            }} _hover={{ textDecoration: 'underline' }} transition="opacity 0.2s ease, color 0.2s ease" {...views?.actionButton}>
+            {actionText}
+          </Text>)}
+      </Vertical>
+      {isClosable && (<View as="button" aria-label="Close toast" backgroundColor="transparent" border="none" cursor="pointer" padding="4px" marginLeft="8px" marginTop="-2px" marginRight="-4px" borderRadius="9999px" onClick={(e) => {
+                e.stopPropagation();
+                onClose();
+            }} _hover={{ backgroundColor: 'color-blackAlpha-100' }} transition="background-color 0.2s ease, opacity 0.2s ease" {...views?.closeButton}>
+          <CloseIcon widthHeight={16} color={Theme[variant].content.color}/>
+        </View>)}
+    </Horizontal>);
+};
+export const ToastContainer = ({ position = 'top-right', gap = 8, limit = 5, containerStyle, }) => {
+    const { toasts, remove } = useToastStore();
+    const toastsByPosition = React.useMemo(() => {
+        const grouped = {
+            top: [],
+            'top-right': [],
+            'top-left': [],
+            bottom: [],
+            'bottom-right': [],
+            'bottom-left': [],
+        };
+        toasts.forEach((toast) => {
+            const pos = toast.position || position;
+            grouped[pos].push(toast);
+        });
+        Object.keys(grouped).forEach((pos) => {
+            grouped[pos] = grouped[pos].slice(-limit);
+        });
+        return grouped;
+    }, [toasts, position, limit]);
+    const visibleToasts = toastsByPosition[position];
+    return (<View position="fixed" zIndex={9999} display="flex" flexDirection={position.includes('bottom') ? 'column-reverse' : 'column'} gap={`${gap}px`} width="fit-content" maxWidth="100%" pointerEvents="none" {...ToastPositions[position]} style={containerStyle}>
+      {visibleToasts.map((toast) => (<View key={toast.id} pointerEvents="auto" animation={position.includes('right')
+                ? 'slideInRight 0.3s ease-out, fadeIn 0.3s ease-out'
+                : position.includes('left')
+                    ? 'slideInLeft 0.3s ease-out, fadeIn 0.3s ease-out'
+                    : position.includes('top')
+                        ? 'slideInDown 0.3s ease-out, fadeIn 0.3s ease-out'
+                        : 'slideInUp 0.3s ease-out, fadeIn 0.3s ease-out'}>
+          <ToastView id={toast.id} variant={toast.variant} title={toast.title} description={toast.description} onClose={() => remove(toast.id)} isClosable={toast.isClosable} action={toast.action} actionText={toast.actionText} showIcon={toast.showIcon} views={toast.views} render={toast.render} icon={toast.icon} isVisible={toast.isVisible}/>
+        </View>))}
+    </View>);
+};
+//# sourceMappingURL=Toast.view.js.map

package/dist/native/components/Toast/Toast/Toast.view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.view.js","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast/Toast.view.tsx"],"names":[],"mappings":"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"}

package/dist/native/components/Toast/Toast/Toast.view.native.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ToastProps, ToastContainerProps } from './Toast.props';
+export declare const ToastView: React.FC<ToastProps>;
+export declare const ToastContainer: React.FC<ToastContainerProps>;

package/dist/native/components/Toast/Toast/Toast.view.native.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { View, Text, Vertical, Horizontal } from 'app-studio';
+import { Themes, ToastPositions } from './Toast.style';
+import { useToastStore } from './Toast.store';
+export const ToastView = ({ variant, title, description, onClose, isClosable = true, action, actionText, showIcon = true, theme, views, render, icon: customIcon, id, isVisible = true, themeMode: elementMode, }) => {
+    const Theme = theme ?? Themes;
+    if (render) {
+        return <>{render({ id: id || '', onClose })}</>;
+    }
+    return (<Horizontal gap={12} width="100%" maxWidth={380} borderWidth={1} borderStyle="solid" borderRadius={12} padding={12} alignItems="flex-start" position="relative" backgroundColor={Theme[variant].container.backgroundColor} borderColor={Theme[variant].container.border} opacity={isVisible ? 1 : 0} style={{
+            elevation: 8,
+            shadowColor: '#000',
+            shadowOffset: { width: 0, height: 4 },
+            shadowOpacity: 0.12,
+            shadowRadius: 8,
+        }} {...views?.container}>
+      {showIcon && customIcon && (<View marginTop={2} {...views?.icon}>
+          {customIcon}
+        </View>)}
+      <Vertical gap={4} flex={1}>
+        <Text fontSize={14} lineHeight={20} fontWeight="600" color={Theme[variant].content.color} {...views?.title}>
+          {title}
+        </Text>
+        {description && (<Text fontSize={12} lineHeight={18} color={Theme[variant].content.color} fontWeight="400" {...views?.description}>
+            {description}
+          </Text>)}
+        {action && actionText && (<Text fontSize={14} fontWeight="600" marginTop={6} color={Theme[variant].content.color} onPress={() => action()} onClick={() => action()} {...views?.actionButton}>
+            {actionText}
+          </Text>)}
+      </Vertical>
+      {isClosable && (<View padding={4} marginLeft={8} borderRadius={9999} onPress={onClose} onClick={onClose} {...views?.closeButton}>
+          <Text color={Theme[variant].content.color}>×</Text>
+        </View>)}
+    </Horizontal>);
+};
+export const ToastContainer = ({ position = 'top-right', gap = 8, limit = 5, containerStyle, }) => {
+    const { toasts, remove } = useToastStore();
+    const toastsByPosition = React.useMemo(() => {
+        const grouped = {
+            top: [],
+            'top-right': [],
+            'top-left': [],
+            bottom: [],
+            'bottom-right': [],
+            'bottom-left': [],
+        };
+        toasts.forEach((toast) => {
+            const pos = toast.position || position;
+            grouped[pos].push(toast);
+        });
+        Object.keys(grouped).forEach((pos) => {
+            grouped[pos] = grouped[pos].slice(-limit);
+        });
+        return grouped;
+    }, [toasts, position, limit]);
+    const visibleToasts = toastsByPosition[position];
+    return (<View position="absolute" zIndex={9999} flexDirection={position.includes('bottom') ? 'column-reverse' : 'column'} gap={gap} maxWidth="100%" {...{ pointerEvents: 'box-none' }} {...ToastPositions[position]} style={containerStyle}>
+      {visibleToasts.map((toast) => (<View key={toast.id} pointerEvents="auto">
+          <ToastView id={toast.id} variant={toast.variant} title={toast.title} description={toast.description} onClose={() => remove(toast.id)} isClosable={toast.isClosable} action={toast.action} actionText={toast.actionText} showIcon={toast.showIcon} views={toast.views} render={toast.render} icon={toast.icon} isVisible={toast.isVisible}/>
+        </View>))}
+    </View>);
+};
+//# sourceMappingURL=Toast.view.native.js.map

package/dist/native/components/Toast/Toast/Toast.view.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.view.native.js","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast/Toast.view.native.tsx"],"names":[],"mappings":"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"}

package/dist/native/components/Toast/Toast.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { ToastProps, ToastContainerProps } from './Toast/Toast.props';
+import { showToast } from './Toast/Toast.store';
+declare const Toast: React.FC<ToastProps> & {
+    Container: (props: ToastContainerProps) => React.JSX.Element;
+    show: (variant: import("./Toast/Toast.type").ToastVariant, title: string, description?: string, options?: import("./Toast/Toast.type").ToastOptions) => string;
+    info: (title: string, description?: string, options?: import("./Toast/Toast.type").ToastOptions) => string;
+    success: (title: string, description?: string, options?: import("./Toast/Toast.type").ToastOptions) => string;
+    warning: (title: string, description?: string, options?: import("./Toast/Toast.type").ToastOptions) => string;
+    error: (title: string, description?: string, options?: import("./Toast/Toast.type").ToastOptions) => string;
+    remove: (id: string) => void;
+    removeAll: () => void;
+};
+export declare const useToast: () => {
+    toast: (variant: import("./Toast/Toast.type").ToastVariant, title: string, description?: string, options?: import("./Toast/Toast.type").ToastOptions) => string;
+    info: (title: string, description?: string, options?: import("./Toast/Toast.type").ToastOptions) => string;
+    success: (title: string, description?: string, options?: import("./Toast/Toast.type").ToastOptions) => string;
+    warning: (title: string, description?: string, options?: import("./Toast/Toast.type").ToastOptions) => string;
+    error: (title: string, description?: string, options?: import("./Toast/Toast.type").ToastOptions) => string;
+    remove: (id: string) => void;
+    removeAll: () => void;
+};
+export { Toast, showToast };

package/dist/native/components/Toast/Toast.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ToastView, ToastContainer } from './Toast/Toast.view';
+import { showToast, showInfoToast, showSuccessToast, showWarningToast, showErrorToast, removeToast, removeAllToasts, } from './Toast/Toast.store';
+import { useToast as useToastHook } from './Toast/Toast.hook';
+// This file serves as the primary export for the Toast component system, consolidating its core view, management functions (show, hide, various types), and the `useToast` hook into a single, unified interface for easy consumption throughout the application.
+const ToastComponent = (props) => {
+    return <ToastView {...props}/>;
+};
+const Toast = Object.assign(ToastComponent, {
+    Container: (props) => <ToastContainer {...props}/>,
+    show: showToast,
+    info: showInfoToast,
+    success: showSuccessToast,
+    warning: showWarningToast,
+    error: showErrorToast,
+    remove: removeToast,
+    removeAll: removeAllToasts,
+});
+export const useToast = useToastHook;
+export { Toast, showToast };
+//# sourceMappingURL=Toast.js.map

package/dist/native/components/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9D,kQAAkQ;AAClQ,MAAM,cAAc,GAAyB,CAAC,KAAK,EAAE,EAAE;IACrD,OAAO,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClC,CAAC,CAAC;AACF,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IAC1C,SAAS,EAAE,CAAC,KAA0B,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,KAAK,CAAC,EAAG;IACxE,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,KAAK,EAAE,cAAc;IACrB,MAAM,EAAE,WAAW;IACnB,SAAS,EAAE,eAAe;CAC3B,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC"}

package/dist/native/components/Toast/index.d.ts

@@ -0,0 +1 @@
+export * from './Toast';

package/dist/native/components/Toast/index.js

@@ -0,0 +1,3 @@
+// This file serves as the main entry point for the Toast component, re-exporting all its public modules and making them accessible from a single import.
+export * from './Toast';
+//# sourceMappingURL=index.js.map

package/dist/native/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,yJAAyJ;AACzJ,cAAc,SAAS,CAAC"}