@app-studio/web 0.8.59 → 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/DragAndDrop/DragAndDrop/DragAndDrop.props.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ViewProps } from 'app-studio';
+export interface DragAndDropProps {
+    items: any[];
+    onChange?: (items: any[]) => void;
+    renderItem?: (item: any, index: number) => React.ReactNode;
+    containerProps?: ViewProps;
+    itemProps?: ViewProps;
+}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DragAndDropProps } from './DragAndDrop.props';
+export declare const useDragAndDropState: ({ items: initialItems, onChange, }: DragAndDropProps) => {
+    items: any[];
+    draggedItem: any;
+    draggedIndex: number | null;
+    itemRefs: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
+    handleDragStart: (e: React.MouseEvent | React.TouchEvent, index: number) => void;
+};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DragAndDropProps } from './DragAndDrop.props';
+interface DragAndDropViewProps extends DragAndDropProps {
+    draggedIndex: number | null;
+    itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
+    renderItem?: (item: any, index: number) => React.ReactNode;
+    handleDragStart: (e: React.MouseEvent | React.TouchEvent, index: number) => void;
+}
+export declare const DragAndDropView: React.FC<DragAndDropViewProps>;
+export {};

package/dist/components/DragAndDrop/DragAndDrop.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DragAndDropProps } from './DragAndDrop/DragAndDrop.props';
+export declare const DragAndDropComponent: React.FC<DragAndDropProps>;
+export declare const DragAndDrop: React.FC<DragAndDropProps>;

package/dist/components/DragAndDrop/examples/Simple.d.ts

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

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

@@ -8,6 +8,10 @@ export interface IconProps extends Omit<ViewProps, 'size'> {
     orientation?: 'left' | 'right' | 'up' | 'down';
 }
 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>;
@@ -19,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';
@@ -30,6 +31,7 @@ export * from './Icon/Icon';
 export * as Icon from './Icon/Icon';
 export * from './Toggle/Toggle';
 export * from './ToggleGroup/ToggleGroup';
+export * from './DragAndDrop/DragAndDrop';
 export * from './Alert/Alert/Alert.props';
 export * from './AspectRatio/AspectRatio/AspectRatio.props';
 export * from './Avatar/Avatar/Avatar.props';
@@ -52,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/dragAndDrop.page.d.ts

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

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

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

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

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