demio-ui 2.5.14 → 2.5.16

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

@@ -1,17 +1,7 @@
 import React, { DragEvent, FC, ReactNode, SetStateAction } from 'react';
 import { RcFile, UploadProgressEvent } from 'rc-upload/es/interface';
 import { Area, Point } from 'react-easy-crop';
-export interface SelectOptions {
-    file?: string;
-    setFile?: (file: string) => void;
-}
-export interface UploadMenuItem {
-    className?: string;
-    icon?: ReactNode;
-    onSelect?: (e: Event, options: SelectOptions) => void;
-    text: ReactNode;
-    isDisabled?: boolean;
-}
+import { UploadMenuItem } from '../UploadMenu/UploadMenu';
 export interface UploadProps {
     acceptableFileTypes?: string;
     children?: ReactNode;
@@ -30,11 +20,12 @@ export interface UploadProps {
     isDimensionValidationEnabled?: boolean;
     isSizeValidationEnabled?: boolean;
     isTypeValidationEnabled?: boolean;
+    isUploadProgress?: boolean;
     isValidationEnabled?: boolean;
     menu?: UploadMenuItem[];
+    menuUpload?: UploadMenuItem[];
     minHeightLimit?: number;
     minWidthLimit?: number;
-    name?: string;
     onBeforeUpload?: (file: RcFile, fileList: RcFile[]) => void;
     onCropCancel?: () => void;
     onCropOk?: (croppedUrl: string) => void;
@@ -46,8 +37,9 @@ export interface UploadProps {
     onError?: (err: Error, ret: Record<string, unknown>, file: RcFile) => void;
     onProgress?: (event: UploadProgressEvent, file: RcFile) => void;
     onStart?: (file: RcFile) => void;
-    onSuccess?: (ret: Record<string, unknown>) => void;
+    onSuccess?: (response: Record<string, unknown>, file: RcFile, xhr: XMLHttpRequest) => void;
     onZoomChange?: (value: number) => void;
+    uploadPercent?: number;
 }
 declare const Upload: FC<UploadProps>;
 export default Upload;

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

@@ -0,0 +1,25 @@
+import { FC, ReactNode } from 'react';
+export interface SelectOptions {
+    itemNumber: number;
+    file?: string;
+    resetUpload?: () => void;
+    setFile?: (file: string) => void;
+}
+export interface UploadMenuItem {
+    className?: string;
+    icon?: ReactNode;
+    onSelect?: (e: Event, options: SelectOptions) => void;
+    text: ReactNode;
+    isDisabled?: boolean;
+}
+export interface UploadMenuProps {
+    align?: 'end' | 'center' | 'start';
+    isOpen?: boolean;
+    menu?: UploadMenuItem[];
+    onOpen?: (isOpen: boolean) => void;
+    sideOffset?: number;
+    triggerButton?: ReactNode;
+    triggerButtonClass?: string;
+}
+declare const UploadMenu: FC<UploadMenuProps>;
+export default UploadMenu;

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

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

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

@@ -29,3 +29,4 @@ export { Tag } from './Tag';
 export { PopoverTooltip, Tooltip } from './Tooltip';
 export { Typography } from './Typography';
 export { default as Upload } from './Upload';
+export { default as UploadMenu } from './UploadMenu';

package/dist/esm/types/src/utils/file/file-utils.d.ts

@@ -4,5 +4,6 @@ export declare const getFileMimeType: (file?: unknown) => string;
 export declare const isExtensionMatchingMimeType: (extension?: unknown, mimeType?: unknown) => boolean;
 export declare const isValidFileType: (file?: unknown, acceptableTypePattern?: unknown) => boolean;
 export declare const isImage: (file?: unknown) => boolean;
+export declare const isVideo: (file?: unknown) => boolean;
 export declare const isValidFileSize: (file?: unknown, fileSizeMbLimit?: unknown) => boolean;
 export declare const isValidFileDimension: (file?: unknown, minWidth?: number, minHeight?: number) => Promise<boolean>;

package/dist/esm/types/src/utils/file/index.d.ts

@@ -1 +1 @@
-export { getFileExtension, getFileMimeType, isExtensionMatchingMimeType, isValidFileDimension, isValidFileSize, isValidFileType, mimeTypeMap, } from './file-utils';
+export { getFileExtension, getFileMimeType, isExtensionMatchingMimeType, isImage, isValidFileDimension, isValidFileSize, isValidFileType, isVideo, mimeTypeMap, } from './file-utils';

package/dist/esm/types/src/utils/file/test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/src/utils/image/test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/src/utils/index.d.ts

@@ -1,2 +1,2 @@
-export { getFileExtension, getFileMimeType, isExtensionMatchingMimeType, isValidFileDimension, isValidFileSize, isValidFileType, mimeTypeMap, } from './file';
+export { getFileExtension, getFileMimeType, isExtensionMatchingMimeType, isImage, isValidFileDimension, isValidFileSize, isValidFileType, isVideo, mimeTypeMap, } from './file';
 export { createImage, getCroppedImageURL, getRadianAngle, rotateSize } from './image';

package/dist/types.d.ts

@@ -477,7 +477,9 @@ interface TypoProps extends PropsWithChildren {
 declare const Typography: ({ tag, dataTestId, align, className, children, emphasis, title, variant, ...restProps }: TypoProps) => React__default.JSX.Element;
 
 interface SelectOptions {
+    itemNumber: number;
     file?: string;
+    resetUpload?: () => void;
     setFile?: (file: string) => void;
 }
 interface UploadMenuItem {
@@ -487,6 +489,17 @@ interface UploadMenuItem {
     text: ReactNode;
     isDisabled?: boolean;
 }
+interface UploadMenuProps {
+    align?: 'end' | 'center' | 'start';
+    isOpen?: boolean;
+    menu?: UploadMenuItem[];
+    onOpen?: (isOpen: boolean) => void;
+    sideOffset?: number;
+    triggerButton?: ReactNode;
+    triggerButtonClass?: string;
+}
+declare const UploadMenu: FC<UploadMenuProps>;
+
 interface UploadProps {
     acceptableFileTypes?: string;
     children?: ReactNode;
@@ -505,11 +518,12 @@ interface UploadProps {
     isDimensionValidationEnabled?: boolean;
     isSizeValidationEnabled?: boolean;
     isTypeValidationEnabled?: boolean;
+    isUploadProgress?: boolean;
     isValidationEnabled?: boolean;
     menu?: UploadMenuItem[];
+    menuUpload?: UploadMenuItem[];
     minHeightLimit?: number;
     minWidthLimit?: number;
-    name?: string;
     onBeforeUpload?: (file: RcFile, fileList: RcFile[]) => void;
     onCropCancel?: () => void;
     onCropOk?: (croppedUrl: string) => void;
@@ -521,8 +535,9 @@ interface UploadProps {
     onError?: (err: Error, ret: Record<string, unknown>, file: RcFile) => void;
     onProgress?: (event: UploadProgressEvent, file: RcFile) => void;
     onStart?: (file: RcFile) => void;
-    onSuccess?: (ret: Record<string, unknown>) => void;
+    onSuccess?: (response: Record<string, unknown>, file: RcFile, xhr: XMLHttpRequest) => void;
     onZoomChange?: (value: number) => void;
+    uploadPercent?: number;
 }
 declare const Upload: FC<UploadProps>;
 
@@ -606,7 +621,7 @@ var SvgArrowLeft = function SvgArrowLeft(props) {
   })));
 };
 
-var _path$1p, _path2$4;
+var _path$1p, _path2$5;
 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); }
 var SvgArrowLeftDouble = function SvgArrowLeftDouble(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1q({
@@ -616,7 +631,7 @@ var SvgArrowLeftDouble = function SvgArrowLeftDouble(props) {
   }, props), _path$1p || (_path$1p = /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
     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"
-  })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
+  })), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
     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"
   })));
@@ -757,7 +772,7 @@ var SvgCalendar = function SvgCalendar(props) {
   }))));
 };
 
-var _path$1i, _path2$3;
+var _path$1i, _path2$4;
 function _extends$1j() { return _extends$1j = 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$1j.apply(null, arguments); }
 var SvgCalendarStar = function SvgCalendarStar(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1j({
@@ -768,7 +783,7 @@ var SvgCalendarStar = function SvgCalendarStar(props) {
     fill: "#2C3336",
     d: "M1.2 9v12.75A2.25 2.25 0 0 0 3.45 24h16.5a2.25 2.25 0 0 0 2.25-2.25V9zm15.194 6.652a.56.56 0 0 1-.166.323l-1.856 1.81.44 2.559a.564.564 0 0 1-.815.59L11.7 19.725l-2.292 1.21a.563.563 0 0 1-.816-.591l.44-2.56-1.855-1.809a.562.562 0 0 1 .309-.96l2.564-.376 1.148-2.325a.562.562 0 0 1 1.008 0l1.149 2.325 2.564.375a.56.56 0 0 1 .474.638M15.45 6h1.5a.75.75 0 0 0 .75-.75V.75a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75v4.5a.75.75 0 0 0 .75.75m-9 0h1.5a.75.75 0 0 0 .75-.75V.75A.75.75 0 0 0 7.95 0h-1.5a.75.75 0 0 0-.75.75v4.5a.75.75 0 0 0 .75.75",
     opacity: 0.4
-  })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
+  })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
     d: "m15.919 15.014-2.564-.375-1.149-2.325a.563.563 0 0 0-1.008 0L10.05 14.64l-2.564.375a.562.562 0 0 0-.31.961l1.857 1.81-.44 2.559a.563.563 0 0 0 .815.59l2.292-1.209 2.297 1.21a.563.563 0 0 0 .816-.591l-.441-2.56 1.856-1.809a.562.562 0 0 0-.31-.96M19.95 3H17.7v2.25a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1-.75-.75V3h-6v2.25a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1-.75-.75V3H3.45A2.25 2.25 0 0 0 1.2 5.25V9h21V5.25A2.25 2.25 0 0 0 19.95 3"
   })));
@@ -796,15 +811,36 @@ var SvgChatIcon = function SvgChatIcon(props) {
   })));
 };
 
-var _path$1f;
+var _path$1f, _path2$3, _path3$1, _path4, _path5;
 function _extends$1g() { return _extends$1g = 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$1g.apply(null, arguments); }
 var SvgChatDisabled = function SvgChatDisabled(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1g({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 64 64"
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), _path$1f || (_path$1f = /*#__PURE__*/React.createElement("path", {
     fill: "#02BF6F",
-    d: "M58.586 2.586a2 2 0 1 1 2.828 2.828l-2.201 2.202A13.94 13.94 0 0 1 62 16v44a2 2 0 0 1-3.176 1.617L48.35 54H16a14 14 0 0 1-2.876-.296l-7.71 7.71a2 2 0 1 1-2.828-2.828zM16.828 50H49a2 2 0 0 1 1.176.383L58 56.073V16c0-2.038-.61-3.934-1.657-5.515zM48 2c1.83 0 3.579.351 5.182.99l-3.206 3.205Q49.016 6.001 48 6H16C10.477 6 6 10.477 6 16v24a9.97 9.97 0 0 0 3.015 7.156l-2.828 2.829A13.96 13.96 0 0 1 2 40V16C2 8.268 8.268 2 16 2z"
+    fillRule: "evenodd",
+    d: "M0 15.6V2.4h2.4v13.2zM21.6 15.6V2.4H24v13.2zM21.6 2.4H2.4V0h19.2zM7.2 18H2.4v-2.4h4.8zM21.6 18h-4.8v-2.4h4.8z",
+    clipRule: "evenodd"
+  })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
+    fill: "#02BF6F",
+    d: "M24 2.4A2.4 2.4 0 0 0 21.6 0v2.4zM24 15.6a2.4 2.4 0 0 1-2.4 2.4v-2.4zM0 2.4A2.4 2.4 0 0 1 2.4 0v2.4zM0 15.6A2.4 2.4 0 0 0 2.4 18v-2.4zM7.2 15.6A2.4 2.4 0 0 1 9.6 18H7.2zM7.2 22.8a1.2 1.2 0 1 0 2.4 0z"
+  })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
+    fill: "#02BF6F",
+    fillRule: "evenodd",
+    d: "M7.2 22.8V18h2.4v4.8z",
+    clipRule: "evenodd"
+  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
+    fill: "#02BF6F",
+    fillRule: "evenodd",
+    d: "M17.777 16.103a1.2 1.2 0 0 1-.28 1.673l-8.4 6a1.2 1.2 0 0 1-1.394-1.953l8.4-6a1.2 1.2 0 0 1 1.673.28M12 6a3.6 3.6 0 1 0 0 7.2A3.6 3.6 0 0 0 12 6M6 9.6a6 6 0 1 1 12 0 6 6 0 0 1-12 0",
+    clipRule: "evenodd"
+  })), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
+    fill: "#02BF6F",
+    fillRule: "evenodd",
+    d: "M7.2 11.562 15.025 6l1.39 1.956-7.825 5.562z",
+    clipRule: "evenodd"
   })));
 };
 
@@ -2277,6 +2313,8 @@ declare const getFileExtension: (file?: unknown) => string;
 declare const getFileMimeType: (file?: unknown) => string;
 declare const isExtensionMatchingMimeType: (extension?: unknown, mimeType?: unknown) => boolean;
 declare const isValidFileType: (file?: unknown, acceptableTypePattern?: unknown) => boolean;
+declare const isImage: (file?: unknown) => boolean;
+declare const isVideo: (file?: unknown) => boolean;
 declare const isValidFileSize: (file?: unknown, fileSizeMbLimit?: unknown) => boolean;
 declare const isValidFileDimension: (file?: unknown, minWidth?: number, minHeight?: number) => Promise<boolean>;
 
@@ -2291,4 +2329,4 @@ declare const getCroppedImageURL: (imageSrc: string, pixelCrop: Area, rotation?:
     vertical: boolean;
 }) => Promise<string | null>;
 
-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 };
+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 };

package/package.json

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

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/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;
-};