demio-ui 2.6.0 → 2.6.3
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/Note/Note.d.ts +9 -0
- package/dist/cjs/types/src/components/Note/index.d.ts +1 -0
- package/dist/cjs/types/src/components/UploadPreview/UploadPreview.d.ts +12 -0
- package/dist/cjs/types/src/components/UploadPreview/index.d.ts +1 -0
- package/dist/cjs/types/src/components/index.d.ts +1 -1
- package/dist/esm/index.css +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/types/src/components/Note/Note.d.ts +9 -0
- package/dist/esm/types/src/components/Note/index.d.ts +1 -0
- package/dist/esm/types/src/components/UploadPreview/UploadPreview.d.ts +12 -0
- package/dist/esm/types/src/components/UploadPreview/index.d.ts +1 -0
- package/dist/esm/types/src/components/index.d.ts +1 -1
- package/dist/types.d.ts +14 -11
- package/package.json +1 -1
- package/dist/cjs/types/src/components/Crop/Crop.utils.d.ts +0 -11
- package/dist/cjs/types/src/components/DnDArea/DnDArea.utils.d.ts +0 -3
- package/dist/cjs/types/src/components/Pagination/Pagination.utils.d.ts +0 -7
- package/dist/cjs/types/src/hooks/useCroppedImage.d.ts +0 -4
- package/dist/esm/types/src/components/Crop/Crop.utils.d.ts +0 -11
- package/dist/esm/types/src/components/DnDArea/DnDArea.utils.d.ts +0 -3
- package/dist/esm/types/src/components/Pagination/Pagination.utils.d.ts +0 -7
- package/dist/esm/types/src/hooks/useCroppedImage.d.ts +0 -4
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Note';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { UploadMenuItem } from '../UploadMenu/UploadMenu';
|
|
3
|
+
export interface UploadPreviewProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
fileName?: string;
|
|
6
|
+
fileInfo?: string;
|
|
7
|
+
imageSrc?: string;
|
|
8
|
+
imageTitle?: string;
|
|
9
|
+
menu?: UploadMenuItem[];
|
|
10
|
+
}
|
|
11
|
+
declare const UploadPreview: FC<UploadPreviewProps>;
|
|
12
|
+
export default UploadPreview;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './UploadPreview';
|
|
@@ -20,6 +20,7 @@ export { default as Modal } from './Modal';
|
|
|
20
20
|
export { default as ModalScrollable } from './ModalScrollable';
|
|
21
21
|
export { default as ScrollableModal } from './ModalScrollable';
|
|
22
22
|
export { default as MultiSelect } from './MultiSelect';
|
|
23
|
+
export { default as Note } from './Note';
|
|
23
24
|
export { default as Pagination } from './Pagination';
|
|
24
25
|
export { Popover, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from './Popover';
|
|
25
26
|
export { default as Progress } from './Progress';
|
|
@@ -33,6 +34,5 @@ export { default as Toast } from './Toast';
|
|
|
33
34
|
export { PopoverTooltip, Tooltip } from './Tooltip';
|
|
34
35
|
export { Typography } from './Typography';
|
|
35
36
|
export { default as Upload } from './Upload';
|
|
36
|
-
export { default as UploadError } from './UploadError';
|
|
37
37
|
export { default as UploadMenu } from './UploadMenu';
|
|
38
38
|
export { default as UploadProgressPreview } from './UploadProgressPreview';
|
package/dist/types.d.ts
CHANGED
|
@@ -324,6 +324,14 @@ interface Props$5 {
|
|
|
324
324
|
}
|
|
325
325
|
declare const MultiSelect: FC<Props$5>;
|
|
326
326
|
|
|
327
|
+
interface NoteProps {
|
|
328
|
+
className?: string;
|
|
329
|
+
classNameIcon?: string;
|
|
330
|
+
text?: string;
|
|
331
|
+
type?: 'info' | 'error';
|
|
332
|
+
}
|
|
333
|
+
declare const Note: FC<NoteProps>;
|
|
334
|
+
|
|
327
335
|
interface PaginationProps {
|
|
328
336
|
className?: string;
|
|
329
337
|
currentPage?: number;
|
|
@@ -591,13 +599,6 @@ interface UploadProps {
|
|
|
591
599
|
}
|
|
592
600
|
declare const Upload: FC<UploadProps>;
|
|
593
601
|
|
|
594
|
-
interface UploadErrorProps {
|
|
595
|
-
className?: string;
|
|
596
|
-
classNameIcon?: string;
|
|
597
|
-
error?: string;
|
|
598
|
-
}
|
|
599
|
-
declare const UploadError: FC<UploadErrorProps>;
|
|
600
|
-
|
|
601
602
|
interface UploadProgressPreviewProps {
|
|
602
603
|
className?: string;
|
|
603
604
|
fileName?: string;
|
|
@@ -1846,10 +1847,12 @@ function _extends$y() { return _extends$y = Object.assign ? Object.assign.bind()
|
|
|
1846
1847
|
var SvgPersonDelete = function SvgPersonDelete(props) {
|
|
1847
1848
|
return /*#__PURE__*/React.createElement("svg", _extends$y({
|
|
1848
1849
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1849
|
-
|
|
1850
|
+
width: 800,
|
|
1851
|
+
height: 800,
|
|
1852
|
+
viewBox: "0 0 24 24"
|
|
1850
1853
|
}, props), _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
|
|
1851
|
-
fill: "#
|
|
1852
|
-
d: "
|
|
1854
|
+
fill: "#212121",
|
|
1855
|
+
d: "M17.5 12a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11m-5.478 2a6.5 6.5 0 0 0-.708 1.5h-7.06a.75.75 0 0 0-.75.75v.907c0 .656.286 1.279.783 1.706C5.545 19.945 7.44 20.501 10 20.501q.898 0 1.688-.09c.25.5.563.963.93 1.38q-1.205.21-2.618.21c-2.89 0-5.128-.657-6.691-2a3.75 3.75 0 0 1-1.305-2.844v-.907A2.25 2.25 0 0 1 4.254 14zm3.071.966-.07.058-.057.07a.5.5 0 0 0 0 .568l.058.07 1.77 1.769-1.768 1.766-.057.07a.5.5 0 0 0 0 .568l.057.07.07.057a.5.5 0 0 0 .568 0l.07-.057 1.766-1.767 1.77 1.769.069.058a.5.5 0 0 0 .568 0l.07-.058.057-.07a.5.5 0 0 0 0-.568l-.057-.07-1.77-1.768 1.772-1.77.058-.069a.5.5 0 0 0 0-.569l-.058-.069-.069-.058a.5.5 0 0 0-.569 0l-.069.058-1.772 1.77-1.77-1.77-.068-.058a.5.5 0 0 0-.493-.043zM10 2.005a5 5 0 1 1 0 10 5 5 0 0 1 0-10m0 1.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7"
|
|
1853
1856
|
})));
|
|
1854
1857
|
};
|
|
1855
1858
|
|
|
@@ -2538,4 +2541,4 @@ declare class ToastManager {
|
|
|
2538
2541
|
}
|
|
2539
2542
|
declare const toast: ToastManager;
|
|
2540
2543
|
|
|
2541
|
-
export { Alert, Avatar, Badge, Button$1 as Button, Button as ButtonNew, Card, Checkbox, CopyLinkInput, Crop, DnDArea, Drawer, DropdownItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, ModalScrollable, MultiSelect, Pagination, Popover, PopoverTooltip, Progress, RadioGroup, ModalScrollable as ScrollableModal, Select, SelectItem, SelectItemText, SliderDemo as Slider, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Toast, Tooltip, Typography, Upload,
|
|
2544
|
+
export { Alert, Avatar, Badge, Button$1 as Button, Button as ButtonNew, Card, Checkbox, CopyLinkInput, Crop, DnDArea, Drawer, DropdownItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, ModalScrollable, MultiSelect, Note, Pagination, Popover, PopoverTooltip, Progress, RadioGroup, ModalScrollable as ScrollableModal, Select, SelectItem, SelectItemText, SliderDemo as Slider, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Toast, Tooltip, Typography, Upload, UploadMenu, UploadProgressPreview, createImage, getCroppedImageURL, getFileExtension, getFileMimeType, getRadianAngle, index as icons, isExtensionMatchingMimeType, isImage, isValidFileDimension, isValidFileSize, isValidFileType, isVideo, mimeTypeMap, rotateSize, toast, useCroppedImage, useFileValidation };
|
package/package.json
CHANGED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Area } from 'react-easy-crop';
|
|
2
|
-
export declare const createImage: (url: string) => Promise<HTMLImageElement>;
|
|
3
|
-
export declare const getRadianAngle: (degreeValue?: number) => number;
|
|
4
|
-
export declare const rotateSize: (width: number, height: number, rotation: number) => {
|
|
5
|
-
width: number;
|
|
6
|
-
height: number;
|
|
7
|
-
};
|
|
8
|
-
export declare const getCroppedImageURL: (imageSrc: string, pixelCrop: Area, rotation?: number, flip?: {
|
|
9
|
-
horizontal: boolean;
|
|
10
|
-
vertical: boolean;
|
|
11
|
-
}) => Promise<string | null>;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export declare const isValidFileType: (file?: File | null, acceptableTypePattern?: string) => boolean;
|
|
2
|
-
export declare const isValidFileSize: (file?: File | null, fileSizeMbLimit?: number) => boolean;
|
|
3
|
-
export declare const isValidFileDimension: (file?: File | null, minWidth?: number, minHeight?: number) => Promise<boolean>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Area } from 'react-easy-crop';
|
|
2
|
-
export declare const createImage: (url: string) => Promise<HTMLImageElement>;
|
|
3
|
-
export declare const getRadianAngle: (degreeValue?: number) => number;
|
|
4
|
-
export declare const rotateSize: (width: number, height: number, rotation: number) => {
|
|
5
|
-
width: number;
|
|
6
|
-
height: number;
|
|
7
|
-
};
|
|
8
|
-
export declare const getCroppedImageURL: (imageSrc: string, pixelCrop: Area, rotation?: number, flip?: {
|
|
9
|
-
horizontal: boolean;
|
|
10
|
-
vertical: boolean;
|
|
11
|
-
}) => Promise<string | null>;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export declare const isValidFileType: (file?: File | null, acceptableTypePattern?: string) => boolean;
|
|
2
|
-
export declare const isValidFileSize: (file?: File | null, fileSizeMbLimit?: number) => boolean;
|
|
3
|
-
export declare const isValidFileDimension: (file?: File | null, minWidth?: number, minHeight?: number) => Promise<boolean>;
|