@app-studio/web 0.8.60 → 0.8.61

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

@@ -1,5 +1,5 @@
 import React, { CSSProperties } from 'react';
-import { ButtonProps as $ButtonProps, Shadow } from 'app-studio';
+import { ButtonProps as $ButtonProps, Shadow, ViewProps } from 'app-studio';
 import { Elevation } from '../../../utils/elevation';
 import { IconPosition, Shape, Size, Variant, LoaderPosition, Effects } from './Button.type';
 import { LoaderProps } from '../../Loader/Loader/Loader.props';
@@ -23,4 +23,6 @@ export interface ButtonProps extends Omit<$ButtonProps, 'size'> {
     ariaLabel?: string;
     variant?: Variant;
     effect?: Effects;
+    containerProps?: ViewProps;
+    linkProps?: ViewProps;
 }

package/dist/components/Icon/Icon.d.ts

@@ -9,6 +9,9 @@ export interface IconProps extends Omit<ViewProps, 'size'> {
 }
 export declare const ChevronIcon: React.FC<IconProps>;
 export declare const DragHandleIcon: React.FC<IconProps>;
+export declare const FileIcon: React.FC<IconProps>;
+export declare const VideoIcon: React.FC<IconProps>;
+export declare const ImageIcon: React.FC<IconProps>;
 export declare const TwitterIcon: React.FC<IconProps>;
 export declare const XIcon: React.FC<IconProps>;
 export declare const TwitchIcon: React.FC<IconProps>;
@@ -20,6 +23,8 @@ export declare const LinkedinIcon: React.FC<IconProps>;
 export declare const ThreadsIcon: React.FC<IconProps>;
 export declare const MinusIcon: React.FC<IconProps>;
 export declare const InfoIcon: React.FC<IconProps>;
+export declare const PlayIcon: React.FC<IconProps>;
+export declare const PauseIcon: React.FC<IconProps>;
 export declare const HeartIcon: React.FC<IconProps>;
 export declare const StarIcon: React.FC<IconProps>;
 export declare const SaveIcon: React.FC<IconProps>;

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

@@ -7,7 +7,6 @@ export interface TextProps extends Omit<TextAppProps, 'children' | 'style' | 'po
     isItalic?: boolean;
     isStriked?: boolean;
     isUnderlined?: boolean;
-    isTruncated?: boolean;
     isSub?: boolean;
     isSup?: boolean;
     maxLines?: number;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { UploadProps, UseUploadProps } from './Uploader.props';
+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;
+};
+export declare const Uploader: React.FC<UploadProps>;

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

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import type { ImageProps, TextProps, ViewProps } from 'app-studio';
+import { IconProps } from '..';
+export interface UseUploadProps {
+    accept?: string;
+    maxSize?: number;
+    onFileSelect?: (file: File) => void;
+    validateFile?: (file: File) => string | null;
+    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;
+    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;
+}

package/dist/components/index.d.ts

@@ -21,6 +21,7 @@ export * from './Layout/Vertical/Vertical';
 export * from './Layout/View/View';
 export * from './Link/Link';
 export * from './Loader/Loader';
+export * from './Uploader/Uploader';
 export * from './Message/Message';
 export * from './Modal/Modal';
 export * from './Table/Table';
@@ -53,6 +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 './Table/Table/Table.props';
 export * from './Tabs/Tabs/Tabs.props';
 export * from './Text/Text/Text.props';

package/dist/pages/upload.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const UploadPage: () => React.JSX.Element;
+export default UploadPage;