demio-ui 2.5.88 → 2.5.92

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

@@ -0,0 +1,29 @@
+import { FC, MouseEvent, ReactNode } from 'react';
+export interface ModalScrollableProps {
+    cancelBtnText?: string;
+    children: ReactNode;
+    customBodyClass?: string;
+    customCancelBtnClass?: string;
+    customCloseBtnClass?: string;
+    customContentClass?: string;
+    customFooterClass?: string;
+    customOkBtnClass?: string;
+    customOverlayClass?: string;
+    customTitleClass?: string;
+    footer?: ReactNode;
+    header?: ReactNode;
+    isAvailableCancelBtn?: boolean;
+    isAvailableOkBtn?: boolean;
+    isClosable?: boolean | null;
+    isCloseButtonVisible?: boolean;
+    isOpen: boolean;
+    isOpenByDefault?: boolean;
+    okBtnText?: string;
+    onCancel?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onOk?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onOpenChange: (open: boolean) => void;
+    portalContainer?: HTMLElement;
+    title?: ReactNode;
+}
+declare const ModalScrollable: FC<ModalScrollableProps>;
+export default ModalScrollable;

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

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

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

@@ -44,29 +44,5 @@ export interface UploadProps {
     previewImageTitle?: string;
     uploadPercent?: number;
 }
-/**
- The component has 3 states: **default**, **progress** and **preview** states.
-
- - **Default** state is visible when **uploadPercent** prop is **undefined**.
- - When the **uploadPercent** prop becomes a **number** and it is **less than 100** the **Upload** automatically switches to a **progress** state.
- - When the **uploadPercent** prop is **equal to 100** the **Upload** automatically switches to a **preview** mode.
-
-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:
-
-````
-const uploadRef = useRef<UploadRef>(null);
-
-const handleReset = () => {
-  uploadRef.current?.cancelUpload();
-};
-
-return (
-  <>
-    <Upload ref={uploadRef} />
-    <button onClick={handleReset}>Reset Upload</button>
-  </>
-);
-````
- **/
 declare const Upload: FC<UploadProps>;
 export default Upload;

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

@@ -17,7 +17,8 @@ export { default as InputHint } from './InputHint';
 export { default as Label } from './Label';
 export { default as Loader } from './Loader';
 export { default as Modal } from './Modal';
-export { default as ModalWindow } from './ModalWindow';
+export { default as ModalScrollable } from './ModalScrollable';
+export { default as ScrollableModal } from './ModalScrollable';
 export { default as MultiSelect } from './MultiSelect';
 export { default as Pagination } from './Pagination';
 export { Popover, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from './Popover';

package/dist/types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { MouseEventHandler, FC, ReactNode, CSSProperties, SetStateAction, DragEvent, ReactEventHandler, PropsWithChildren } from 'react';
+import React__default, { MouseEventHandler, FC, ReactNode, CSSProperties, SetStateAction, DragEvent, ReactEventHandler, MouseEvent, PropsWithChildren } from 'react';
 import { CheckedState } from '@radix-ui/react-checkbox';
 import { Point, Area } from 'react-easy-crop';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -269,24 +269,33 @@ type Props$6 = {
  **/
 declare function Modal({ children, contentClassName, isCloseButtonVisible, onClose, onOpenChange, open, overlayClassName, title, isClosable, portalContainer, ...props }: Props$6): React__default.JSX.Element;
 
-interface ModalWindowProps {
+interface ModalScrollableProps {
+    cancelBtnText?: string;
     children: ReactNode;
     customBodyClass?: string;
+    customCancelBtnClass?: string;
     customCloseBtnClass?: string;
     customContentClass?: string;
     customFooterClass?: string;
+    customOkBtnClass?: string;
     customOverlayClass?: string;
     customTitleClass?: string;
     footer?: ReactNode;
+    header?: ReactNode;
+    isAvailableCancelBtn?: boolean;
+    isAvailableOkBtn?: boolean;
+    isClosable?: boolean | null;
     isCloseButtonVisible?: boolean;
-    onOpenChange: (open: boolean) => void;
     isOpen: boolean;
     isOpenByDefault?: boolean;
-    title?: ReactNode;
-    isClosable?: boolean | null;
+    okBtnText?: string;
+    onCancel?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onOk?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onOpenChange: (open: boolean) => void;
     portalContainer?: HTMLElement;
+    title?: ReactNode;
 }
-declare const ModalWindow: FC<ModalWindowProps>;
+declare const ModalScrollable: FC<ModalScrollableProps>;
 
 type Option = unknown;
 interface Props$5 {
@@ -580,30 +589,6 @@ interface UploadProps {
     previewImageTitle?: string;
     uploadPercent?: number;
 }
-/**
- The component has 3 states: **default**, **progress** and **preview** states.
-
- - **Default** state is visible when **uploadPercent** prop is **undefined**.
- - When the **uploadPercent** prop becomes a **number** and it is **less than 100** the **Upload** automatically switches to a **progress** state.
- - When the **uploadPercent** prop is **equal to 100** the **Upload** automatically switches to a **preview** mode.
-
-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:
-
-````
-const uploadRef = useRef<UploadRef>(null);
-
-const handleReset = () => {
-  uploadRef.current?.cancelUpload();
-};
-
-return (
-  <>
-    <Upload ref={uploadRef} />
-    <button onClick={handleReset}>Reset Upload</button>
-  </>
-);
-````
- **/
 declare const Upload: FC<UploadProps>;
 
 interface UploadErrorProps {
@@ -2159,9 +2144,8 @@ function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind()
 var SvgVideocam = function SvgVideocam(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), /*#__PURE__*/React.createElement("mask", {
     id: "videocam_svg__a",
     width: 24,
@@ -2188,9 +2172,8 @@ function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind()
 var SvgVideocamOff = function SvgVideocamOff(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), /*#__PURE__*/React.createElement("mask", {
     id: "videocam_off_svg__a",
     width: 24,
@@ -2217,9 +2200,8 @@ function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind()
 var SvgVideocamOff1 = function SvgVideocamOff1(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), /*#__PURE__*/React.createElement("mask", {
     id: "videocam_off-1_svg__a",
     width: 24,
@@ -2246,9 +2228,8 @@ function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind()
 var SvgVideocam1 = function SvgVideocam1(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), /*#__PURE__*/React.createElement("mask", {
     id: "videocam-1_svg__a",
     width: 24,
@@ -2489,4 +2470,4 @@ declare class ToastManager {
 }
 declare const toast: ToastManager;
 
-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 };
+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, 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.88",
+  "version": "2.5.92",
   "description": "",
   "repository": {
     "type": "git",