demio-ui 2.5.55 → 2.5.57
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.js +5 -5
- package/dist/cjs/types/src/components/Upload/Upload.d.ts +24 -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/icons/index.d.ts +2 -1
- package/dist/esm/index.js +5 -5
- package/dist/esm/types/src/components/Upload/Upload.d.ts +24 -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/icons/index.d.ts +2 -1
- package/dist/types.d.ts +55 -18
- 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
|
@@ -44,5 +44,29 @@ export interface UploadProps {
|
|
|
44
44
|
previewImageTitle?: string;
|
|
45
45
|
uploadPercent?: number;
|
|
46
46
|
}
|
|
47
|
+
/**
|
|
48
|
+
The component has 3 states: **default**, **progress** and **preview** states.
|
|
49
|
+
|
|
50
|
+
- **Default** state is visible when **uploadPercent** prop is **undefined**.
|
|
51
|
+
- When the **uploadPercent** prop becomes a **number** and it is **less than 100** the **Upload** automatically switches to a **progress** state.
|
|
52
|
+
- When the **uploadPercent** prop is **equal to 100** the **Upload** automatically switches to a **preview** mode.
|
|
53
|
+
|
|
54
|
+
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:
|
|
55
|
+
|
|
56
|
+
````
|
|
57
|
+
const uploadRef = useRef<UploadRef>(null);
|
|
58
|
+
|
|
59
|
+
const handleReset = () => {
|
|
60
|
+
uploadRef.current?.cancelUpload();
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
return (
|
|
64
|
+
<>
|
|
65
|
+
<Upload ref={uploadRef} />
|
|
66
|
+
<button onClick={handleReset}>Reset Upload</button>
|
|
67
|
+
</>
|
|
68
|
+
);
|
|
69
|
+
````
|
|
70
|
+
**/
|
|
47
71
|
declare const Upload: FC<UploadProps>;
|
|
48
72
|
export default Upload;
|
|
@@ -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';
|
|
@@ -3,6 +3,7 @@ import ArrowFromLeftIcon from './arrow-from-left.svg';
|
|
|
3
3
|
import ArrowLeftIcon from './arrow-left.svg';
|
|
4
4
|
import ArrowLeftDoubleIcon from './arrow-left-double.svg';
|
|
5
5
|
import ArrowLeftSingleIcon from './arrow-left-single.svg';
|
|
6
|
+
import AtIcon from './at.svg';
|
|
6
7
|
import BarChartIcon from './bar_chart.svg';
|
|
7
8
|
import BlockIcon from './block.svg';
|
|
8
9
|
import BlurOnIcon from './blur_on.svg';
|
|
@@ -93,4 +94,4 @@ import VolumeUpSolidIcon from './volume_up.svg';
|
|
|
93
94
|
import VolumeUpIcon from './volume_up-1.svg';
|
|
94
95
|
import WarningSolidIcon from './warning.svg';
|
|
95
96
|
import WarningIcon from './warning-1.svg';
|
|
96
|
-
export { AddIcon, ArrowDownIcon, ArrowFromLeftIcon, ArrowLeftDoubleIcon, ArrowLeftIcon, ArrowLeftSingleIcon, BarChartIcon, BlockIcon, BlurOnIcon, CachedIcon, CalendarIcon, CalendarStarIcon, CameraIcon, ChatDisabledIcon, ChatIcon, CheckboxIcon, CheckboxUncheckIcon, CheckCircleIcon, CheckCircleSolidIcon, ClockIcon, CloseIcon, CompressIcon, CopyIcon, CustomizeIcon, DeleteIcon, DotsIcon, DownloadIcon, EditIcon, ElectricBoltIcon, EventDetailsIcon, EventRepeatIcon, ExclamationIcon, ExpandIcon, ExternalLinkIcon, FeatureActionIcon, FileIcon, FilterListIcon, FlipCameraIcon, GearIcon, HelpSolidIcon, InfoCircleIcon, InfoCircleSolidIcon, InfoIcon, InfoSolidIcon, ItemsIcon, ListIcon, ListThIcon, LocationIcon, LockIcon, MagicIcon, MailIcon, MaterialsIcon, MicBoldIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, MobileDeviceIcon, OutStageIcon, PasswordEyeCrossedIcon, PasswordEyeIcon, PeopleCommunityIcon, PeopleIcon, Person, Person as PersonIcon, PlayIcon, PlusIcon, PollIcon, ProgressIcon, ReplayDisabledIcon, RestartIcon, RocketIcon, ScreenPersonIcon, ScreenShareIcon, ScreenShareWindowIcon, SearchIcon, SideBarIcon, SmileIcon, SpotlightIcon, StackedEmailIcon, SyncIcon, TimesCircleIcon, TodayIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };
|
|
97
|
+
export { AddIcon, ArrowDownIcon, ArrowFromLeftIcon, ArrowLeftDoubleIcon, ArrowLeftIcon, ArrowLeftSingleIcon, AtIcon, BarChartIcon, BlockIcon, BlurOnIcon, CachedIcon, CalendarIcon, CalendarStarIcon, CameraIcon, ChatDisabledIcon, ChatIcon, CheckboxIcon, CheckboxUncheckIcon, CheckCircleIcon, CheckCircleSolidIcon, ClockIcon, CloseIcon, CompressIcon, CopyIcon, CustomizeIcon, DeleteIcon, DotsIcon, DownloadIcon, EditIcon, ElectricBoltIcon, EventDetailsIcon, EventRepeatIcon, ExclamationIcon, ExpandIcon, ExternalLinkIcon, FeatureActionIcon, FileIcon, FilterListIcon, FlipCameraIcon, GearIcon, HelpSolidIcon, InfoCircleIcon, InfoCircleSolidIcon, InfoIcon, InfoSolidIcon, ItemsIcon, ListIcon, ListThIcon, LocationIcon, LockIcon, MagicIcon, MailIcon, MaterialsIcon, MicBoldIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, MobileDeviceIcon, OutStageIcon, PasswordEyeCrossedIcon, PasswordEyeIcon, PeopleCommunityIcon, PeopleIcon, Person, Person as PersonIcon, PlayIcon, PlusIcon, PollIcon, ProgressIcon, ReplayDisabledIcon, RestartIcon, RocketIcon, ScreenPersonIcon, ScreenShareIcon, ScreenShareWindowIcon, SearchIcon, SideBarIcon, SmileIcon, SpotlightIcon, StackedEmailIcon, SyncIcon, TimesCircleIcon, TodayIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };
|
package/dist/types.d.ts
CHANGED
|
@@ -562,6 +562,30 @@ interface UploadProps {
|
|
|
562
562
|
previewImageTitle?: string;
|
|
563
563
|
uploadPercent?: number;
|
|
564
564
|
}
|
|
565
|
+
/**
|
|
566
|
+
The component has 3 states: **default**, **progress** and **preview** states.
|
|
567
|
+
|
|
568
|
+
- **Default** state is visible when **uploadPercent** prop is **undefined**.
|
|
569
|
+
- When the **uploadPercent** prop becomes a **number** and it is **less than 100** the **Upload** automatically switches to a **progress** state.
|
|
570
|
+
- When the **uploadPercent** prop is **equal to 100** the **Upload** automatically switches to a **preview** mode.
|
|
571
|
+
|
|
572
|
+
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:
|
|
573
|
+
|
|
574
|
+
````
|
|
575
|
+
const uploadRef = useRef<UploadRef>(null);
|
|
576
|
+
|
|
577
|
+
const handleReset = () => {
|
|
578
|
+
uploadRef.current?.cancelUpload();
|
|
579
|
+
};
|
|
580
|
+
|
|
581
|
+
return (
|
|
582
|
+
<>
|
|
583
|
+
<Upload ref={uploadRef} />
|
|
584
|
+
<button onClick={handleReset}>Reset Upload</button>
|
|
585
|
+
</>
|
|
586
|
+
);
|
|
587
|
+
````
|
|
588
|
+
**/
|
|
565
589
|
declare const Upload: FC<UploadProps>;
|
|
566
590
|
|
|
567
591
|
interface UploadErrorProps {
|
|
@@ -610,10 +634,10 @@ declare const useFileValidation: ({ acceptableFileTypes, fileSizeMbLimit, isVali
|
|
|
610
634
|
isFileValid: boolean;
|
|
611
635
|
};
|
|
612
636
|
|
|
613
|
-
var _path$
|
|
614
|
-
function _extends$
|
|
637
|
+
var _path$1u, _g$u;
|
|
638
|
+
function _extends$1v() { return _extends$1v = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1v.apply(null, arguments); }
|
|
615
639
|
var SvgAdd = function SvgAdd(props) {
|
|
616
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
640
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1v({
|
|
617
641
|
xmlns: "http://www.w3.org/2000/svg",
|
|
618
642
|
width: 24,
|
|
619
643
|
height: 24,
|
|
@@ -628,7 +652,7 @@ var SvgAdd = function SvgAdd(props) {
|
|
|
628
652
|
style: {
|
|
629
653
|
maskType: "alpha"
|
|
630
654
|
}
|
|
631
|
-
}, _path$
|
|
655
|
+
}, _path$1u || (_path$1u = /*#__PURE__*/React.createElement("path", {
|
|
632
656
|
fill: "#D9D9D9",
|
|
633
657
|
d: "M0 0h24v24H0z"
|
|
634
658
|
}))), _g$u || (_g$u = /*#__PURE__*/React.createElement("g", {
|
|
@@ -639,56 +663,69 @@ var SvgAdd = function SvgAdd(props) {
|
|
|
639
663
|
}))));
|
|
640
664
|
};
|
|
641
665
|
|
|
666
|
+
var _path$1t;
|
|
667
|
+
function _extends$1u() { return _extends$1u = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1u.apply(null, arguments); }
|
|
668
|
+
var SvgArrowFromLeft = function SvgArrowFromLeft(props) {
|
|
669
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1u({
|
|
670
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
671
|
+
viewBox: "0 0 24 24"
|
|
672
|
+
}, props), _path$1t || (_path$1t = /*#__PURE__*/React.createElement("path", {
|
|
673
|
+
d: "m15.38 4.664 6.956 6.938c.22.22.22.576 0 .796l-6.956 6.938a.563.563 0 0 1-.797 0l-.919-.919a.556.556 0 0 1 .01-.801l4.551-4.393H6.562A.564.564 0 0 1 6 12.661v-1.313c0-.309.253-.562.563-.562h11.662l-4.552-4.392a.565.565 0 0 1-.009-.802l.919-.919c.22-.23.576-.23.797-.009M3.937 20.438V3.563A.564.564 0 0 0 3.375 3H2.062a.564.564 0 0 0-.562.563v16.875c0 .309.253.562.563.562h1.312c.31 0 .563-.253.563-.563Z"
|
|
674
|
+
})));
|
|
675
|
+
};
|
|
676
|
+
|
|
642
677
|
var _path$1s;
|
|
643
678
|
function _extends$1t() { return _extends$1t = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1t.apply(null, arguments); }
|
|
644
|
-
var
|
|
679
|
+
var SvgArrowLeft = function SvgArrowLeft(props) {
|
|
645
680
|
return /*#__PURE__*/React.createElement("svg", _extends$1t({
|
|
646
681
|
xmlns: "http://www.w3.org/2000/svg",
|
|
682
|
+
fill: "none",
|
|
647
683
|
viewBox: "0 0 24 24"
|
|
648
684
|
}, props), _path$1s || (_path$1s = /*#__PURE__*/React.createElement("path", {
|
|
649
|
-
|
|
685
|
+
fill: "#2C3336",
|
|
686
|
+
d: "m12.277 22.093.928-.928a.56.56 0 0 0 0-.796l-7.272-7.271h16.005c.31 0 .562-.252.562-.563v-1.312a.563.563 0 0 0-.562-.563H5.933l7.272-7.272a.56.56 0 0 0 0-.795l-.928-.928a.563.563 0 0 0-.796 0L1.665 11.48a.563.563 0 0 0 0 .796l9.816 9.816c.22.22.576.22.796 0"
|
|
650
687
|
})));
|
|
651
688
|
};
|
|
652
689
|
|
|
653
|
-
var _path$1r;
|
|
690
|
+
var _path$1r, _path2$5;
|
|
654
691
|
function _extends$1s() { return _extends$1s = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1s.apply(null, arguments); }
|
|
655
|
-
var
|
|
692
|
+
var SvgArrowLeftDouble = function SvgArrowLeftDouble(props) {
|
|
656
693
|
return /*#__PURE__*/React.createElement("svg", _extends$1s({
|
|
657
694
|
xmlns: "http://www.w3.org/2000/svg",
|
|
658
695
|
fill: "none",
|
|
659
696
|
viewBox: "0 0 24 24"
|
|
660
697
|
}, props), _path$1r || (_path$1r = /*#__PURE__*/React.createElement("path", {
|
|
661
698
|
fill: "#2C3336",
|
|
662
|
-
d: "
|
|
699
|
+
d: "m3.166 11.602 6.93-6.938a.57.57 0 0 1 .803 0l.935.928a.56.56 0 0 1 0 .797L6.24 12l5.594 5.61a.56.56 0 0 1 0 .798l-.935.928a.57.57 0 0 1-.803 0l-6.93-6.938a.56.56 0 0 1 0-.796"
|
|
700
|
+
})), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
|
|
701
|
+
fill: "#2C3336",
|
|
702
|
+
d: "m12.166 11.602 6.93-6.938a.57.57 0 0 1 .803 0l.935.928a.56.56 0 0 1 0 .797L15.24 12l5.594 5.61a.56.56 0 0 1 0 .798l-.935.928a.57.57 0 0 1-.803 0l-6.93-6.938a.56.56 0 0 1 0-.796"
|
|
663
703
|
})));
|
|
664
704
|
};
|
|
665
705
|
|
|
666
|
-
var _path$1q
|
|
706
|
+
var _path$1q;
|
|
667
707
|
function _extends$1r() { return _extends$1r = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1r.apply(null, arguments); }
|
|
668
|
-
var
|
|
708
|
+
var SvgArrowLeftSingle = function SvgArrowLeftSingle(props) {
|
|
669
709
|
return /*#__PURE__*/React.createElement("svg", _extends$1r({
|
|
670
710
|
xmlns: "http://www.w3.org/2000/svg",
|
|
671
711
|
fill: "none",
|
|
672
712
|
viewBox: "0 0 24 24"
|
|
673
713
|
}, props), _path$1q || (_path$1q = /*#__PURE__*/React.createElement("path", {
|
|
674
714
|
fill: "#2C3336",
|
|
675
|
-
d: "
|
|
676
|
-
})), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
|
|
677
|
-
fill: "#2C3336",
|
|
678
|
-
d: "m12.166 11.602 6.93-6.938a.57.57 0 0 1 .803 0l.935.928a.56.56 0 0 1 0 .797L15.24 12l5.594 5.61a.56.56 0 0 1 0 .798l-.935.928a.57.57 0 0 1-.803 0l-6.93-6.938a.56.56 0 0 1 0-.796"
|
|
715
|
+
d: "m7.697 11.602 6.881-6.938c.22-.22.577-.22.797 0l.928.928c.22.22.22.577 0 .797L10.748 12l5.555 5.61c.22.221.22.578 0 .798l-.928.928a.563.563 0 0 1-.797 0l-6.881-6.938a.563.563 0 0 1 0-.796"
|
|
679
716
|
})));
|
|
680
717
|
};
|
|
681
718
|
|
|
682
719
|
var _path$1p;
|
|
683
720
|
function _extends$1q() { return _extends$1q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1q.apply(null, arguments); }
|
|
684
|
-
var
|
|
721
|
+
var SvgAt = function SvgAt(props) {
|
|
685
722
|
return /*#__PURE__*/React.createElement("svg", _extends$1q({
|
|
686
723
|
xmlns: "http://www.w3.org/2000/svg",
|
|
687
724
|
fill: "none",
|
|
688
725
|
viewBox: "0 0 24 24"
|
|
689
726
|
}, props), _path$1p || (_path$1p = /*#__PURE__*/React.createElement("path", {
|
|
690
727
|
fill: "#2C3336",
|
|
691
|
-
d: "
|
|
728
|
+
d: "M23.626 10.875c0-6.387-5.154-10.5-11.625-10.5C5.576.375.376 5.575.376 12s5.2 11.625 11.625 11.625c2.481 0 4.907-.8 6.895-2.265a.56.56 0 0 0 .098-.807l-.713-.872a.564.564 0 0 0-.77-.095A9.4 9.4 0 0 1 12 21.375c-5.17 0-9.375-4.206-9.375-9.375 0-5.17 4.206-9.375 9.375-9.375 5.132 0 9.375 3.048 9.375 8.25 0 2.958-1.991 4.607-3.891 4.607-.915 0-.944-.591-.768-1.474l1.342-6.964a.562.562 0 0 0-.552-.669H15.67a.56.56 0 0 0-.552.456c-.052.269-.078.391-.107.656-.559-.916-1.682-1.456-3.056-1.456-3.356 0-6.329 2.93-6.329 7.166 0 2.867 1.541 4.786 4.368 4.786 1.397 0 2.876-.789 3.738-1.98.195 1.446 1.336 1.782 2.783 1.782 4.649 0 7.111-2.982 7.111-6.91m-12.839 4.563c-1.335 0-2.131-.912-2.131-2.44 0-2.695 1.854-4.378 3.497-4.378 1.412 0 2.131 1.01 2.131 2.418 0 2.196-1.555 4.4-3.497 4.4"
|
|
692
729
|
})));
|
|
693
730
|
};
|
|
694
731
|
|
|
@@ -2358,7 +2395,7 @@ var SvgWarning1 = function SvgWarning1(props) {
|
|
|
2358
2395
|
};
|
|
2359
2396
|
|
|
2360
2397
|
declare namespace index {
|
|
2361
|
-
export { SvgAdd as AddIcon, SvgKeyboardArrowDown as ArrowDownIcon, SvgArrowFromLeft as ArrowFromLeftIcon, SvgArrowLeftDouble as ArrowLeftDoubleIcon, SvgArrowLeft as ArrowLeftIcon, SvgArrowLeftSingle as ArrowLeftSingleIcon, SvgBarChart as BarChartIcon, SvgBlock as BlockIcon, SvgBlurOn as BlurOnIcon, SvgCached as CachedIcon, SvgCalendar as CalendarIcon, SvgCalendarStar as CalendarStarIcon, SvgCamera as CameraIcon, SvgChatDisabled as ChatDisabledIcon, SvgChatIcon as ChatIcon, SvgCheckCircle as CheckCircleIcon, SvgCheckCircleSolid as CheckCircleSolidIcon, SvgCheckbox as CheckboxIcon, SvgCheckboxUncheck as CheckboxUncheckIcon, SvgClock as ClockIcon, SvgClose as CloseIcon, SvgCompress as CompressIcon, SvgCopy as CopyIcon, SvgCustomize as CustomizeIcon, SvgDelete as DeleteIcon, SvgDots as DotsIcon, SvgDownload as DownloadIcon, SvgEdit as EditIcon, SvgElectricBolt as ElectricBoltIcon, SvgEventDetails as EventDetailsIcon, SvgEventRepeat as EventRepeatIcon, SvgExclamation as ExclamationIcon, SvgExpand as ExpandIcon, SvgExternalLink as ExternalLinkIcon, SvgFeatureAction as FeatureActionIcon, SvgFile as FileIcon, SvgFilterList as FilterListIcon, SvgFlipCamera as FlipCameraIcon, SvgGear as GearIcon, SvgHelpSolid as HelpSolidIcon, SvgInfoCircle as InfoCircleIcon, SvgInfoCircleSolid as InfoCircleSolidIcon, SvgInfo as InfoIcon, SvgInfo1 as InfoSolidIcon, SvgItems as ItemsIcon, SvgList as ListIcon, SvgListTh as ListThIcon, SvgLocation as LocationIcon, SvgLock as LockIcon, SvgMagic as MagicIcon, SvgMail as MailIcon, SvgMaterials as MaterialsIcon, SvgMicBold as MicBoldIcon, SvgMicOff1 as MicOffIcon, SvgMicOff as MicOffSolidIcon, SvgMic1 as MicOnSolidIcon, SvgMic as MicOnfIcon, SvgMobileDevice as MobileDeviceIcon, SvgOutStage as OutStageIcon, SvgPasswordEyeCrossed as PasswordEyeCrossedIcon, SvgPasswordEye as PasswordEyeIcon, SvgPeopleCommunity as PeopleCommunityIcon, SvgPeople as PeopleIcon, SvgPerson as Person, SvgPerson as PersonIcon, SvgPlay as PlayIcon, SvgPlus as PlusIcon, SvgPoll as PollIcon, SvgProgress as ProgressIcon, SvgReplayDisabled as ReplayDisabledIcon, SvgRestart as RestartIcon, SvgRocket as RocketIcon, SvgScreenPerson as ScreenPersonIcon, SvgScreenSharing as ScreenShareIcon, SvgScreenScareWindows as ScreenShareWindowIcon, SvgSearch as SearchIcon, SvgSidebar as SideBarIcon, SvgSmile as SmileIcon, SvgSpotlight as SpotlightIcon, SvgStackedEmail as StackedEmailIcon, SvgSync as SyncIcon, SvgTimesCircle as TimesCircleIcon, SvgToday as TodayIcon, SvgTrash as TrashIcon, SvgTrendingDown as TrendingDownIcon, SvgTrendingUp as TrendingUpIcon, SvgVideocamOff as VideoCamOffIcon, SvgVideocamOff1 as VideoCamOffSolidIcon, SvgVideocam as VideoCamOnIcon, SvgVideocam1 as VideoCamOnSolidIcon, SvgVolumeOff1 as VolumeOffIcon, SvgVolumeOff as VolumeOffSolidIcon, SvgVolumeUp1 as VolumeUpIcon, SvgVolumeUp as VolumeUpSolidIcon, SvgWarning1 as WarningIcon, SvgWarning as WarningSolidIcon };
|
|
2398
|
+
export { SvgAdd as AddIcon, SvgKeyboardArrowDown as ArrowDownIcon, SvgArrowFromLeft as ArrowFromLeftIcon, SvgArrowLeftDouble as ArrowLeftDoubleIcon, SvgArrowLeft as ArrowLeftIcon, SvgArrowLeftSingle as ArrowLeftSingleIcon, SvgAt as AtIcon, SvgBarChart as BarChartIcon, SvgBlock as BlockIcon, SvgBlurOn as BlurOnIcon, SvgCached as CachedIcon, SvgCalendar as CalendarIcon, SvgCalendarStar as CalendarStarIcon, SvgCamera as CameraIcon, SvgChatDisabled as ChatDisabledIcon, SvgChatIcon as ChatIcon, SvgCheckCircle as CheckCircleIcon, SvgCheckCircleSolid as CheckCircleSolidIcon, SvgCheckbox as CheckboxIcon, SvgCheckboxUncheck as CheckboxUncheckIcon, SvgClock as ClockIcon, SvgClose as CloseIcon, SvgCompress as CompressIcon, SvgCopy as CopyIcon, SvgCustomize as CustomizeIcon, SvgDelete as DeleteIcon, SvgDots as DotsIcon, SvgDownload as DownloadIcon, SvgEdit as EditIcon, SvgElectricBolt as ElectricBoltIcon, SvgEventDetails as EventDetailsIcon, SvgEventRepeat as EventRepeatIcon, SvgExclamation as ExclamationIcon, SvgExpand as ExpandIcon, SvgExternalLink as ExternalLinkIcon, SvgFeatureAction as FeatureActionIcon, SvgFile as FileIcon, SvgFilterList as FilterListIcon, SvgFlipCamera as FlipCameraIcon, SvgGear as GearIcon, SvgHelpSolid as HelpSolidIcon, SvgInfoCircle as InfoCircleIcon, SvgInfoCircleSolid as InfoCircleSolidIcon, SvgInfo as InfoIcon, SvgInfo1 as InfoSolidIcon, SvgItems as ItemsIcon, SvgList as ListIcon, SvgListTh as ListThIcon, SvgLocation as LocationIcon, SvgLock as LockIcon, SvgMagic as MagicIcon, SvgMail as MailIcon, SvgMaterials as MaterialsIcon, SvgMicBold as MicBoldIcon, SvgMicOff1 as MicOffIcon, SvgMicOff as MicOffSolidIcon, SvgMic1 as MicOnSolidIcon, SvgMic as MicOnfIcon, SvgMobileDevice as MobileDeviceIcon, SvgOutStage as OutStageIcon, SvgPasswordEyeCrossed as PasswordEyeCrossedIcon, SvgPasswordEye as PasswordEyeIcon, SvgPeopleCommunity as PeopleCommunityIcon, SvgPeople as PeopleIcon, SvgPerson as Person, SvgPerson as PersonIcon, SvgPlay as PlayIcon, SvgPlus as PlusIcon, SvgPoll as PollIcon, SvgProgress as ProgressIcon, SvgReplayDisabled as ReplayDisabledIcon, SvgRestart as RestartIcon, SvgRocket as RocketIcon, SvgScreenPerson as ScreenPersonIcon, SvgScreenSharing as ScreenShareIcon, SvgScreenScareWindows as ScreenShareWindowIcon, SvgSearch as SearchIcon, SvgSidebar as SideBarIcon, SvgSmile as SmileIcon, SvgSpotlight as SpotlightIcon, SvgStackedEmail as StackedEmailIcon, SvgSync as SyncIcon, SvgTimesCircle as TimesCircleIcon, SvgToday as TodayIcon, SvgTrash as TrashIcon, SvgTrendingDown as TrendingDownIcon, SvgTrendingUp as TrendingUpIcon, SvgVideocamOff as VideoCamOffIcon, SvgVideocamOff1 as VideoCamOffSolidIcon, SvgVideocam as VideoCamOnIcon, SvgVideocam1 as VideoCamOnSolidIcon, SvgVolumeOff1 as VolumeOffIcon, SvgVolumeOff as VolumeOffSolidIcon, SvgVolumeUp1 as VolumeUpIcon, SvgVolumeUp as VolumeUpSolidIcon, SvgWarning1 as WarningIcon, SvgWarning as WarningSolidIcon };
|
|
2362
2399
|
}
|
|
2363
2400
|
|
|
2364
2401
|
declare const mimeTypeMap: Record<string, string[]>;
|
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>;
|