@agilekit/ui 0.0.508-alpha.0 → 0.0.511-alpha.0

package/lib/src/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface FileUploadItemProps {
+    fileName: string;
+    fileSize: string;
+    state: 'inProgress' | 'completed' | 'error' | 'clickToView';
+    type?: 'default' | 'image';
+    draggable?: boolean;
+    hideProgress?: boolean;
+    progress?: number;
+    thumbnailUrl?: string;
+    errorMessage?: string;
+    onDelete?: () => void;
+    onRetry?: () => void;
+    onView?: () => void;
+}
+export declare const FileUploadItem: React.FC<FileUploadItemProps>;
+export default FileUploadItem;

package/lib/src/components/FileUpload/FileUpload.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import FileUploadItem, { FileUploadItemProps } from './FileUpload';
+declare const meta: Meta<typeof FileUploadItem>;
+export default meta;
+type Story = StoryObj<FileUploadItemProps>;
+export declare const InProgress: Story;
+export declare const Completed: Story;
+export declare const Error: Story;
+export declare const ClickToView: Story;
+export declare const ImageInProgress: Story;
+export declare const ImageCompleted: Story;
+export declare const ImageWithoutProgress: Story;
+export declare const DraggableImage: Story;
+export declare const AllStatesDemo: Story;

package/lib/src/components/FileUpload/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FileUploadItem } from './FileUpload';
+export type { FileUploadItemProps } from './FileUpload';

package/lib/src/components/Loader/Loader.d.ts

@@ -1,6 +1,11 @@
 import * as React from 'react';
 export interface LoaderProps {
     type?: 'ellipsis' | 'ring' | 'balls' | 'square';
+    size?: 'small' | 'medium' | 'large';
+    color?: string;
+    'aria-label'?: string;
+    className?: string;
+    'data-testid'?: string;
 }
 declare const Loader: React.FC<LoaderProps>;
 export default Loader;

package/lib/src/components/PaymentProcessing/PaymentProcessing.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface ProcessingModalProps {
+    isProcessingPayment: boolean;
+    description?: string;
+    paperClasses?: string[];
+}
+declare const ProcessingModal: ({ isProcessingPayment, description, paperClasses }: ProcessingModalProps) => React.JSX.Element;
+export default ProcessingModal;

package/lib/src/components/PaymentProcessing/index.d.ts

@@ -0,0 +1 @@
+export { default } from './PaymentProcessing';

package/lib/src/index.d.ts

@@ -21,6 +21,7 @@ export { default as DataTable } from './components/DataTable/DataTable';
 export { default as Drawer } from './components/Drawer/Drawer';
 export { default as Form } from './components/Form/Form';
 export { default as FormSectionTitle } from './components/FormSectionTitle/FormSectionTitle';
+export { default as FileUpload, type FileUploadItemProps } from './components/FileUpload/FileUpload';
 export { default as Heading } from './components/Heading/Heading';
 export { default as Icon } from './components/Icon/Icon';
 export { default as InputFile } from './components/InputFile/InputFile';
@@ -38,6 +39,7 @@ export { default as Pagination } from './components/Pagination/Pagination';
 export { default as Popover } from './components/Popover/Popover';
 export { default as ProgressIndicator } from './components/ProgressIndicator/ProgressIndicator';
 export { default as Page } from './components/Page/Page';
+export { default as PaymentProcessing } from './components/PaymentProcessing/PaymentProcessing';
 export { default as RadioButton } from './components/RadioButton/RadioButton';
 export { default as Row } from './components/Grid/components/Row/Row';
 export { default as Select } from './components/Select/Select';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilekit/ui",
-  "version": "0.0.508-alpha.0",
+  "version": "0.0.511-alpha.0",
   "description": "Agile's product component library",
   "author": "Michael de Lima Alves <michaelalves@outlook.com>",
   "license": "MIT",