demio-ui 2.1.99 → 2.1.101

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

@@ -0,0 +1,16 @@
+import { FC, SetStateAction } from 'react';
+import { Area, Point } from 'react-easy-crop';
+export interface CropProps {
+    aspect?: number;
+    className?: string;
+    image?: string;
+    isGridVisible?: boolean;
+    onCropChange?: (data: SetStateAction<Point>) => void;
+    onCropComplete?: (croppedArea: Area, croppedAreaPixels: Area) => void;
+    onZoomChange?: (value: number) => void;
+    sliderMin?: number;
+    sliderMax?: number;
+    sliderStep?: number;
+}
+declare const Crop: FC<CropProps>;
+export default Crop;

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/Crop/index.d.ts

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

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

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+export interface SliderProps {
+    className?: string;
+    isDisabled?: boolean;
+    max: number;
+    min: number;
+    name?: string;
+    onChange?: (value: number) => void;
+    step: number;
+    thumbAriaLabel?: string;
+    value?: number;
+}
+declare const SliderDemo: FC<SliderProps>;
+export default SliderDemo;

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    message?: string;
+};
+declare function Toast({ message, }: Props): React.JSX.Element;
+export default Toast;

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

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

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

@@ -0,0 +1,31 @@
+import React, { FC, HTMLInputTypeAttribute, ReactNode } from 'react';
+import { RcFile, UploadProgressEvent } from 'rc-upload/es/interface';
+export interface UploadProps {
+    accept?: string;
+    action?: string;
+    children?: ReactNode;
+    className?: string;
+    customIcon?: ReactNode;
+    customHeader?: string;
+    customText?: ReactNode;
+    dndText?: ReactNode;
+    errorFileSize?: string;
+    errorFileType?: string;
+    fileSizeLimit?: number;
+    isDirectoryAllowed?: boolean;
+    isEnabledSizeValidation?: boolean;
+    isEnabledTypeValidation?: boolean;
+    name?: string;
+    onBeforeUpload?: (file: RcFile, fileList: RcFile[]) => void;
+    onError?: (err: Error, ret: Record<string, unknown>, file: RcFile) => void;
+    onDragLeave?: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDragOver?: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
+    onProgress?: (event: UploadProgressEvent, file: RcFile) => void;
+    onStart?: (file: RcFile) => void;
+    onSuccess?: (ret: Record<string, unknown>) => void;
+    type?: HTMLInputTypeAttribute;
+    view?: 'square' | 'circle';
+}
+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

@@ -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 Crop } from './Crop';
 export { default as Drawer } from './Drawer';
 export { DropdownItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger, } from './Dropdown';
 export { default as FormGroup } from './FormGroup';
@@ -20,6 +21,7 @@ export { Popover, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } f
 export { default as Progress } from './Progress';
 export { default as RadioGroup } from './RadioGroup';
 export { Select, SelectItem, SelectItemText } from './Select';
+export { default as Slider } from './Slider';
 export { default as Switch } from './Switch';
 export { Tab, TabsContent, TabsList, TabsRoot } from './Tabs';
 export { Tag } from './Tag';

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

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

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

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

package/dist/esm/types/src/hooks/useCroppedImage/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/esm/types/src/hooks/useCroppedImage/useCroppedImage.test.d.ts

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

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

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

package/dist/types.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import React__default, { MouseEventHandler, FC, ReactNode, ReactEventHandler, PropsWithChildren } from 'react';
+import React__default, { MouseEventHandler, FC, ReactNode, SetStateAction, ReactEventHandler, PropsWithChildren } from 'react';
 import { CheckedState } from '@radix-ui/react-checkbox';
+import { Point, Area } from 'react-easy-crop';
 import * as _radix_ui_react_menu from '@radix-ui/react-menu';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { PopoverContentTypeProps } from '@radix-ui/react-popover';
@@ -103,6 +104,20 @@ type Props$f = {
 };
 declare const Checkbox: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Props$f & React__default.RefAttributes<HTMLDivElement>>>;
 
+interface CropProps {
+    aspect?: number;
+    className?: string;
+    image?: string;
+    isGridVisible?: boolean;
+    onCropChange?: (data: SetStateAction<Point>) => void;
+    onCropComplete?: (croppedArea: Area, croppedAreaPixels: Area) => void;
+    onZoomChange?: (value: number) => void;
+    sliderMin?: number;
+    sliderMax?: number;
+    sliderStep?: number;
+}
+declare const Crop: FC<CropProps>;
+
 type Props$e = {
     children?: ReactNode;
     isOpen?: boolean;
@@ -331,6 +346,19 @@ type SelectItemProps = {
 declare const SelectItem: React__default.ForwardRefExoticComponent<SelectItemProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const SelectItemText: React__default.ForwardRefExoticComponent<SelectPrimitive.SelectItemTextProps & React__default.RefAttributes<HTMLSpanElement>>;
 
+interface SliderProps {
+    className?: string;
+    isDisabled?: boolean;
+    max: number;
+    min: number;
+    name?: string;
+    onChange?: (value: number) => void;
+    step: number;
+    thumbAriaLabel?: string;
+    value?: number;
+}
+declare const SliderDemo: FC<SliderProps>;
+
 type Props$1 = {
     checked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
@@ -417,6 +445,10 @@ interface TypoProps extends PropsWithChildren {
 }
 declare const Typography: ({ tag, dataTestId, align, className, children, emphasis, title, variant, ...restProps }: TypoProps) => React__default.JSX.Element;
 
+declare const useCroppedImage: (image?: string, croppedArea?: Area | null) => {
+    croppedImageURL: string;
+};
+
 var _path$1c, _g$t;
 function _extends$1c() { return _extends$1c = 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$1c.apply(null, arguments); }
 var SvgAdd = function SvgAdd(props) {
@@ -1926,4 +1958,4 @@ declare namespace index {
   export { SvgAdd as AddIcon, SvgKeyboardArrowDown as ArrowDownIcon, 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, SvgChatIcon as ChatIcon, SvgCheckCircle as CheckCircleIcon, SvgCheckCircleSolid as CheckCircleSolidIcon, SvgCheckbox as CheckboxIcon, SvgCheckboxUncheck as CheckboxUncheckIcon, SvgClock as ClockIcon, SvgClose as CloseIcon, SvgCopy as CopyIcon, SvgCustomize as CustomizeIcon, SvgDelete as DeleteIcon, SvgDots as DotsIcon, SvgEdit as EditIcon, SvgElectricBolt as ElectricBoltIcon, SvgEventDetails as EventDetailsIcon, SvgEventRepeat as EventRepeatIcon, SvgExclamation as ExclamationIcon, SvgExternalLink as ExternalLinkIcon, SvgFile as FileIcon, SvgFilterList as FilterListIcon, 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, SvgMicOff1 as MicOffIcon, SvgMicOff as MicOffSolidIcon, SvgMic1 as MicOnSolidIcon, SvgMic as MicOnfIcon, SvgPasswordEyeCrossed as PasswordEyeCrossedIcon, SvgPasswordEye as PasswordEyeIcon, SvgPerson as Person, SvgPlay as PlayIcon, SvgPoll as PollIcon, SvgProgress as ProgressIcon, SvgReplayDisabled as ReplayDisabledIcon, SvgRestart as RestartIcon, SvgRocket as RocketIcon, SvgScreenSharing as ScreenShareIcon, SvgScreenScareWindows as ScreenShareWindowIcon, SvgSearch as SearchIcon, SvgSmile as SmileIcon, SvgSpotlight as SpotlightIcon, SvgStackedEmail as StackedEmailIcon, SvgSync as SyncIcon, SvgTimesCircle as TimesCircleIcon, SvgToday as TodayIcon, 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 };
 }
 
-export { Alert, Avatar, Badge, Button$1 as Button, Button as ButtonNew, Card, Checkbox, Drawer, DropdownItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, MultiSelect, Pagination, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Tooltip, Typography, index as icons };
+export { Alert, Avatar, Badge, Button$1 as Button, Button as ButtonNew, Card, Checkbox, Crop, Drawer, DropdownItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, MultiSelect, Pagination, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, SliderDemo as Slider, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Tooltip, Typography, index as icons, useCroppedImage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demio-ui",
-  "version": "2.1.99",
+  "version": "2.1.101",
   "description": "",
   "repository": {
     "type": "git",
@@ -58,11 +58,13 @@
     "@radix-ui/react-progress": "^1.0.3",
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-slider": "^1.2.0",
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-tooltip": "^1.0.7",
     "chromatic": "^10.3.1",
     "classnames": "^2.5.1",
+    "react-easy-crop": "^5.0.8",
     "react-select": "^5.8.0"
   },
   "devDependencies": {