@app-studio/web 0.8.65 → 0.8.67

package/dist/components/Layout/Input/FieldLabel/FieldLabel/FieldLabel.props.d.ts

@@ -21,7 +21,7 @@ export interface LabelProps extends Omit<ViewProps, 'size'> {
     /**
      * CSS styles applied to the Label
      */
-    styles?: {
-        label: any;
+    views?: {
+        label?: ViewProps;
     };
 }

package/dist/components/Layout/Input/FieldLayout/FieldLayout/FieldLayout.props.d.ts

@@ -21,5 +21,5 @@ export interface FieldProps extends Omit<ViewProps, 'size'> {
     /**
      * CSS styles applied to the field (default: {}).
      */
-    styles?: TextFieldStyles;
+    views?: TextFieldStyles;
 }

package/dist/components/Layout/Input/HelperText/HelperText.props.d.ts

@@ -13,5 +13,5 @@ export interface HelperTextProps extends ViewProps {
     /**
      * CSS styles applied to the HelperText.
      */
-    styles?: TextFieldStyles;
+    views?: TextFieldStyles;
 }

package/dist/components/Layout/Vertical/Vertical.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { VerticalProps } from './Vertical.props';
-export declare const VerticalBase: React.ForwardRefExoticComponent<Pick<import("app-studio").ElementProps & React.RefAttributes<HTMLElement> & import("app-studio").ViewProps & VerticalProps, string | number> & React.RefAttributes<HTMLElement>>;
-export declare const Vertical: React.ForwardRefExoticComponent<import("app-studio").ElementProps & React.RefAttributes<HTMLElement> & import("app-studio").ViewProps & VerticalProps>;
+export declare const VerticalBase: React.ForwardRefExoticComponent<Pick<Pick<import("app-studio").ElementProps, string | number> & React.RefAttributes<HTMLElement> & import("app-studio").ViewProps & VerticalProps, string | number> & React.RefAttributes<HTMLElement>>;
+export declare const Vertical: React.ForwardRefExoticComponent<Pick<import("app-studio").ElementProps, string | number> & React.RefAttributes<HTMLElement> & import("app-studio").ViewProps & VerticalProps>;

package/dist/components/Layout/View/View.d.ts

@@ -5,5 +5,4 @@ export declare const Bottom: (props: ViewProps) => React.JSX.Element;
 export declare const Left: (props: ViewProps) => React.JSX.Element;
 export declare const Right: (props: ViewProps) => React.JSX.Element;
 export declare const Inline: (props: ViewProps) => React.JSX.Element;
-export type { ViewProps };
-export declare const View: React.ForwardRefExoticComponent<import("app-studio").ElementProps & React.RefAttributes<HTMLElement> & ViewProps>;
+export declare const View: React.ForwardRefExoticComponent<Pick<import("app-studio").ElementProps, string | number> & React.RefAttributes<HTMLElement> & ViewProps>;

package/dist/components/Layout/configs/Input.style.d.ts

@@ -1,8 +1,8 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 import { Shape, Size, Variant } from './Input.type';
-export declare const Shapes: Record<Shape, CSSProperties>;
+export declare const Shapes: Record<Shape, ViewProps>;
 export declare const LabelSizes: Record<Size, number>;
-export declare const InputVariants: Record<Variant, CSSProperties>;
+export declare const InputVariants: Record<Variant, ViewProps>;
 export declare const PadddingWithLabel: {
     paddingTop: number;
     paddingBottom: number;

package/dist/components/Layout/configs/Input.type.d.ts

@@ -1,12 +1,12 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 export declare type Variant = 'outline' | 'default' | 'none';
 export declare type Shape = 'default' | 'sharp' | 'rounded' | 'pillShaped';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type TextFieldStyles = {
-    box?: CSSProperties;
-    text?: CSSProperties;
-    label?: CSSProperties;
-    helperText?: CSSProperties;
+    box?: ViewProps;
+    text?: ViewProps;
+    label?: ViewProps;
+    helperText?: ViewProps;
 };
 export declare type Wrap = 'wrap' | 'nowrap' | 'wrap-reverse';
 export declare type Justify = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';

package/dist/components/Link/Link/Link.props.d.ts

@@ -6,9 +6,8 @@ export interface LinkProps extends Omit<ViewProps, 'size'> {
     underline?: TextDecorationStyle;
     isExternal?: boolean;
     iconSize?: Size;
-    colorScheme?: string;
     to: string;
-    styles?: Styles;
+    views?: Styles;
 }
 export interface LinkViewProps extends LinkProps {
     isHovered: boolean;

package/dist/components/Loader/Loader/Loader.view.d.ts

@@ -1,4 +1,11 @@
 import React from 'react';
+import { ViewProps } from 'app-studio';
 import { LoaderProps } from '../Loader/Loader.props';
-declare const LoaderView: React.FC<LoaderProps>;
+interface Props extends LoaderProps {
+    views?: {
+        container?: ViewProps;
+        text?: ViewProps;
+    };
+}
+declare const LoaderView: React.FC<Props>;
 export default LoaderView;

package/dist/components/Message/Message/Message.props.d.ts

@@ -9,7 +9,7 @@ export interface MessageLayoutProps {
 }
 export interface ShowMessageProps {
     isClosable?: boolean;
-    styles?: MessageViewStyles;
+    views?: MessageViewStyles;
     action?: Function;
     actionText?: string;
     showIcon?: boolean;
@@ -29,11 +29,11 @@ export interface MessageState {
     title: string;
     subtitle: string;
     isClosable?: boolean;
-    styles?: MessageViewStyles;
+    views?: MessageViewStyles;
     action?: Function;
     actionText?: string;
     showIcon?: boolean;
     timeout?: number;
-    show: (variant: MessageType, title?: string, subtitle?: string, isClosable?: boolean, styles?: MessageViewStyles, action?: Function, actionText?: string, showIcon?: boolean, timeout?: number) => void;
+    show: (variant: MessageType, title?: string, subtitle?: string, isClosable?: boolean, views?: MessageViewStyles, action?: Function, actionText?: string, showIcon?: boolean, timeout?: number) => void;
     hide: () => void;
 }

package/dist/components/Message/Message/Message.style.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 import { MessageType, Shape, Size } from './Message.type';
-export declare const ContainerShapes: Record<Shape, CSSProperties>;
+export declare const ContainerShapes: Record<Shape, ViewProps>;
 export declare const HeaderIconSizes: Record<Size, number>;
 export declare const Themes: Record<MessageType, any>;

package/dist/components/Message/Message/Message.type.d.ts

@@ -1,17 +1,18 @@
+import { ViewProps } from 'app-studio';
 export declare type Position = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
 export declare type Shape = 'sharp' | 'rounded';
 export declare type CloseButtonPosition = 'left' | 'right' | 'none';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type MessageType = 'info' | 'warning' | 'error' | 'success';
 export declare type MessageViewStyles = {
-    container?: any;
-    title?: any;
-    subtitle?: any;
-    icon?: any;
-    actionText?: any;
+    container?: ViewProps;
+    title?: ViewProps;
+    subtitle?: ViewProps;
+    icon?: ViewProps;
+    actionText?: ViewProps;
     closingIcon?: {
-        container?: any;
-        icon?: any;
+        container?: ViewProps;
+        icon?: ViewProps;
     };
 };
 export declare type Theme = {
@@ -39,7 +40,7 @@ export declare type ThemesType = {
 };
 export declare type ShowMessageType = {
     isClosable?: boolean;
-    styles?: MessageViewStyles;
+    views?: MessageViewStyles;
     action?: Function;
     actionText?: string;
     showIcon?: boolean;

package/dist/components/Message/Message/Message.view.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { MessageProps } from './Message.props';
-export declare const MessageView: ({ variant, hide, title, subtitle, theme, action, actionText, showIcon, isClosable, timeout, styles, }: MessageProps) => React.JSX.Element;
+export declare const MessageView: ({ variant, hide, title, subtitle, theme, action, actionText, showIcon, isClosable, timeout, views, }: MessageProps) => React.JSX.Element;

package/dist/components/Modal/Modal/Modal.props.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import { Elevation } from '../../../utils/elevation';
 import { Shadow, ViewProps } from 'app-studio';
 import { CloseButtonPosition, Position, Shape, Size } from './Modal.type';
@@ -46,13 +46,13 @@ export interface ModalProps extends Omit<ViewProps, 'size'> {
     /**
      * Applies a shadow effect to the button.
      */
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
 }
 export interface ModalType extends React.FunctionComponent<ModalProps> {
     /**
      * The overlay component of the modal.
      */
-    Overlay: React.FC<OverlayProps>;
+    Overlay?: React.FC<OverlayProps>;
     /**
      * The container component of the modal.
      */
@@ -74,7 +74,7 @@ export interface ModalType extends React.FunctionComponent<ModalProps> {
      */
     Layout: React.FC<ModalLayoutProps>;
 }
-export interface OverlayProps extends Omit<ViewProps, 'size'> {
+export interface OverlayProps extends Omit<ViewProps, 'position' | 'isOpen'> {
     /**
      * The content of the Overlay
      */
@@ -101,6 +101,10 @@ export interface OverlayProps extends Omit<ViewProps, 'size'> {
     onClose: () => void;
 }
 export interface HeaderProps extends Omit<ViewProps, 'size'> {
+    views?: {
+        container?: ViewProps;
+        header?: ViewProps;
+    };
     /**
      * The content of the header
      */
@@ -130,6 +134,9 @@ export interface ModalLayoutProps {
     onHide?: (name?: string, props?: any) => void;
 }
 export interface ContainerProps extends Omit<ViewProps, 'size'> {
+    views?: {
+        container?: ViewProps;
+    };
     /**
      * The content of the modal container
      */
@@ -145,9 +152,15 @@ export interface ContainerProps extends Omit<ViewProps, 'size'> {
     /**
      * Set a shadow effect on the button.
      */
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
 }
-export interface BodyProps extends Omit<ViewProps, 'size'> {
+export interface BodyProps extends ViewProps {
+    views?: {
+        view?: ViewProps;
+    };
 }
 export interface FooterProps extends ViewProps {
+    views?: {
+        container?: ViewProps;
+    };
 }

package/dist/components/Modal/Modal/Modal.style.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties } from 'react';
-import { Position, Shape, Size } from './Modal.type';
-export declare const ContainerShapes: Record<Shape, CSSProperties>;
-export declare const OverlayAlignments: Record<Position, CSSProperties>;
+import { ViewProps } from 'app-studio';
+import { Shape, Size } from './Modal.type';
+export declare const ContainerShapes: Record<Shape, ViewProps>;
+export declare const OverlayAlignments: Record<string, ViewProps>;
 export declare const HeaderIconSizes: Record<Size, number>;

package/dist/components/Modal/Modal/Modal.view.d.ts

@@ -1,6 +1,20 @@
 import React from 'react';
-import { BodyProps, ContainerProps, FooterProps, HeaderProps, OverlayProps } from '../Modal/Modal.props';
-export declare const ModalOverlay: React.FC<OverlayProps>;
+import { ViewProps } from 'app-studio';
+import { BodyProps, ContainerProps, FooterProps, HeaderProps } from '../Modal/Modal.props';
+import { Position } from './Modal.type';
+export interface OverlayProps {
+    views?: {
+        container?: ViewProps;
+        view?: ViewProps;
+    };
+    blur?: number;
+    isOpen?: boolean;
+    isClosePrevented?: boolean;
+    onClose?: () => void;
+    position?: Position;
+    children?: React.ReactNode;
+}
+export declare const ModalOverlay: React.FC<OverlayProps & any>;
 export declare const ModalContainer: React.FC<ContainerProps>;
 export declare const ModalHeader: React.FC<HeaderProps>;
 export declare const ModalBody: React.FC<BodyProps>;

package/dist/components/Table/Table/Table.context.d.ts

@@ -1,20 +1,23 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
+import { ViewProps } from 'app-studio';
 export declare type TableViewStyles = {
-    table?: CSSProperties;
-    thead?: CSSProperties;
-    tfoot?: CSSProperties;
-    tbody?: CSSProperties;
-    tr?: CSSProperties;
-    td?: CSSProperties;
-    th?: CSSProperties;
-    caption?: CSSProperties;
+    table?: ViewProps;
+    thead?: ViewProps;
+    tfoot?: ViewProps;
+    tbody?: ViewProps;
+    tr?: ViewProps;
+    td?: ViewProps;
+    th?: ViewProps;
+    caption?: ViewProps;
 };
+interface TableContextProps {
+    views: TableViewStyles;
+    onRowClick?: Function;
+}
 export declare const TableProvider: React.FC<{
     children: React.ReactNode;
-    styles?: TableViewStyles;
+    views?: TableViewStyles;
     onRowClick?: Function;
 }>;
-export declare const useTableContext: () => {
-    styles: TableViewStyles;
-    onRowClick?: Function | undefined;
-};
+export declare const useTableContext: () => TableContextProps;
+export {};

package/dist/components/Table/Table/Table.props.d.ts

@@ -5,7 +5,7 @@ export interface TableProps {
     columns: Column[];
     footer?: FooterCell[];
     caption?: React.ReactNode;
-    styles?: TableViewStyles;
+    views?: TableViewStyles;
     onClick?: Function;
 }
 export interface TableViewProps extends TableProps {
@@ -19,6 +19,6 @@ export interface TableLayoutProps {
     Caption?: React.FC<any>;
     TableContainer?: React.FC<any>;
     children?: React.ReactNode;
-    styles?: TableViewStyles;
+    views?: TableViewStyles;
     onClick?: Function;
 }

package/dist/components/Table/Table/Table.view.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
+import { ViewProps } from 'app-studio';
 import { TableViewProps } from './Table.props';
-export declare const TableContainer: React.FC<any>;
-export declare const TableHead: React.FC<any>;
-export declare const TableHeadCell: React.FC<any>;
-export declare const TableRow: React.FC<any>;
-export declare const TableCell: React.FC<any>;
-export declare const TableBody: React.FC<any>;
-export declare const TableFooter: React.FC<any>;
-export declare const TableCaption: React.FC<any>;
+export declare const TableContainer: React.FC<ViewProps>;
+export declare const TableHead: React.FC<ViewProps>;
+export declare const TableHeadCell: React.FC<ViewProps>;
+export declare const TableRow: React.FC<ViewProps>;
+export declare const TableCell: React.FC<ViewProps>;
+export declare const TableBody: React.FC<ViewProps>;
+export declare const TableFooter: React.FC<ViewProps>;
+export declare const TableCaption: React.FC<ViewProps>;
 export declare const TableView: React.FC<TableViewProps>;

package/dist/components/Table/Table.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TableLayoutProps } from './Table/Table.props';
 export declare const Table: {
-    ({ children, styles, onClick }: TableLayoutProps): React.JSX.Element;
+    ({ children, views, onClick }: TableLayoutProps): React.JSX.Element;
     Head: React.FC<any>;
     HeadCell: React.FC<any>;
     Body: React.FC<any>;

package/dist/components/Tabs/Tabs/Tabs.props.d.ts

@@ -11,7 +11,7 @@ export interface TabsProps {
     /** Optional callback function triggered when the active tab changes. Receives the newly active tab object. */
     onTabChange?: (activeTab: Tab) => void;
     /** Optional styles object to customize the appearance of the tabs container, headers, buttons, text, and content area. */
-    styles?: TabsStyles;
+    views?: TabsStyles;
     /**
      * Optional custom renderer for a single tab button/header.
      * Receives the tab data, whether it's currently active, and an onClick handler to activate the tab.
@@ -36,7 +36,7 @@ export interface TabsViewProps {
     /** Callback function to handle clicking on a tab header/button. */
     handleTabClick: (tab: Tab) => void;
     /** Optional styles object. */
-    styles?: TabsStyles;
+    views?: TabsStyles;
     /** Optional custom renderer for a tab button/header. */
     renderTab?: (tab: Tab, isActive: boolean, onClick: () => void) => React.ReactNode;
     /** Optional custom renderer for the content area. */

package/dist/components/Text/Text/Text.props.d.ts

@@ -1,7 +1,7 @@
-import { CSSProperties } from 'react';
+/// <reference types="react" />
 import type { TextProps as TextAppProps } from 'app-studio';
 import { Headings, Size, TextWeights } from './Text.type';
-export interface TextProps extends Omit<TextAppProps, 'children' | 'style' | 'pointerEvents'>, CSSProperties {
+export interface TextProps extends Omit<TextAppProps, 'children' | 'style' | 'pointerEvents'> {
     children?: React.ReactNode;
     heading?: Headings;
     isItalic?: boolean;

package/dist/components/Text/Text/Text.view.d.ts

@@ -1,4 +1,10 @@
 import React from 'react';
+import { ViewProps } from 'app-studio';
 import { TextProps } from './Text.props';
-declare const TextView: React.FC<TextProps>;
+interface Props extends TextProps {
+    views?: {
+        container?: ViewProps;
+    };
+}
+declare const TextView: React.FC<Props>;
 export default TextView;

package/dist/components/Text/Text.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { TextProps } from './Text/Text.props';
 /**
  * The Text component is a simple component that renders a text string or paragraphs as a DOM element in the UI. It is a <p> tag by default.
  */
-export declare const Text: React.FC<TextProps>;
+export declare const Text: React.FC<any>;

package/dist/components/Toggle/Toggle/Toggle.props.d.ts

@@ -7,10 +7,9 @@ export interface ToggleProps extends Omit<InputProps, 'size'> {
     isDisabled?: boolean;
     children: React.ReactNode;
     variant?: Variant;
-    colorScheme?: string;
     onToggle?: (isToggled: boolean) => void;
 }
-export interface ToggleViewProps extends ToggleProps {
+export interface ToggleViewProps extends Omit<ToggleProps, never> {
     isHovered: boolean;
     setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
     isToggle: boolean;

package/dist/components/Toggle/Toggle/Toggle.view.d.ts

@@ -1,4 +1,10 @@
 import React from 'react';
+import { ViewProps } from 'app-studio';
 import { ToggleViewProps } from './Toggle.props';
-declare const ToggleView: React.FC<ToggleViewProps>;
+interface Props extends ToggleViewProps {
+    views?: {
+        container?: ViewProps;
+    };
+}
+declare const ToggleView: React.FC<Props>;
 export default ToggleView;

package/dist/components/Toggle/Toggle.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ToggleProps } from './Toggle/Toggle.props';
-export declare const Toggle: ({ children, shape, colorScheme, variant, isDisabled, isToggled, onToggle, ...props }: ToggleProps) => React.JSX.Element;
+export declare const Toggle: ({ children, shape, variant, isDisabled, isToggled, onToggle, ...props }: ToggleProps) => React.JSX.Element;

package/dist/components/Toggle/examples/index.d.ts

@@ -1,4 +1,3 @@
-export * from './colorScheme';
 export * from './default';
 export * from './isDisabled';
 export * from './isToggled';

package/dist/components/ToggleGroup/ToggleGroup/ToggleGroup.props.d.ts

@@ -1,16 +1,19 @@
 /// <reference types="react" />
 export interface ToggleGroupProps {
 }
-import { InputProps } from 'app-studio';
+import { InputProps, ViewProps } from 'app-studio';
 import { Shape, ToggleItem, Variant } from './ToggleGroup.type';
 export interface ToggleGroupProps extends Omit<InputProps, 'size'> {
     shape?: Shape;
     items: ToggleItem[];
     variant?: Variant;
-    colorScheme?: string;
     onToggleChange?: (activeIds: string[]) => void;
 }
-export interface ToggleGroupViewProps extends ToggleGroupProps {
+export interface ToggleGroupViewProps extends Omit<ToggleGroupProps, ''> {
     activeToggles: string[];
     setActiveToggles: React.Dispatch<React.SetStateAction<string[]>>;
+    views?: {
+        container?: ViewProps;
+        toggle?: ViewProps;
+    };
 }

package/dist/components/ToggleGroup/ToggleGroup/ToggleGroup.view.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ToggleGroupViewProps } from './ToggleGroup.props';
-export declare const ToggleGroupView: ({ items, onToggleChange, activeToggles, setActiveToggles, shape, variant, colorScheme, }: ToggleGroupViewProps) => React.JSX.Element;
+export declare const ToggleGroupView: ({ items, onToggleChange, activeToggles, setActiveToggles, shape, variant, views, }: ToggleGroupViewProps) => React.JSX.Element;

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ToggleGroupProps } from './ToggleGroup/ToggleGroup.props';
-export declare const ToggleGroup: ({ items, shape, colorScheme, variant, onToggleChange, }: ToggleGroupProps) => React.JSX.Element;
+export declare const ToggleGroup: ({ items, shape, variant, onToggleChange, }: ToggleGroupProps) => React.JSX.Element;

package/dist/components/ToggleGroup/examples/index.d.ts

@@ -1,4 +1,3 @@
-export * from './colorScheme';
 export * from './default';
 export * from './items';
 export * from './onToggleChange';

package/dist/components/Uploader/{Uploader.props.d.ts → Uploader/Uploader.props.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ImageProps, TextProps, ViewProps } from 'app-studio';
-import { IconProps } from '..';
+import { IconProps } from '../..';
 export interface UseUploadProps {
     accept?: string;
     maxSize?: number;
@@ -9,15 +9,13 @@ export interface UseUploadProps {
     onError?: (error: string) => void;
     thumbnail?: string;
 }
-export interface UploadProps {
-    isLoading?: boolean;
-    icon?: React.ReactNode;
-    accept?: string;
-    text?: string;
-    maxSize?: number;
-    progress?: number;
-    onFileSelect?: (file: File) => void;
-    validateFile?: (file: File) => string | null;
+export interface UploadStateProps {
+    handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    selectedFile: File | null;
+    fileInputRef: React.RefObject<HTMLInputElement>;
+    videoRef: React.RefObject<HTMLVideoElement>;
+}
+export interface UploadViewProps {
     onError?: (error: string) => void;
     containerProps?: ViewProps;
     errorMessageProps?: TextProps;
@@ -34,4 +32,26 @@ export interface UploadProps {
     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;
+    validateFile?: (file: File) => string | null;
+    views?: {
+        container?: ViewProps;
+        view?: ViewProps;
+        image?: ImageProps;
+        horizontal?: ViewProps;
+        text?: ViewProps;
+    };
+}
+export interface UploadProps extends UseUploadProps, UploadViewProps {
 }

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

@@ -0,0 +1,13 @@
+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, validateFile, thumbnail, onError, }: UseUploadProps) => {
+    previewUrl: string | null;
+    thumbnailUrl: string | null;
+    errorMessage: string | null;
+    fileInputRef: React.RefObject<HTMLInputElement>;
+    videoRef: React.RefObject<HTMLVideoElement>;
+    selectedFile: File | null;
+    handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleClick: () => void | undefined;
+};

package/dist/components/Uploader/Uploader/Uploader.view.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { UploadStateProps, UploadViewProps } from './Uploader.props';
+export declare const UploadView: React.FC<UploadViewProps & UploadStateProps>;

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

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

package/dist/components/index.d.ts

@@ -54,7 +54,7 @@ export * from './Link/Link/Link.props';
 export * from './Loader/Loader/Loader.props';
 export * from './Message/Message/Message.props';
 export * from './Modal/Modal/Modal.props';
-export * from './Uploader/Uploader.props';
+export * from './Uploader/Uploader/Uploader.props';
 export * from './Table/Table/Table.props';
 export * from './Tabs/Tabs/Tabs.props';
 export * from './Text/Text/Text.props';