@app-studio/components 0.10.17

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

@@ -0,0 +1,162 @@
+// Defines a mapping of tooltip sizes (small, medium, large) to their respective CSS properties, such as padding, font size, and maximum width.
+export const TooltipSizes = {
+    sm: {
+        padding: '4px 8px',
+        fontSize: '12px',
+        maxWidth: '200px',
+    },
+    md: {
+        padding: '6px 10px',
+        fontSize: '14px',
+        maxWidth: '250px',
+    },
+    lg: {
+        padding: '8px 12px',
+        fontSize: '16px',
+        maxWidth: '300px',
+    },
+};
+// A factory function that generates a record of tooltip variant styles (e.g., default, light, dark) based on the provided theme mode, applying specific background colors, text colors, border radii, and box shadows.
+export const getTooltip = (themeMode) => {
+    return {
+        default: {
+            backgroundColor: 'color-gray-900',
+            color: 'color-white',
+            borderRadius: '8px',
+            boxShadow: '0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)',
+            transition: 'opacity 0.15s ease',
+        },
+        light: {
+            backgroundColor: 'color-white',
+            color: 'color-gray-800',
+            borderWidth: '1px',
+            borderStyle: 'solid',
+            borderColor: 'color-gray-200',
+            borderRadius: '8px',
+            boxShadow: '0px 4px 6px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.04)',
+            transition: 'opacity 0.15s ease',
+        },
+        dark: {
+            backgroundColor: 'color-gray-950',
+            color: 'color-white',
+            borderRadius: '8px',
+            boxShadow: '0px 4px 6px rgba(0, 0, 0, 0.2), 0px 2px 4px rgba(0, 0, 0, 0.12)',
+            transition: 'opacity 0.15s ease',
+        },
+    };
+};
+// Exports a set of tooltip variant styles, initialized by calling `getTooltip` with the 'light' theme mode to establish a default appearance.
+export const TooltipVariants = getTooltip('light');
+// Calculates and returns the CSS styles necessary to position the tooltip accurately relative to its trigger element, taking into account its desired `position` and `alignment`.
+export const getTooltipPositionStyles = (
+// Parameter: `position` specifies the primary direction (e.g., 'top', 'bottom', 'left', 'right') where the tooltip should appear.
+position, 
+// Parameter: `align` defines the secondary alignment of the tooltip along its specified `position` (e.g., 'start', 'end', 'center').
+align) => {
+    const baseStyles = {
+        position: 'absolute',
+        zIndex: 1000,
+    };
+    switch (position) {
+        case 'top':
+            return {
+                ...baseStyles,
+                bottom: '100%',
+                marginBottom: '8px',
+                ...(align === 'start'
+                    ? { left: '0' }
+                    : align === 'end'
+                        ? { right: '0' }
+                        : { left: '50%', transform: 'translateX(-50%)' }),
+            };
+        case 'right':
+            return {
+                ...baseStyles,
+                left: '100%',
+                marginLeft: '8px',
+                ...(align === 'start'
+                    ? { top: '0' }
+                    : align === 'end'
+                        ? { bottom: '0' }
+                        : { top: '50%', transform: 'translateY(-50%)' }),
+            };
+        case 'bottom':
+            return {
+                ...baseStyles,
+                top: '100%',
+                marginTop: '8px',
+                ...(align === 'start'
+                    ? { left: '0' }
+                    : align === 'end'
+                        ? { right: '0' }
+                        : { left: '50%', transform: 'translateX(-50%)' }),
+            };
+        case 'left':
+            return {
+                ...baseStyles,
+                right: '100%',
+                marginRight: '8px',
+                ...(align === 'start'
+                    ? { top: '0' }
+                    : align === 'end'
+                        ? { bottom: '0' }
+                        : { top: '50%', transform: 'translateY(-50%)' }),
+            };
+        default:
+            return baseStyles;
+    }
+};
+// Determines and returns the CSS styles for the small triangular arrow that points from the tooltip towards its trigger element, adjusting its orientation based on the tooltip's `position`.
+export const getArrowStyles = (position) => {
+    const baseStyles = {
+        position: 'absolute',
+        width: '8px',
+        height: '8px',
+        backgroundColor: 'inherit',
+        borderStyle: 'inherit',
+        borderWidth: 'inherit',
+        borderColor: 'inherit',
+        transform: 'rotate(45deg)',
+    };
+    switch (position) {
+        case 'top':
+            return {
+                ...baseStyles,
+                bottom: '-4px',
+                left: '50%',
+                marginLeft: '-4px',
+                borderTop: 'none',
+                borderLeft: 'none',
+            };
+        case 'right':
+            return {
+                ...baseStyles,
+                left: '-4px',
+                top: '50%',
+                marginTop: '-4px',
+                borderRight: 'none',
+                borderTop: 'none',
+            };
+        case 'bottom':
+            return {
+                ...baseStyles,
+                top: '-4px',
+                left: '50%',
+                marginLeft: '-4px',
+                borderBottom: 'none',
+                borderRight: 'none',
+            };
+        case 'left':
+            return {
+                ...baseStyles,
+                right: '-4px',
+                top: '50%',
+                marginTop: '-4px',
+                borderLeft: 'none',
+                borderBottom: 'none',
+            };
+        default:
+            return baseStyles;
+    }
+};
+//# sourceMappingURL=Tooltip.style.js.map

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

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

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

@@ -0,0 +1,20 @@
+import { ViewProps, TextProps } from 'app-studio';
+export type Position = 'top' | 'right' | 'bottom' | 'left';
+export type Alignment = 'start' | 'center' | 'end';
+export type Size = 'sm' | 'md' | 'lg';
+export type Variant = 'default' | 'light' | 'dark';
+export interface TooltipContextType {
+    isOpen: boolean;
+    openTooltip: () => void;
+    closeTooltip: () => void;
+    triggerRef: React.RefObject<HTMLElement | null>;
+    contentRef: React.RefObject<HTMLElement | null>;
+    contentId: string;
+    triggerId: string;
+}
+export interface TooltipStyles {
+    container?: ViewProps;
+    content?: ViewProps;
+    arrow?: ViewProps;
+    text?: TextProps;
+}

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

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

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

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ViewProps } from 'app-studio';
+import { TooltipContextType, Position, Alignment, TooltipStyles } from './Tooltip.type';
+import { TooltipTriggerProps, TooltipContentProps } from './Tooltip.props';
+export declare const useTooltipContext: () => TooltipContextType;
+export declare const TooltipProvider: React.FC<{
+    value: TooltipContextType;
+    children: React.ReactNode;
+}>;
+export declare const TooltipTrigger: React.FC<TooltipTriggerProps>;
+export declare const TooltipContent: React.FC<TooltipContentProps>;
+export declare const TooltipView: React.FC<{
+    content: React.ReactNode;
+    children: React.ReactNode;
+    position?: Position;
+    align?: Alignment;
+    size?: string;
+    variant?: string;
+    showArrow?: boolean;
+    views?: TooltipStyles;
+} & Omit<ViewProps, 'position' | 'content' | 'size'>>;

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

@@ -0,0 +1,170 @@
+import React, { createContext, useCallback, useContext, useMemo, useState, useEffect, } from 'react';
+import { View, Text, useElementPosition } from 'app-studio';
+import { TooltipSizes, TooltipVariants, getArrowStyles } from './Tooltip.style';
+// Initializes the React Context for the Tooltip, providing a way to share the tooltip's state and functions (open/close, refs, IDs) across its child components.
+const TooltipContext = createContext({
+    isOpen: false,
+    openTooltip: () => { },
+    closeTooltip: () => { },
+    triggerRef: { current: null },
+    contentRef: { current: null },
+    contentId: '',
+    triggerId: '',
+});
+// A custom hook to easily access the Tooltip context, allowing child components to consume the shared tooltip state and actions.
+export const useTooltipContext = () => useContext(TooltipContext);
+// The provider component for the TooltipContext, responsible for making the tooltip's state and functions available to all nested components.
+export const TooltipProvider = ({ value, children }) => {
+    return (<TooltipContext.Provider value={value}>{children}</TooltipContext.Provider>);
+};
+// The component that triggers the tooltip's visibility. It wraps the element that, when interacted with, will show or hide the tooltip content.
+export const TooltipTrigger = React.memo(({ children, views, asChild = false, ...props }) => {
+    const { openTooltip, closeTooltip, triggerRef, contentId, triggerId } = useTooltipContext();
+    // Memoized callback function to open the tooltip when the trigger element's mouseEnter event occurs.
+    const handleMouseEnter = useCallback(() => openTooltip(), [openTooltip]);
+    // Memoized callback function to close the tooltip when the trigger element's mouseLeave event occurs.
+    const handleMouseLeave = useCallback(() => closeTooltip(), [closeTooltip]);
+    // Memoized callback function to open the tooltip when the trigger element receives focus.
+    const handleFocus = useCallback(() => openTooltip(), [openTooltip]);
+    // Memoized callback function to close the tooltip when the trigger element loses focus.
+    const handleBlur = useCallback(() => closeTooltip(), [closeTooltip]);
+    // Collects all necessary properties and event handlers for the tooltip trigger element, including accessibility attributes and custom views.
+    const triggerProps = {
+        ref: triggerRef,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        id: triggerId,
+        'aria-describedby': contentId,
+        ...views?.container,
+        ...props,
+    };
+    if (asChild && React.isValidElement(children)) {
+        return React.cloneElement(children, triggerProps);
+    }
+    return (<View display="inline-block" {...triggerProps}>
+        {children}
+      </View>);
+});
+export const TooltipContent = React.memo(({ children, views, ...props }) => {
+    const { isOpen, contentRef, contentId, triggerId } = useTooltipContext();
+    if (!isOpen) {
+        return null;
+    }
+    return (<View ref={contentRef} id={contentId} role="tooltip" aria-labelledby={triggerId} {...views?.container} {...props}>
+        {children}
+      </View>);
+});
+export const TooltipView = ({ content, children, position = 'top', align = 'center', size = 'md', variant = 'default', showArrow = true, views, themeMode: elementMode, ...props }) => {
+    const { isOpen, triggerRef, contentRef, contentId, triggerId } = useTooltipContext();
+    const { ref: positionRef, relation } = useElementPosition({
+        trackChanges: true,
+        trackOnHover: true,
+        trackOnScroll: true,
+        trackOnResize: true,
+    });
+    const [optimalPosition, setOptimalPosition] = useState({
+        x: 0,
+        y: 0,
+        placement: position,
+    });
+    useEffect(() => {
+        if (triggerRef?.current && positionRef) {
+            positionRef.current = triggerRef.current;
+        }
+    }, [triggerRef, positionRef, isOpen]);
+    useEffect(() => {
+        if (isOpen && contentRef?.current && triggerRef?.current) {
+            const triggerRect = triggerRef.current.getBoundingClientRect();
+            let placement = position;
+            if (relation) {
+                if (position === 'top' && relation.space.vertical === 'bottom') {
+                    placement = 'bottom';
+                }
+                else if (position === 'bottom' && relation.space.vertical === 'top') {
+                    placement = 'top';
+                }
+                else if (position === 'right' &&
+                    relation.space.horizontal === 'left') {
+                    placement = 'left';
+                }
+                else if (position === 'left' &&
+                    relation.space.horizontal === 'right') {
+                    placement = 'right';
+                }
+            }
+            let x = 0;
+            let y = 0;
+            switch (placement) {
+                case 'top':
+                    x =
+                        align === 'start'
+                            ? triggerRect.left
+                            : align === 'end'
+                                ? triggerRect.right - 120
+                                : triggerRect.left + triggerRect.width / 2 - 60;
+                    y = triggerRect.top - 8;
+                    break;
+                case 'bottom':
+                    x =
+                        align === 'start'
+                            ? triggerRect.left
+                            : align === 'end'
+                                ? triggerRect.right - 120
+                                : triggerRect.left + triggerRect.width / 2 - 60;
+                    y = triggerRect.bottom + 8;
+                    break;
+                case 'right':
+                    x = triggerRect.right + 8;
+                    y =
+                        align === 'start'
+                            ? triggerRect.top
+                            : align === 'end'
+                                ? triggerRect.bottom - 32
+                                : triggerRect.top + triggerRect.height / 2 - 16;
+                    break;
+                case 'left':
+                    x = triggerRect.left - 8;
+                    y =
+                        align === 'start'
+                            ? triggerRect.top
+                            : align === 'end'
+                                ? triggerRect.bottom - 32
+                                : triggerRect.top + triggerRect.height / 2 - 16;
+                    break;
+            }
+            setOptimalPosition({ x, y, placement });
+        }
+    }, [isOpen, position, align, triggerRef, contentRef, relation]);
+    const arrowStyles = useMemo(() => showArrow ? getArrowStyles(optimalPosition.placement) : {}, [showArrow, optimalPosition.placement]);
+    const positionStyles = useMemo(() => {
+        const baseStyles = {
+            position: 'fixed',
+            left: optimalPosition.x,
+            top: optimalPosition.y,
+            zIndex: 1000,
+        };
+        switch (optimalPosition.placement) {
+            case 'top':
+                return { ...baseStyles, transform: 'translateY(-100%)' };
+            case 'left':
+                return { ...baseStyles, transform: 'translateX(-100%)' };
+            case 'bottom':
+            case 'right':
+            default:
+                return baseStyles;
+        }
+    }, [optimalPosition.x, optimalPosition.y, optimalPosition.placement]);
+    return (<View position="relative" display="inline-block" {...views?.container} {...props}>
+      
+      <TooltipTrigger>{children}</TooltipTrigger>
+      
+      {isOpen && (<View ref={contentRef} id={contentId} role="tooltip" aria-labelledby={triggerId} borderRadius={4} boxShadow="0px 2px 8px rgba(0, 0, 0, 0.15)" style={positionStyles} {...TooltipSizes[size]} {...TooltipVariants[variant]} {...views?.content}>
+          {typeof content === 'string' ? (<Text {...views?.text}>{content}</Text>) : (content)}
+          
+          {showArrow && <View {...arrowStyles} {...views?.arrow}/>}
+        </View>)}
+    </View>);
+};
+//# sourceMappingURL=Tooltip.view.js.map

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

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ViewProps } from 'app-studio';
+import { TooltipContextType, Position, Alignment, TooltipStyles } from './Tooltip.type';
+import { TooltipTriggerProps, TooltipContentProps } from './Tooltip.props';
+export declare const useTooltipContext: () => TooltipContextType;
+export declare const TooltipProvider: React.FC<{
+    value: TooltipContextType;
+    children: React.ReactNode;
+}>;
+export declare const TooltipTrigger: React.FC<TooltipTriggerProps>;
+export declare const TooltipContent: React.FC<TooltipContentProps>;
+export declare const TooltipView: React.FC<{
+    content: React.ReactNode;
+    children: React.ReactNode;
+    position?: Position;
+    align?: Alignment;
+    size?: string;
+    variant?: string;
+    showArrow?: boolean;
+    views?: TooltipStyles;
+} & Omit<ViewProps, 'position' | 'content' | 'size'>>;

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

@@ -0,0 +1,53 @@
+import React, { createContext, useContext } from 'react';
+import { Modal } from 'react-native';
+import { View, Text } from 'app-studio';
+import { TooltipSizes, TooltipVariants } from './Tooltip.style';
+const TooltipContext = createContext({
+    isOpen: false,
+    openTooltip: () => { },
+    closeTooltip: () => { },
+    triggerRef: { current: null },
+    contentRef: { current: null },
+    contentId: '',
+    triggerId: '',
+});
+export const useTooltipContext = () => useContext(TooltipContext);
+export const TooltipProvider = ({ value, children }) => {
+    return (<TooltipContext.Provider value={value}>{children}</TooltipContext.Provider>);
+};
+export const TooltipTrigger = React.memo(({ children, views, asChild = false, ...props }) => {
+    const { openTooltip, closeTooltip, isOpen } = useTooltipContext();
+    const handlePress = () => (isOpen ? closeTooltip() : openTooltip());
+    const triggerProps = {
+        onPress: handlePress,
+        onClick: handlePress,
+        ...views?.container,
+        ...props,
+    };
+    if (asChild && React.isValidElement(children)) {
+        return React.cloneElement(children, triggerProps);
+    }
+    return <View {...triggerProps}>{children}</View>;
+});
+export const TooltipContent = React.memo(({ children, views, ...props }) => {
+    const { isOpen } = useTooltipContext();
+    if (!isOpen)
+        return null;
+    return (<View {...views?.container} {...props}>
+        {children}
+      </View>);
+});
+export const TooltipView = ({ content, children, size = 'md', variant = 'default', views, themeMode: elementMode, ...props }) => {
+    const { isOpen, closeTooltip } = useTooltipContext();
+    return (<View {...views?.container} {...props}>
+      <TooltipTrigger>{children}</TooltipTrigger>
+      <Modal visible={isOpen} transparent animationType="fade" onRequestClose={closeTooltip}>
+        <View flex={1} alignItems="center" justifyContent="center" backgroundColor="color-blackAlpha-400" onPress={closeTooltip} onClick={closeTooltip}>
+          <View borderRadius={4} {...TooltipSizes[size]} {...TooltipVariants[variant]} {...views?.content}>
+            {typeof content === 'string' ? (<Text {...views?.text}>{content}</Text>) : (content)}
+          </View>
+        </View>
+      </Modal>
+    </View>);
+};
+//# sourceMappingURL=Tooltip.view.native.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { TooltipType } from './Tooltip/Tooltip.props';
+export declare const Tooltip: TooltipType;

package/dist/native/components/Tooltip/Tooltip.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { useTooltipState } from './Tooltip/Tooltip.state';
+import { TooltipProvider, TooltipTrigger, TooltipContent, TooltipView, } from './Tooltip/Tooltip.view';
+// Defines the main Tooltip component, a customizable overlay for displaying contextual information. It manages tooltip state using `useTooltipState` and renders the `TooltipView` within a `TooltipProvider`, supporting a compound component pattern.
+const TooltipComponent = ({ content, children, position = 'top', align = 'center', size = 'md', variant = 'default', openDelay = 200, closeDelay = 200, showArrow = true, defaultOpen = false, isDisabled = false, views, ...props }) => {
+    const tooltipState = useTooltipState({
+        defaultOpen,
+        openDelay,
+        closeDelay,
+        isDisabled,
+    });
+    return (<TooltipProvider value={tooltipState}>
+      <TooltipView content={content} position={position} align={align} size={size} variant={variant} showArrow={showArrow} views={views} {...props}>
+        {children}
+      </TooltipView>
+    </TooltipProvider>);
+};
+export const Tooltip = TooltipComponent;
+Tooltip.Trigger = TooltipTrigger;
+Tooltip.Content = TooltipContent;
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EACL,eAAe,EACf,cAAc,EACd,cAAc,EACd,WAAW,GACZ,MAAM,wBAAwB,CAAC;AAChC,wPAAwP;AACxP,MAAM,gBAAgB,GAA2B,CAAC,EAChD,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,QAAQ,EAChB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,EAChB,SAAS,GAAG,IAAI,EAChB,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,WAAW;QACX,SAAS;QACT,UAAU;QACV,UAAU;KACX,CAAC,CAAC;IACH,OAAO,CACL,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CACnC;MAAA,CAAC,WAAW,CACV,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,WAAW,CACf;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,gBAA+B,CAAC;AACvD,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC;AACjC,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC"}

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

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

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

@@ -0,0 +1,3 @@
+// This file serves as a barrel file, re-exporting all named exports from the './Tooltip' module. It provides a single, convenient entry point for consuming the Tooltip component and any associated types or utilities.
+export * from './Tooltip';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,yNAAyN;AACzN,cAAc,WAAW,CAAC"}

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

@@ -0,0 +1,61 @@
+import type { ImageProps, TextProps, ViewProps } from 'app-studio';
+import { IconProps } from '../..';
+export interface UseUploadProps {
+    accept?: string;
+    maxSize?: number;
+    onFileSelect?: (file: File) => void;
+    onMultipleFileSelect?: (files: File[]) => void;
+    validateFile?: (file: File) => string | null;
+    onError?: (error: string) => void;
+    thumbnail?: string;
+    multiple?: boolean;
+}
+export interface UploadStateProps {
+    handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    selectedFile: File | null;
+    selectedFiles: File[];
+    fileInputRef: React.RefObject<HTMLInputElement | null>;
+    videoRef: React.RefObject<HTMLVideoElement | null>;
+}
+export interface UploadViewProps {
+    onError?: (error: string) => void;
+    containerProps?: ViewProps;
+    errorMessageProps?: TextProps;
+    thumbnailContainerProps?: ViewProps;
+    loadingProps?: ViewProps;
+    progressProps?: ViewProps;
+    videoProps?: ViewProps;
+    imageProps?: ImageProps;
+    iconProps?: IconProps;
+    textProps?: TextProps;
+    renderVideo?: (props: any) => React.ReactNode;
+    renderText?: (props: any) => React.ReactNode;
+    renderImage?: (props: any) => React.ReactNode;
+    renderError?: (props: any) => React.ReactNode;
+    renderFile?: (props: any) => React.ReactNode;
+    renderProgress?: (props: any) => React.ReactNode;
+    previewUrl?: string | null;
+    thumbnailUrl?: string | null;
+    errorMessage?: string | null;
+    isLoading?: boolean;
+    icon?: React.ReactNode;
+    accept?: string;
+    text?: string;
+    maxSize?: number;
+    progress?: number;
+    fileType?: 'video' | 'image' | 'file';
+    handleClick?: () => void;
+    onFileSelect?: (file: File) => void;
+    onMultipleFileSelect?: (files: File[]) => void;
+    validateFile?: (file: File) => string | null;
+    multiple?: boolean;
+    views?: {
+        container?: ViewProps;
+        view?: ViewProps;
+        image?: ImageProps;
+        horizontal?: ViewProps;
+        text?: ViewProps;
+    };
+}
+export interface UploadProps extends UseUploadProps, UploadViewProps {
+}

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

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

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

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

package/dist/native/components/Uploader/Uploader/Uploader.state.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { UseUploadProps } from '../Uploader/Uploader.props';
+export declare const generateThumbnail: (videoFile: File, setThumbnailUrl: (url: string) => void) => void;
+export declare const useUpload: ({ maxSize, onFileSelect, onMultipleFileSelect, validateFile, thumbnail, multiple, onError, }: UseUploadProps) => {
+    previewUrl: string | null;
+    thumbnailUrl: string | null;
+    errorMessage: string | null;
+    fileInputRef: React.RefObject<HTMLInputElement | null>;
+    videoRef: React.RefObject<HTMLVideoElement | null>;
+    selectedFile: File | null;
+    selectedFiles: File[];
+    handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleClick: () => void | undefined;
+};