demio-ui 2.5.15 → 2.5.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/types/src/components/Upload/Upload.d.ts +5 -13
- package/dist/cjs/types/src/components/UploadMenu/UploadMenu.d.ts +25 -0
- package/dist/cjs/types/src/components/UploadMenu/index.d.ts +1 -0
- package/dist/cjs/types/src/components/index.d.ts +1 -0
- package/dist/cjs/types/src/utils/file/file-utils.d.ts +1 -0
- package/dist/cjs/types/src/utils/file/index.d.ts +1 -1
- package/dist/cjs/types/src/utils/index.d.ts +1 -1
- package/dist/esm/index.css +1 -1
- package/dist/esm/index.js +5 -5
- package/dist/esm/types/src/components/Upload/Upload.d.ts +5 -13
- package/dist/esm/types/src/components/UploadMenu/UploadMenu.d.ts +25 -0
- package/dist/esm/types/src/components/UploadMenu/index.d.ts +1 -0
- package/dist/esm/types/src/components/index.d.ts +1 -0
- package/dist/esm/types/src/utils/file/file-utils.d.ts +1 -0
- package/dist/esm/types/src/utils/file/index.d.ts +1 -1
- package/dist/esm/types/src/utils/index.d.ts +1 -1
- package/dist/types.d.ts +20 -3
- package/package.json +1 -1
|
@@ -1,17 +1,7 @@
|
|
|
1
1
|
import React, { DragEvent, FC, ReactNode, SetStateAction } from 'react';
|
|
2
2
|
import { RcFile, UploadProgressEvent } from 'rc-upload/es/interface';
|
|
3
3
|
import { Area, Point } from 'react-easy-crop';
|
|
4
|
-
|
|
5
|
-
file?: string;
|
|
6
|
-
setFile?: (file: string) => void;
|
|
7
|
-
}
|
|
8
|
-
export interface UploadMenuItem {
|
|
9
|
-
className?: string;
|
|
10
|
-
icon?: ReactNode;
|
|
11
|
-
onSelect?: (e: Event, options: SelectOptions) => void;
|
|
12
|
-
text: ReactNode;
|
|
13
|
-
isDisabled?: boolean;
|
|
14
|
-
}
|
|
4
|
+
import { UploadMenuItem } from '../UploadMenu/UploadMenu';
|
|
15
5
|
export interface UploadProps {
|
|
16
6
|
acceptableFileTypes?: string;
|
|
17
7
|
children?: ReactNode;
|
|
@@ -30,11 +20,12 @@ export interface UploadProps {
|
|
|
30
20
|
isDimensionValidationEnabled?: boolean;
|
|
31
21
|
isSizeValidationEnabled?: boolean;
|
|
32
22
|
isTypeValidationEnabled?: boolean;
|
|
23
|
+
isUploadProgress?: boolean;
|
|
33
24
|
isValidationEnabled?: boolean;
|
|
34
25
|
menu?: UploadMenuItem[];
|
|
26
|
+
menuUpload?: UploadMenuItem[];
|
|
35
27
|
minHeightLimit?: number;
|
|
36
28
|
minWidthLimit?: number;
|
|
37
|
-
name?: string;
|
|
38
29
|
onBeforeUpload?: (file: RcFile, fileList: RcFile[]) => void;
|
|
39
30
|
onCropCancel?: () => void;
|
|
40
31
|
onCropOk?: (croppedUrl: string) => void;
|
|
@@ -46,8 +37,9 @@ export interface UploadProps {
|
|
|
46
37
|
onError?: (err: Error, ret: Record<string, unknown>, file: RcFile) => void;
|
|
47
38
|
onProgress?: (event: UploadProgressEvent, file: RcFile) => void;
|
|
48
39
|
onStart?: (file: RcFile) => void;
|
|
49
|
-
onSuccess?: (
|
|
40
|
+
onSuccess?: (response: Record<string, unknown>, file: RcFile, xhr: XMLHttpRequest) => void;
|
|
50
41
|
onZoomChange?: (value: number) => void;
|
|
42
|
+
uploadPercent?: number;
|
|
51
43
|
}
|
|
52
44
|
declare const Upload: FC<UploadProps>;
|
|
53
45
|
export default Upload;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
export interface SelectOptions {
|
|
3
|
+
itemNumber: number;
|
|
4
|
+
file?: string;
|
|
5
|
+
resetUpload?: () => void;
|
|
6
|
+
setFile?: (file: string) => void;
|
|
7
|
+
}
|
|
8
|
+
export interface UploadMenuItem {
|
|
9
|
+
className?: string;
|
|
10
|
+
icon?: ReactNode;
|
|
11
|
+
onSelect?: (e: Event, options: SelectOptions) => void;
|
|
12
|
+
text: ReactNode;
|
|
13
|
+
isDisabled?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export interface UploadMenuProps {
|
|
16
|
+
align?: 'end' | 'center' | 'start';
|
|
17
|
+
isOpen?: boolean;
|
|
18
|
+
menu?: UploadMenuItem[];
|
|
19
|
+
onOpen?: (isOpen: boolean) => void;
|
|
20
|
+
sideOffset?: number;
|
|
21
|
+
triggerButton?: ReactNode;
|
|
22
|
+
triggerButtonClass?: string;
|
|
23
|
+
}
|
|
24
|
+
declare const UploadMenu: FC<UploadMenuProps>;
|
|
25
|
+
export default UploadMenu;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './UploadMenu';
|
|
@@ -4,5 +4,6 @@ export declare const getFileMimeType: (file?: unknown) => string;
|
|
|
4
4
|
export declare const isExtensionMatchingMimeType: (extension?: unknown, mimeType?: unknown) => boolean;
|
|
5
5
|
export declare const isValidFileType: (file?: unknown, acceptableTypePattern?: unknown) => boolean;
|
|
6
6
|
export declare const isImage: (file?: unknown) => boolean;
|
|
7
|
+
export declare const isVideo: (file?: unknown) => boolean;
|
|
7
8
|
export declare const isValidFileSize: (file?: unknown, fileSizeMbLimit?: unknown) => boolean;
|
|
8
9
|
export declare const isValidFileDimension: (file?: unknown, minWidth?: number, minHeight?: number) => Promise<boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { getFileExtension, getFileMimeType, isExtensionMatchingMimeType, isValidFileDimension, isValidFileSize, isValidFileType, mimeTypeMap, } from './file-utils';
|
|
1
|
+
export { getFileExtension, getFileMimeType, isExtensionMatchingMimeType, isImage, isValidFileDimension, isValidFileSize, isValidFileType, isVideo, mimeTypeMap, } from './file-utils';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { getFileExtension, getFileMimeType, isExtensionMatchingMimeType, isValidFileDimension, isValidFileSize, isValidFileType, mimeTypeMap, } from './file';
|
|
1
|
+
export { getFileExtension, getFileMimeType, isExtensionMatchingMimeType, isImage, isValidFileDimension, isValidFileSize, isValidFileType, isVideo, mimeTypeMap, } from './file';
|
|
2
2
|
export { createImage, getCroppedImageURL, getRadianAngle, rotateSize } from './image';
|
package/dist/types.d.ts
CHANGED
|
@@ -477,7 +477,9 @@ interface TypoProps extends PropsWithChildren {
|
|
|
477
477
|
declare const Typography: ({ tag, dataTestId, align, className, children, emphasis, title, variant, ...restProps }: TypoProps) => React__default.JSX.Element;
|
|
478
478
|
|
|
479
479
|
interface SelectOptions {
|
|
480
|
+
itemNumber: number;
|
|
480
481
|
file?: string;
|
|
482
|
+
resetUpload?: () => void;
|
|
481
483
|
setFile?: (file: string) => void;
|
|
482
484
|
}
|
|
483
485
|
interface UploadMenuItem {
|
|
@@ -487,6 +489,17 @@ interface UploadMenuItem {
|
|
|
487
489
|
text: ReactNode;
|
|
488
490
|
isDisabled?: boolean;
|
|
489
491
|
}
|
|
492
|
+
interface UploadMenuProps {
|
|
493
|
+
align?: 'end' | 'center' | 'start';
|
|
494
|
+
isOpen?: boolean;
|
|
495
|
+
menu?: UploadMenuItem[];
|
|
496
|
+
onOpen?: (isOpen: boolean) => void;
|
|
497
|
+
sideOffset?: number;
|
|
498
|
+
triggerButton?: ReactNode;
|
|
499
|
+
triggerButtonClass?: string;
|
|
500
|
+
}
|
|
501
|
+
declare const UploadMenu: FC<UploadMenuProps>;
|
|
502
|
+
|
|
490
503
|
interface UploadProps {
|
|
491
504
|
acceptableFileTypes?: string;
|
|
492
505
|
children?: ReactNode;
|
|
@@ -505,11 +518,12 @@ interface UploadProps {
|
|
|
505
518
|
isDimensionValidationEnabled?: boolean;
|
|
506
519
|
isSizeValidationEnabled?: boolean;
|
|
507
520
|
isTypeValidationEnabled?: boolean;
|
|
521
|
+
isUploadProgress?: boolean;
|
|
508
522
|
isValidationEnabled?: boolean;
|
|
509
523
|
menu?: UploadMenuItem[];
|
|
524
|
+
menuUpload?: UploadMenuItem[];
|
|
510
525
|
minHeightLimit?: number;
|
|
511
526
|
minWidthLimit?: number;
|
|
512
|
-
name?: string;
|
|
513
527
|
onBeforeUpload?: (file: RcFile, fileList: RcFile[]) => void;
|
|
514
528
|
onCropCancel?: () => void;
|
|
515
529
|
onCropOk?: (croppedUrl: string) => void;
|
|
@@ -521,8 +535,9 @@ interface UploadProps {
|
|
|
521
535
|
onError?: (err: Error, ret: Record<string, unknown>, file: RcFile) => void;
|
|
522
536
|
onProgress?: (event: UploadProgressEvent, file: RcFile) => void;
|
|
523
537
|
onStart?: (file: RcFile) => void;
|
|
524
|
-
onSuccess?: (
|
|
538
|
+
onSuccess?: (response: Record<string, unknown>, file: RcFile, xhr: XMLHttpRequest) => void;
|
|
525
539
|
onZoomChange?: (value: number) => void;
|
|
540
|
+
uploadPercent?: number;
|
|
526
541
|
}
|
|
527
542
|
declare const Upload: FC<UploadProps>;
|
|
528
543
|
|
|
@@ -2298,6 +2313,8 @@ declare const getFileExtension: (file?: unknown) => string;
|
|
|
2298
2313
|
declare const getFileMimeType: (file?: unknown) => string;
|
|
2299
2314
|
declare const isExtensionMatchingMimeType: (extension?: unknown, mimeType?: unknown) => boolean;
|
|
2300
2315
|
declare const isValidFileType: (file?: unknown, acceptableTypePattern?: unknown) => boolean;
|
|
2316
|
+
declare const isImage: (file?: unknown) => boolean;
|
|
2317
|
+
declare const isVideo: (file?: unknown) => boolean;
|
|
2301
2318
|
declare const isValidFileSize: (file?: unknown, fileSizeMbLimit?: unknown) => boolean;
|
|
2302
2319
|
declare const isValidFileDimension: (file?: unknown, minWidth?: number, minHeight?: number) => Promise<boolean>;
|
|
2303
2320
|
|
|
@@ -2312,4 +2329,4 @@ declare const getCroppedImageURL: (imageSrc: string, pixelCrop: Area, rotation?:
|
|
|
2312
2329
|
vertical: boolean;
|
|
2313
2330
|
}) => Promise<string | null>;
|
|
2314
2331
|
|
|
2315
|
-
export { Alert, Avatar, Badge, Button$1 as Button, Button as ButtonNew, Card, Checkbox, Crop, DnDArea, Drawer, DropdownItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, MultiSelect, Pagination, Popover, PopoverTooltip, Progress, RadioGroup, Select, SelectItem, SelectItemText, SliderDemo as Slider, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Tooltip, Typography, Upload, createImage, getCroppedImageURL, getFileExtension, getFileMimeType, getRadianAngle, index as icons, isExtensionMatchingMimeType, isValidFileDimension, isValidFileSize, isValidFileType, mimeTypeMap, rotateSize, useCroppedImage, useFileValidation };
|
|
2332
|
+
export { Alert, Avatar, Badge, Button$1 as Button, Button as ButtonNew, Card, Checkbox, Crop, DnDArea, Drawer, DropdownItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, MultiSelect, Pagination, Popover, PopoverTooltip, Progress, RadioGroup, Select, SelectItem, SelectItemText, SliderDemo as Slider, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Tooltip, Typography, Upload, UploadMenu, createImage, getCroppedImageURL, getFileExtension, getFileMimeType, getRadianAngle, index as icons, isExtensionMatchingMimeType, isImage, isValidFileDimension, isValidFileSize, isValidFileType, isVideo, mimeTypeMap, rotateSize, useCroppedImage, useFileValidation };
|