demio-ui 2.5.56 → 2.5.57

package/dist/esm/types/src/components/Upload/Upload.d.ts

@@ -44,5 +44,29 @@ export interface UploadProps {
     previewImageTitle?: string;
     uploadPercent?: number;
 }
+/**
+ The component has 3 states: **default**, **progress** and **preview** states.
+
+ - **Default** state is visible when **uploadPercent** prop is **undefined**.
+ - When the **uploadPercent** prop becomes a **number** and it is **less than 100** the **Upload** automatically switches to a **progress** state.
+ - When the **uploadPercent** prop is **equal to 100** the **Upload** automatically switches to a **preview** mode.
+
+One more useful thing is related to a **UploadRef** interface. It consists of all the methods that need to be accessed through the **ref**. For example:
+
+````
+const uploadRef = useRef<UploadRef>(null);
+
+const handleReset = () => {
+  uploadRef.current?.cancelUpload();
+};
+
+return (
+  <>
+    <Upload ref={uploadRef} />
+    <button onClick={handleReset}>Reset Upload</button>
+  </>
+);
+````
+ **/
 declare const Upload: FC<UploadProps>;
 export default Upload;

package/dist/esm/types/src/components/UploadPreview/UploadPreview.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { UploadMenuItem } from '../UploadMenu/UploadMenu';
+export interface UploadPreviewProps {
+    className?: string;
+    fileName?: string;
+    fileInfo?: string;
+    imageSrc?: string;
+    imageTitle?: string;
+    menu?: UploadMenuItem[];
+}
+declare const UploadPreview: FC<UploadPreviewProps>;
+export default UploadPreview;

package/dist/esm/types/src/components/UploadPreview/index.d.ts

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

package/dist/types.d.ts

@@ -562,6 +562,30 @@ interface UploadProps {
     previewImageTitle?: string;
     uploadPercent?: number;
 }
+/**
+ The component has 3 states: **default**, **progress** and **preview** states.
+
+ - **Default** state is visible when **uploadPercent** prop is **undefined**.
+ - When the **uploadPercent** prop becomes a **number** and it is **less than 100** the **Upload** automatically switches to a **progress** state.
+ - When the **uploadPercent** prop is **equal to 100** the **Upload** automatically switches to a **preview** mode.
+
+One more useful thing is related to a **UploadRef** interface. It consists of all the methods that need to be accessed through the **ref**. For example:
+
+````
+const uploadRef = useRef<UploadRef>(null);
+
+const handleReset = () => {
+  uploadRef.current?.cancelUpload();
+};
+
+return (
+  <>
+    <Upload ref={uploadRef} />
+    <button onClick={handleReset}>Reset Upload</button>
+  </>
+);
+````
+ **/
 declare const Upload: FC<UploadProps>;
 
 interface UploadErrorProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demio-ui",
-  "version": "2.5.56",
+  "version": "2.5.57",
   "description": "",
   "repository": {
     "type": "git",

package/dist/cjs/types/src/components/Crop/Crop.utils.d.ts

@@ -1,11 +0,0 @@
-import { Area } from 'react-easy-crop';
-export declare const createImage: (url: string) => Promise<HTMLImageElement>;
-export declare const getRadianAngle: (degreeValue?: number) => number;
-export declare const rotateSize: (width: number, height: number, rotation: number) => {
-    width: number;
-    height: number;
-};
-export declare const getCroppedImageURL: (imageSrc: string, pixelCrop: Area, rotation?: number, flip?: {
-    horizontal: boolean;
-    vertical: boolean;
-}) => Promise<string | null>;

package/dist/cjs/types/src/components/DnDArea/DnDArea.utils.d.ts

@@ -1,3 +0,0 @@
-export declare const isValidFileType: (file?: File | null, acceptableTypePattern?: string) => boolean;
-export declare const isValidFileSize: (file?: File | null, fileSizeMbLimit?: number) => boolean;
-export declare const isValidFileDimension: (file?: File | null, minWidth?: number, minHeight?: number) => Promise<boolean>;

package/dist/cjs/types/src/components/Pagination/Pagination.utils.d.ts

@@ -1,7 +0,0 @@
-export declare const getPagesData: ({ currentPage, pageCount, }: {
-    currentPage: number;
-    pageCount: number;
-}) => {
-    pages: number[];
-    latestPage: number;
-};

package/dist/cjs/types/src/hooks/useCroppedImage.d.ts

@@ -1,4 +0,0 @@
-import { Area } from 'react-easy-crop';
-export declare const useCroppedImage: (image: string, croppedArea: Area | null) => {
-    croppedImageURL: string;
-};

package/dist/esm/types/src/components/Crop/Crop.utils.d.ts

@@ -1,11 +0,0 @@
-import { Area } from 'react-easy-crop';
-export declare const createImage: (url: string) => Promise<HTMLImageElement>;
-export declare const getRadianAngle: (degreeValue?: number) => number;
-export declare const rotateSize: (width: number, height: number, rotation: number) => {
-    width: number;
-    height: number;
-};
-export declare const getCroppedImageURL: (imageSrc: string, pixelCrop: Area, rotation?: number, flip?: {
-    horizontal: boolean;
-    vertical: boolean;
-}) => Promise<string | null>;

package/dist/esm/types/src/components/DnDArea/DnDArea.utils.d.ts

@@ -1,3 +0,0 @@
-export declare const isValidFileType: (file?: File | null, acceptableTypePattern?: string) => boolean;
-export declare const isValidFileSize: (file?: File | null, fileSizeMbLimit?: number) => boolean;
-export declare const isValidFileDimension: (file?: File | null, minWidth?: number, minHeight?: number) => Promise<boolean>;

package/dist/esm/types/src/components/Pagination/Pagination.utils.d.ts

@@ -1,7 +0,0 @@
-export declare const getPagesData: ({ currentPage, pageCount, }: {
-    currentPage: number;
-    pageCount: number;
-}) => {
-    pages: number[];
-    latestPage: number;
-};

package/dist/esm/types/src/hooks/useCroppedImage.d.ts

@@ -1,4 +0,0 @@
-import { Area } from 'react-easy-crop';
-export declare const useCroppedImage: (image: string, croppedArea: Area | null) => {
-    croppedImageURL: string;
-};