@app-studio/web 0.8.64 → 0.8.66

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,19 @@ 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;
+}
+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';