demio-ui 2.5.3 → 2.5.4

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

@@ -3,7 +3,7 @@ export interface DnDAreaProps {
     acceptableFileTypes?: string;
     className?: string;
     children?: ReactNode;
-    dropText?: string;
+    dropText?: ReactNode;
     fileSizeMbLimit?: number;
     errorDimension?: string;
     error?: string;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Pick<import("@radix-ui/react-menu").MenuContentProps & React.RefAttributes<HTMLDivElement>, "className" | "children" | "onClick" | "prefix" | "slot" | "style" | "title" | "forceMount" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "asChild" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onCloseAutoFocus" | "align" | "side" | "sideOffset" | "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "sticky" | "hideWhenDetached" | "updatePositionStrategy" | "loop" | "onEntryFocus"> & React.RefAttributes<HTMLDivElement>>;
 export declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const DropdownMenuRoot: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,53 @@
+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;
+}
+export interface UploadProps {
+    acceptableFileTypes?: string;
+    children?: ReactNode;
+    className?: string;
+    customIcon?: ReactNode;
+    customHeader?: string;
+    customText?: ReactNode;
+    cropAspectRatio?: number;
+    dropText?: ReactNode;
+    error?: string;
+    errorDimension?: string;
+    errorSize?: string;
+    errorType?: string;
+    fileSizeMbLimit?: number;
+    isCropAllowed?: boolean;
+    isDimensionValidationEnabled?: boolean;
+    isSizeValidationEnabled?: boolean;
+    isTypeValidationEnabled?: boolean;
+    isValidationEnabled?: boolean;
+    menu?: UploadMenuItem[];
+    minHeightLimit?: number;
+    minWidthLimit?: number;
+    name?: string;
+    onBeforeUpload?: (file: RcFile, fileList: RcFile[]) => void;
+    onCropCancel?: () => void;
+    onCropOk?: (croppedUrl: string) => void;
+    onCropChange?: (data: SetStateAction<Point>) => void;
+    onCropComplete?: (croppedArea: Area, croppedAreaPixels: Area) => void;
+    onDragLeave?: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDragOver?: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDrop?: (event: DragEvent<HTMLDivElement>, file: File | null) => void;
+    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;
+    onZoomChange?: (value: number) => void;
+}
+declare const Upload: FC<UploadProps>;
+export default Upload;

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

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

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

@@ -28,3 +28,4 @@ export { Tab, TabsContent, TabsList, TabsRoot } from './Tabs';
 export { Tag } from './Tag';
 export { PopoverTooltip, Tooltip } from './Tooltip';
 export { Typography } from './Typography';
+export { default as Upload } from './Upload';

package/dist/esm/types/src/hooks/useFileValidation/useFileValidation.d.ts

@@ -1,6 +1,11 @@
+export interface FileValidation {
+    isFileDimensionValid: boolean;
+    isFileSizeValid: boolean;
+    isFileTypeValid: boolean;
+    isFileValid: boolean;
+}
 interface useFileValidationInterface {
     acceptableFileTypes?: string;
-    file?: File | null;
     fileSizeMbLimit?: number;
     isValidationEnabled?: boolean;
     isDimensionValidationEnabled?: boolean;
@@ -9,10 +14,22 @@ interface useFileValidationInterface {
     minHeightLimit?: number;
     minWidthLimit?: number;
 }
-export declare const useFileValidation: ({ acceptableFileTypes, file, fileSizeMbLimit, isValidationEnabled, isDimensionValidationEnabled, isSizeValidationEnabled, isTypeValidationEnabled, minHeightLimit, minWidthLimit, }: useFileValidationInterface) => {
+export declare const initialFileValidation: {
+    isFileDimensionValid: boolean;
+    isFileSizeValid: boolean;
+    isFileTypeValid: boolean;
     isFileValid: boolean;
+};
+export declare const useFileValidation: ({ acceptableFileTypes, fileSizeMbLimit, isValidationEnabled, isDimensionValidationEnabled, isSizeValidationEnabled, isTypeValidationEnabled, minHeightLimit, minWidthLimit, }: useFileValidationInterface) => {
+    validate: (file?: unknown) => Promise<{
+        isFileDimensionValid: boolean;
+        isFileSizeValid: boolean;
+        isFileTypeValid: boolean;
+        isFileValid: boolean;
+    }>;
     isFileDimensionValid: boolean;
     isFileSizeValid: boolean;
     isFileTypeValid: boolean;
+    isFileValid: boolean;
 };
 export {};

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

@@ -62,6 +62,7 @@ import PeopleIcon from './people.svg';
 import PeopleCommunityIcon from './people-community.svg';
 import Person from './person.svg';
 import PlayIcon from './play.svg';
+import PlusIcon from './plus.svg';
 import PollIcon from './poll.svg';
 import ProgressIcon from './progress.svg';
 import ReplayDisabledIcon from './replay_disabled.svg';
@@ -90,4 +91,4 @@ import VolumeUpSolidIcon from './volume_up.svg';
 import VolumeUpIcon from './volume_up-1.svg';
 import WarningSolidIcon from './warning.svg';
 import WarningIcon from './warning-1.svg';
-export { AddIcon, ArrowDownIcon, ArrowFromLeftIcon, ArrowLeftDoubleIcon, ArrowLeftIcon, ArrowLeftSingleIcon, BarChartIcon, BlockIcon, BlurOnIcon, CachedIcon, CalendarIcon, CalendarStarIcon, CameraIcon, 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, PollIcon, ProgressIcon, ReplayDisabledIcon, RestartIcon, RocketIcon, ScreenPersonIcon, ScreenShareIcon, ScreenShareWindowIcon, SearchIcon, SideBarIcon, SmileIcon, SpotlightIcon, StackedEmailIcon, SyncIcon, TimesCircleIcon, TodayIcon, TrendingDownIcon, TrendingUpIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };
+export { AddIcon, ArrowDownIcon, ArrowFromLeftIcon, ArrowLeftDoubleIcon, ArrowLeftIcon, ArrowLeftSingleIcon, BarChartIcon, BlockIcon, BlurOnIcon, CachedIcon, CalendarIcon, CalendarStarIcon, CameraIcon, 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, TrendingDownIcon, TrendingUpIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };

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

@@ -2,3 +2,4 @@ import './index.css';
 export * from './components';
 export * from './hooks';
 export * as icons from './icons';
+export * from './utils';

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

@@ -0,0 +1,8 @@
+export declare const mimeTypeMap: Record<string, string[]>;
+export declare const getFileExtension: (file?: unknown) => string;
+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 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

@@ -0,0 +1 @@
+export { getFileExtension, getFileMimeType, isExtensionMatchingMimeType, isValidFileDimension, isValidFileSize, isValidFileType, 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/image-utils.d.ts

@@ -0,0 +1,11 @@
+import { Area } from 'react-easy-crop';
+export declare const createImage: (url: string) => Promise<HTMLImageElement>;
+export declare const getRadianAngle: (degreeValue?: number) => number;
+export declare const rotateSize: (width: number, height: number, rotation: number) => {
+    width: number;
+    height: number;
+};
+export declare const getCroppedImageURL: (imageSrc: string, pixelCrop: Area, rotation?: number, flip?: {
+    horizontal: boolean;
+    vertical: boolean;
+}) => Promise<string | null>;

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

@@ -0,0 +1 @@
+export { createImage, getCroppedImageURL, getRadianAngle, rotateSize } from './image-utils';

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

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

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

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