demio-ui 2.5.15 → 2.5.17
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 +7 -14
- 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 +7 -14
- 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 +22 -4
- package/package.json +1 -1
|
@@ -1,17 +1,7 @@
|
|
|
1
1
|
import React, { DragEvent, FC, ReactNode, SetStateAction } from 'react';
|
|
2
|
-
import { RcFile, UploadProgressEvent } from 'rc-upload/es/interface';
|
|
2
|
+
import { RcFile, UploadProgressEvent, UploadRequestOption } 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,10 @@ 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;
|
|
43
|
+
uploadRequest?: (options: UploadRequestOption) => void;
|
|
51
44
|
}
|
|
52
45
|
declare const Upload: FC<UploadProps>;
|
|
53
46
|
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
|
@@ -7,7 +7,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
|
7
7
|
import { PopoverContentTypeProps } from '@radix-ui/react-popover';
|
|
8
8
|
export { Content as PopoverContent, Portal as PopoverPortal, Root as PopoverRoot, Trigger as PopoverTrigger } from '@radix-ui/react-popover';
|
|
9
9
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
10
|
-
import { RcFile, UploadProgressEvent } from 'rc-upload/es/interface';
|
|
10
|
+
import { RcFile, UploadProgressEvent, UploadRequestOption } from 'rc-upload/es/interface';
|
|
11
11
|
|
|
12
12
|
type Props$l = {
|
|
13
13
|
className?: string;
|
|
@@ -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,10 @@ 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;
|
|
541
|
+
uploadRequest?: (options: UploadRequestOption) => void;
|
|
526
542
|
}
|
|
527
543
|
declare const Upload: FC<UploadProps>;
|
|
528
544
|
|
|
@@ -2298,6 +2314,8 @@ declare const getFileExtension: (file?: unknown) => string;
|
|
|
2298
2314
|
declare const getFileMimeType: (file?: unknown) => string;
|
|
2299
2315
|
declare const isExtensionMatchingMimeType: (extension?: unknown, mimeType?: unknown) => boolean;
|
|
2300
2316
|
declare const isValidFileType: (file?: unknown, acceptableTypePattern?: unknown) => boolean;
|
|
2317
|
+
declare const isImage: (file?: unknown) => boolean;
|
|
2318
|
+
declare const isVideo: (file?: unknown) => boolean;
|
|
2301
2319
|
declare const isValidFileSize: (file?: unknown, fileSizeMbLimit?: unknown) => boolean;
|
|
2302
2320
|
declare const isValidFileDimension: (file?: unknown, minWidth?: number, minHeight?: number) => Promise<boolean>;
|
|
2303
2321
|
|
|
@@ -2312,4 +2330,4 @@ declare const getCroppedImageURL: (imageSrc: string, pixelCrop: Area, rotation?:
|
|
|
2312
2330
|
vertical: boolean;
|
|
2313
2331
|
}) => Promise<string | null>;
|
|
2314
2332
|
|
|
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 };
|
|
2333
|
+
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 };
|