demio-ui 2.5.78 → 2.5.80

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { InputProps } from '../Input/Input';
+declare const CopyLinkInput: React.FC<InputProps>;
+export default CopyLinkInput;

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

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

package/dist/esm/types/src/components/Crop/Crop.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/components/DnDArea/DnDArea.utils.d.ts

@@ -0,0 +1,3 @@
+export declare const isValidFileType: (file?: File | null, acceptableTypePattern?: string) => boolean;
+export declare const isValidFileSize: (file?: File | null, fileSizeMbLimit?: number) => boolean;
+export declare const isValidFileDimension: (file?: File | null, minWidth?: number, minHeight?: number) => Promise<boolean>;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-type Props = {
+export type InputProps = {
     autoComplete?: 'off' | 'on';
     className?: string;
     counterVisibilityLimit?: number;
@@ -25,6 +25,7 @@ type Props = {
     type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
     value?: string;
     autoFocus?: boolean;
+    readOnly?: boolean;
 };
-declare const Input: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/esm/types/src/components/Pagination/Pagination.utils.d.ts

@@ -0,0 +1,7 @@
+export declare const getPagesData: ({ currentPage, pageCount, }: {
+    currentPage: number;
+    pageCount: number;
+}) => {
+    pages: number[];
+    latestPage: number;
+};

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

@@ -5,6 +5,7 @@ export { default as Button } from './Button';
 export { default as ButtonNew } from './ButtonNew';
 export { default as Card } from './Card';
 export { default as Checkbox } from './Checkbox';
+export { default as CopyLinkInput } from './CopyLinkInput';
 export { default as Crop } from './Crop';
 export { default as DnDArea } from './DnDArea';
 export { default as Drawer } from './Drawer';

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

@@ -0,0 +1,4 @@
+import { Area } from 'react-easy-crop';
+export declare const useCroppedImage: (image: string, croppedArea: Area | null) => {
+    croppedImageURL: string;
+};

package/dist/types.d.ts

@@ -7,7 +7,7 @@ import { PopoverContentProps } from '@radix-ui/react-popover';
 export { Content as PopoverContent, Portal as PopoverPortal, Root as PopoverRoot, Trigger as PopoverTrigger } from '@radix-ui/react-popover';
 import * as SelectPrimitive from '@radix-ui/react-select';
 
-type Props$l = {
+type Props$k = {
     className?: string;
     open: boolean;
     actionText?: string;
@@ -24,11 +24,11 @@ type Props$l = {
     isCloseButtonVisible?: boolean;
     onOpenChange?: (open: boolean) => void;
 };
-declare function Alert({ className, open, actionText, onActionClick, cancelText, onCancelClick, title, description, showLoader, isOkDisabled, actionButtonType, maxWidth, onClose, isCloseButtonVisible, ...props }: Props$l): React__default.JSX.Element;
+declare function Alert({ className, open, actionText, onActionClick, cancelText, onCancelClick, title, description, showLoader, isOkDisabled, actionButtonType, maxWidth, onClose, isCloseButtonVisible, ...props }: Props$k): React__default.JSX.Element;
 
 declare const AVATAR_SIZES: readonly [16, 24, 32, 40, 48, 64, 80, 96, 128];
 type AvatarSizeType = (typeof AVATAR_SIZES)[number];
-interface Props$k {
+interface Props$j {
     src?: string;
     size?: AvatarSizeType;
     userName?: string;
@@ -36,18 +36,18 @@ interface Props$k {
     className?: string;
     fallbackDelay?: number;
 }
-declare const Avatar: FC<Props$k>;
+declare const Avatar: FC<Props$j>;
 
-type Props$j = {
+type Props$i = {
     className?: string;
     icon?: ReactNode;
     variant?: 'outlined' | 'contained';
     color?: 'green' | 'orange' | 'gray' | 'purple' | 'blue';
     children: ReactNode;
 };
-declare const Badge: FC<Props$j>;
+declare const Badge: FC<Props$i>;
 
-type Props$i = {
+type Props$h = {
     disabled?: boolean;
     children?: ReactNode;
     size?: 'small' | 'medium' | 'large';
@@ -64,10 +64,10 @@ type Props$i = {
 /**
  * Button component documentation.
  **/
-declare const Button$1: React__default.ForwardRefExoticComponent<Props$i & React__default.RefAttributes<HTMLButtonElement>>;
+declare const Button$1: React__default.ForwardRefExoticComponent<Props$h & React__default.RefAttributes<HTMLButtonElement>>;
 
 type ColorVariants = 'red' | 'green' | 'dark';
-type Props$h<Variant extends string = 'primary' | 'secondary' | 'tertiary' | 'quarter'> = {
+type Props$g<Variant extends string = 'primary' | 'secondary' | 'tertiary' | 'quarter'> = {
     disabled?: boolean;
     children?: ReactNode;
     variant?: Variant;
@@ -80,9 +80,9 @@ type Props$h<Variant extends string = 'primary' | 'secondary' | 'tertiary' | 'qu
     fullWidth?: boolean;
     showLoader?: boolean;
 };
-declare const Button: React__default.ForwardRefExoticComponent<Props$h<"primary" | "secondary" | "tertiary" | "quarter"> & React__default.RefAttributes<HTMLButtonElement>>;
+declare const Button: React__default.ForwardRefExoticComponent<Props$g<"primary" | "secondary" | "tertiary" | "quarter"> & React__default.RefAttributes<HTMLButtonElement>>;
 
-type Props$g = {
+type Props$f = {
     children?: ReactNode;
     className?: string;
     isEmptyStateAvailable?: boolean;
@@ -91,9 +91,9 @@ type Props$g = {
     emptyStateText?: ReactNode;
     shadowElevation?: number;
 };
-declare const Card: FC<Props$g>;
+declare const Card: FC<Props$f>;
 
-type Props$f = {
+type Props$e = {
     checked?: boolean;
     children?: React__default.ReactNode;
     defaultChecked?: boolean;
@@ -103,7 +103,39 @@ type Props$f = {
     onCheckedChange?: (checked: CheckedState) => void;
     value?: string;
 };
-declare const Checkbox: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Props$f & React__default.RefAttributes<HTMLDivElement>>>;
+declare const Checkbox: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Props$e & React__default.RefAttributes<HTMLDivElement>>>;
+
+type InputProps = {
+    autoComplete?: 'off' | 'on';
+    className?: string;
+    counterVisibilityLimit?: number;
+    defaultValue?: string;
+    disabled?: boolean;
+    endAdornment?: React__default.ReactNode;
+    endAdornmentClassName?: string;
+    errorMessage?: string;
+    hint?: string;
+    id: string;
+    inputWrapperClass?: string;
+    isLabelStatic?: boolean;
+    label?: string;
+    maxLength?: number;
+    name?: string;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
+    optionalText?: string;
+    placeholder?: string;
+    required?: boolean;
+    startAdornment?: React__default.ReactNode;
+    type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
+    value?: string;
+    autoFocus?: boolean;
+    readOnly?: boolean;
+};
+declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const CopyLinkInput: React__default.FC<InputProps>;
 
 interface CropProps {
     aspect?: number;
@@ -140,7 +172,7 @@ interface DnDAreaProps {
 }
 declare const DnDArea: FC<DnDAreaProps>;
 
-type Props$e = {
+type Props$d = {
     children?: ReactNode;
     isOpen?: boolean;
     className?: string;
@@ -150,7 +182,7 @@ type Props$e = {
     align?: 'left' | 'right';
     isClosable?: boolean;
 };
-declare const Drawer: FC<Props$e>;
+declare const Drawer: FC<Props$d>;
 
 declare const DropdownMenuContent: React__default.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSeparator: React__default.ForwardRefExoticComponent<{
@@ -162,7 +194,7 @@ declare const DropdownMenuLabel: React__default.ForwardRefExoticComponent<Dropdo
 declare const DropdownMenuItem: React__default.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuGroup: React__default.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React__default.RefAttributes<HTMLDivElement>>;
 
-type Props$d = {
+type Props$c = {
     children: ReactNode;
     className?: string;
     onSelect?: ReactEventHandler<HTMLDivElement>;
@@ -170,18 +202,18 @@ type Props$d = {
     isLabel?: boolean;
     disabled?: boolean;
 };
-declare const DropdownItem: FC<Props$d>;
+declare const DropdownItem: FC<Props$c>;
 
-type Props$c = {
+type Props$b = {
     children: React__default.ReactNode;
     position?: 'horizontal' | 'vertical';
     justify?: 'between' | 'start' | 'center';
     alignItems?: 'start' | 'stretch' | 'center';
     className?: string;
 };
-declare function FormGroup({ children, position, justify, alignItems, className, }: Props$c): React__default.JSX.Element;
+declare function FormGroup({ children, position, justify, alignItems, className, }: Props$b): React__default.JSX.Element;
 
-type Props$b = {
+type Props$a = {
     children?: ReactNode;
     className?: string;
     icon?: ReactNode;
@@ -189,36 +221,7 @@ type Props$b = {
     text?: ReactNode;
     title?: ReactNode;
 };
-declare const InfoBanner: FC<Props$b>;
-
-type Props$a = {
-    autoComplete?: 'off' | 'on';
-    className?: string;
-    counterVisibilityLimit?: number;
-    defaultValue?: string;
-    disabled?: boolean;
-    endAdornment?: React__default.ReactNode;
-    endAdornmentClassName?: string;
-    errorMessage?: string;
-    hint?: string;
-    id: string;
-    inputWrapperClass?: string;
-    isLabelStatic?: boolean;
-    label?: string;
-    maxLength?: number;
-    name?: string;
-    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
-    onFocus?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
-    optionalText?: string;
-    placeholder?: string;
-    required?: boolean;
-    startAdornment?: React__default.ReactNode;
-    type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
-    value?: string;
-    autoFocus?: boolean;
-};
-declare const Input: React__default.ForwardRefExoticComponent<Props$a & React__default.RefAttributes<HTMLInputElement>>;
+declare const InfoBanner: FC<Props$a>;
 
 type Props$9 = {
     children: React__default.ReactNode;
@@ -2440,4 +2443,4 @@ declare class ToastManager {
 }
 declare const toast: ToastManager;
 
-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, ModalWindow, MultiSelect, Pagination, Popover, PopoverTooltip, Progress, RadioGroup, Select, SelectItem, SelectItemText, SliderDemo as Slider, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Toast, Tooltip, Typography, Upload, UploadError, UploadMenu, UploadProgressPreview, createImage, getCroppedImageURL, getFileExtension, getFileMimeType, getRadianAngle, index as icons, isExtensionMatchingMimeType, isImage, isValidFileDimension, isValidFileSize, isValidFileType, isVideo, mimeTypeMap, rotateSize, toast, useCroppedImage, useFileValidation };
+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, ModalWindow, MultiSelect, Pagination, Popover, PopoverTooltip, Progress, RadioGroup, Select, SelectItem, SelectItemText, SliderDemo as Slider, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Toast, Tooltip, Typography, Upload, UploadError, UploadMenu, UploadProgressPreview, createImage, getCroppedImageURL, getFileExtension, getFileMimeType, getRadianAngle, index as icons, isExtensionMatchingMimeType, isImage, isValidFileDimension, isValidFileSize, isValidFileType, isVideo, mimeTypeMap, rotateSize, toast, useCroppedImage, useFileValidation };

package/package.json

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

package/dist/cjs/types/src/components/UploadPreview/UploadPreview.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import { UploadMenuItem } from '../UploadMenu/UploadMenu';
-export interface UploadPreviewProps {
-    className?: string;
-    fileName?: string;
-    fileInfo?: string;
-    imageSrc?: string;
-    imageTitle?: string;
-    menu?: UploadMenuItem[];
-}
-declare const UploadPreview: FC<UploadPreviewProps>;
-export default UploadPreview;

package/dist/cjs/types/src/components/UploadPreview/index.d.ts

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

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

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import { UploadMenuItem } from '../UploadMenu/UploadMenu';
-export interface UploadPreviewProps {
-    className?: string;
-    fileName?: string;
-    fileInfo?: string;
-    imageSrc?: string;
-    imageTitle?: string;
-    menu?: UploadMenuItem[];
-}
-declare const UploadPreview: FC<UploadPreviewProps>;
-export default UploadPreview;

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

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