@ikatec/nebula-react 1.0.27 → 1.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +81 -13
- package/dist/index.d.ts +81 -13
- package/dist/index.js +661 -194
- package/dist/index.mjs +653 -196
- package/package.json +2 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { ComponentProps, PropsWithChildren, HTMLAttributes, ReactNode, DragEvent, ChangeEvent, InputHTMLAttributes } from 'react';
|
|
3
|
+
import React__default, { ComponentProps, PropsWithChildren, HTMLAttributes, ReactNode, DragEvent, ChangeEvent, InputHTMLAttributes, MutableRefObject } from 'react';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
6
6
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
@@ -17,6 +17,8 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
|
17
17
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
18
18
|
import * as RPNInput from 'react-phone-number-input';
|
|
19
19
|
import { DayPicker, Locale } from 'react-day-picker';
|
|
20
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
21
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
20
22
|
|
|
21
23
|
declare enum buttonVariantEnum {
|
|
22
24
|
primary = "\n bg-button-primary-background-default\n hover:bg-button-primary-background-hover\n active:bg-button-primary-background-active\n focus:bg-button-primary-background-focus\n focus:ring-button-primary-border-focus\n text-button-primary-text\n ",
|
|
@@ -278,12 +280,20 @@ declare const StyledAsyncCreatable: {
|
|
|
278
280
|
displayName: string;
|
|
279
281
|
};
|
|
280
282
|
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
283
|
+
type InputPasswordProps = {
|
|
284
|
+
type: 'password';
|
|
285
|
+
};
|
|
286
|
+
type InputBaseProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
284
287
|
isError?: boolean;
|
|
285
288
|
onClean?: () => void;
|
|
286
|
-
|
|
289
|
+
suffix?: string;
|
|
290
|
+
};
|
|
291
|
+
type InputTextProps = {
|
|
292
|
+
type?: 'text' | 'number' | 'email' | 'tel' | 'url' | 'hidden' | 'search';
|
|
293
|
+
icon?: React$1.ReactElement;
|
|
294
|
+
iconPlacement?: 'start' | 'end';
|
|
295
|
+
};
|
|
296
|
+
type InputProps = InputBaseProps & (InputPasswordProps | InputTextProps);
|
|
287
297
|
/**
|
|
288
298
|
* InputText component.
|
|
289
299
|
* @example
|
|
@@ -297,13 +307,14 @@ interface InputTextProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
|
|
|
297
307
|
* @param isError - error identifier in value.
|
|
298
308
|
* @param onClean - text field clear function.
|
|
299
309
|
*/
|
|
300
|
-
declare const InputText: React$1.ForwardRefExoticComponent<
|
|
310
|
+
declare const InputText: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
301
311
|
|
|
302
312
|
declare const Dialog: React$1.FC<DrawerPrimitive.DialogProps>;
|
|
303
313
|
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DrawerPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
304
314
|
declare const DialogClose: React$1.ForwardRefExoticComponent<DrawerPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
305
315
|
interface DialogContentProps {
|
|
306
316
|
portal?: boolean;
|
|
317
|
+
showClose?: boolean;
|
|
307
318
|
}
|
|
308
319
|
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
309
320
|
declare const DialogHeader: {
|
|
@@ -553,6 +564,10 @@ interface TimePickerMessages {
|
|
|
553
564
|
interface FileUploadMessages {
|
|
554
565
|
deleteAll: string;
|
|
555
566
|
}
|
|
567
|
+
interface CropperMessages {
|
|
568
|
+
dialogTitle: string;
|
|
569
|
+
applyButtonLabel: string;
|
|
570
|
+
}
|
|
556
571
|
/**
|
|
557
572
|
* Type to store the messages.
|
|
558
573
|
*/
|
|
@@ -562,6 +577,7 @@ interface Messages {
|
|
|
562
577
|
inputPhone: InputPhoneMessages;
|
|
563
578
|
timePicker: TimePickerMessages;
|
|
564
579
|
fileUpload: FileUploadMessages;
|
|
580
|
+
cropper: CropperMessages;
|
|
565
581
|
}
|
|
566
582
|
|
|
567
583
|
/**
|
|
@@ -589,26 +605,25 @@ interface InputDatePickerSingleProps extends Omit<InputTextProps, 'onChange' | '
|
|
|
589
605
|
value?: string;
|
|
590
606
|
onChange?: (value?: string, calendarDate?: Date) => void;
|
|
591
607
|
numberOfMonths?: CalendarProps['numberOfMonths'];
|
|
592
|
-
portal?: PopoverContentProps['portal'];
|
|
593
608
|
placeholder?: string;
|
|
594
609
|
className?: string;
|
|
595
610
|
disabledDates?: CalendarProps['disabled'];
|
|
596
611
|
onClean?: VoidFunction;
|
|
612
|
+
popoverContainer?: HTMLElement | null;
|
|
597
613
|
}
|
|
598
614
|
declare const dateIsAvailable: (inputDate?: Date | null, disabledDates?: InputDatePickerSingleProps["disabledDates"]) => boolean;
|
|
599
|
-
declare const InputDatePickerSingle: ({
|
|
615
|
+
declare const InputDatePickerSingle: ({ placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDatePickerSingleProps) => react_jsx_runtime.JSX.Element;
|
|
600
616
|
|
|
601
617
|
interface InputDateTimePickerSingleProps extends Omit<InputTextProps, 'onChange' | 'value'> {
|
|
602
618
|
value?: string;
|
|
603
619
|
onChange?: (value?: string, calendarDate?: Date, inputTimeValue?: string) => void;
|
|
604
620
|
numberOfMonths?: CalendarProps['numberOfMonths'];
|
|
605
|
-
portal?: PopoverContentProps['portal'];
|
|
606
621
|
placeholder?: string;
|
|
607
622
|
className?: string;
|
|
608
623
|
disabledDates?: CalendarProps['disabled'];
|
|
609
624
|
onClean?: VoidFunction;
|
|
610
625
|
}
|
|
611
|
-
declare const InputDateTimePickerSingle: ({
|
|
626
|
+
declare const InputDateTimePickerSingle: ({ placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDateTimePickerSingleProps) => react_jsx_runtime.JSX.Element;
|
|
612
627
|
|
|
613
628
|
type InputTimeProps = Omit<React.ComponentProps<typeof InputText>, 'onChange'> & {
|
|
614
629
|
onChange?: (value: string) => void;
|
|
@@ -706,7 +721,7 @@ interface TextAreaProps extends React$1.InputHTMLAttributes<HTMLTextAreaElement>
|
|
|
706
721
|
*/
|
|
707
722
|
declare const TextArea: React$1.ForwardRefExoticComponent<TextAreaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
708
723
|
|
|
709
|
-
interface ProfileImageProps extends Omit<FileUploadOptions, 'maxSize' | 'accept'> {
|
|
724
|
+
interface ProfileImageProps extends Omit<FileUploadOptions, 'maxSize' | 'accept' | 'initialFiles'> {
|
|
710
725
|
maxSizeMB?: number;
|
|
711
726
|
onError?: (errors: {
|
|
712
727
|
file?: File | FileMetadata;
|
|
@@ -715,12 +730,60 @@ interface ProfileImageProps extends Omit<FileUploadOptions, 'maxSize' | 'accept'
|
|
|
715
730
|
disabled?: boolean;
|
|
716
731
|
subtitle?: string;
|
|
717
732
|
onRemove?: VoidFunction;
|
|
733
|
+
image?: string;
|
|
718
734
|
}
|
|
719
735
|
declare const ProfileImage: {
|
|
720
|
-
({ maxSizeMB, subtitle, onError, maxFiles, onRemove, ...rest }: ProfileImageProps): react_jsx_runtime.JSX.Element;
|
|
736
|
+
({ maxSizeMB, subtitle, onError, maxFiles, onRemove, image, ...rest }: ProfileImageProps): react_jsx_runtime.JSX.Element;
|
|
721
737
|
displayName: string;
|
|
722
738
|
};
|
|
723
739
|
|
|
740
|
+
type Area = {
|
|
741
|
+
x: number;
|
|
742
|
+
y: number;
|
|
743
|
+
width: number;
|
|
744
|
+
height: number;
|
|
745
|
+
};
|
|
746
|
+
interface CropperRootProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
747
|
+
image: string;
|
|
748
|
+
cropPadding?: number;
|
|
749
|
+
aspectRatio?: number;
|
|
750
|
+
minZoom?: number;
|
|
751
|
+
maxZoom?: number;
|
|
752
|
+
zoomSensitivity?: number;
|
|
753
|
+
keyboardStep?: number;
|
|
754
|
+
zoom?: number;
|
|
755
|
+
onCropChange?: (pixels: Area | null) => void;
|
|
756
|
+
onZoomChange?: (zoom: number) => void;
|
|
757
|
+
children: React$1.ReactNode;
|
|
758
|
+
}
|
|
759
|
+
declare const Cropper$1: {
|
|
760
|
+
Root: React$1.FC<CropperRootProps>;
|
|
761
|
+
Image: React$1.FC<Omit<React$1.ImgHTMLAttributes<HTMLImageElement>, "draggable" | "style" | "alt" | "src">>;
|
|
762
|
+
CropArea: React$1.FC<React$1.HTMLAttributes<HTMLDivElement>>;
|
|
763
|
+
Description: React$1.FC<React$1.HTMLAttributes<HTMLDivElement>>;
|
|
764
|
+
};
|
|
765
|
+
|
|
766
|
+
declare function CropperDescription({ className, ...props }: React.ComponentProps<typeof Cropper$1.Description>): react_jsx_runtime.JSX.Element;
|
|
767
|
+
declare function CropperImage({ className, ...props }: React.ComponentProps<typeof Cropper$1.Image>): react_jsx_runtime.JSX.Element;
|
|
768
|
+
declare function CropperCropArea({ className, rounded, ...props }: React.ComponentProps<typeof Cropper$1.CropArea> & {
|
|
769
|
+
rounded?: boolean;
|
|
770
|
+
}): react_jsx_runtime.JSX.Element;
|
|
771
|
+
interface CropperProps {
|
|
772
|
+
open?: boolean;
|
|
773
|
+
onOpenChange: (open: boolean) => void;
|
|
774
|
+
previewUrl?: string;
|
|
775
|
+
onRemove: VoidFunction;
|
|
776
|
+
onApply: (finalImageUrl: string, file: Blob) => void;
|
|
777
|
+
rounded?: boolean;
|
|
778
|
+
portal?: boolean;
|
|
779
|
+
}
|
|
780
|
+
declare function Cropper({ onOpenChange, open, previewUrl, onRemove: removeFile, onApply, rounded, portal, }: CropperProps): react_jsx_runtime.JSX.Element;
|
|
781
|
+
|
|
782
|
+
declare function Slider({ className, defaultValue, value, min, max, ...props }: React$1.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
783
|
+
|
|
784
|
+
declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
785
|
+
declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime.JSX.Element;
|
|
786
|
+
|
|
724
787
|
interface Content {
|
|
725
788
|
/**
|
|
726
789
|
* Path to `node_modules` where `flowbite-react` is installed
|
|
@@ -786,4 +849,9 @@ declare const NebulaI18nProvider: ({ children, customI18nStorageKey, }: NebulaI1
|
|
|
786
849
|
*/
|
|
787
850
|
declare const useNebulaI18n: () => NebulaI18nContextType;
|
|
788
851
|
|
|
789
|
-
|
|
852
|
+
type PossibleRefs<T extends HTMLElement> = MutableRefObject<T | undefined | null> | MutableRefObject<T | undefined | null>[];
|
|
853
|
+
declare function useClickOutside<T extends HTMLElement>(refs: PossibleRefs<T>, onClickOutside: VoidFunction): void;
|
|
854
|
+
|
|
855
|
+
declare function useKeyPress(key: string, callback: VoidFunction): void;
|
|
856
|
+
|
|
857
|
+
export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, Cropper, CropperCropArea, CropperDescription, CropperImage, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FileMetadata, FileUpload, type FileUploadActions, FileUploadError, type FileUploadOptions, type FileUploadProps, type FileUploadState, type FileWithPreview, Heading, type HeadingProps, InputDatePickerSingle, type InputDatePickerSingleProps, InputDateTimePickerSingle, type InputDateTimePickerSingleProps, InputPhone, InputText, type InputTextProps, InputTime, type InputTimeProps, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, ProfileImage, type ProfileImageProps, RadioGroup, RadioGroupItem, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Slider, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useClickOutside, useFileUpload, useKeyPress, useNebulaI18n };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { ComponentProps, PropsWithChildren, HTMLAttributes, ReactNode, DragEvent, ChangeEvent, InputHTMLAttributes } from 'react';
|
|
3
|
+
import React__default, { ComponentProps, PropsWithChildren, HTMLAttributes, ReactNode, DragEvent, ChangeEvent, InputHTMLAttributes, MutableRefObject } from 'react';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
6
6
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
@@ -17,6 +17,8 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
|
17
17
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
18
18
|
import * as RPNInput from 'react-phone-number-input';
|
|
19
19
|
import { DayPicker, Locale } from 'react-day-picker';
|
|
20
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
21
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
20
22
|
|
|
21
23
|
declare enum buttonVariantEnum {
|
|
22
24
|
primary = "\n bg-button-primary-background-default\n hover:bg-button-primary-background-hover\n active:bg-button-primary-background-active\n focus:bg-button-primary-background-focus\n focus:ring-button-primary-border-focus\n text-button-primary-text\n ",
|
|
@@ -278,12 +280,20 @@ declare const StyledAsyncCreatable: {
|
|
|
278
280
|
displayName: string;
|
|
279
281
|
};
|
|
280
282
|
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
283
|
+
type InputPasswordProps = {
|
|
284
|
+
type: 'password';
|
|
285
|
+
};
|
|
286
|
+
type InputBaseProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
284
287
|
isError?: boolean;
|
|
285
288
|
onClean?: () => void;
|
|
286
|
-
|
|
289
|
+
suffix?: string;
|
|
290
|
+
};
|
|
291
|
+
type InputTextProps = {
|
|
292
|
+
type?: 'text' | 'number' | 'email' | 'tel' | 'url' | 'hidden' | 'search';
|
|
293
|
+
icon?: React$1.ReactElement;
|
|
294
|
+
iconPlacement?: 'start' | 'end';
|
|
295
|
+
};
|
|
296
|
+
type InputProps = InputBaseProps & (InputPasswordProps | InputTextProps);
|
|
287
297
|
/**
|
|
288
298
|
* InputText component.
|
|
289
299
|
* @example
|
|
@@ -297,13 +307,14 @@ interface InputTextProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
|
|
|
297
307
|
* @param isError - error identifier in value.
|
|
298
308
|
* @param onClean - text field clear function.
|
|
299
309
|
*/
|
|
300
|
-
declare const InputText: React$1.ForwardRefExoticComponent<
|
|
310
|
+
declare const InputText: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
301
311
|
|
|
302
312
|
declare const Dialog: React$1.FC<DrawerPrimitive.DialogProps>;
|
|
303
313
|
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DrawerPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
304
314
|
declare const DialogClose: React$1.ForwardRefExoticComponent<DrawerPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
305
315
|
interface DialogContentProps {
|
|
306
316
|
portal?: boolean;
|
|
317
|
+
showClose?: boolean;
|
|
307
318
|
}
|
|
308
319
|
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
309
320
|
declare const DialogHeader: {
|
|
@@ -553,6 +564,10 @@ interface TimePickerMessages {
|
|
|
553
564
|
interface FileUploadMessages {
|
|
554
565
|
deleteAll: string;
|
|
555
566
|
}
|
|
567
|
+
interface CropperMessages {
|
|
568
|
+
dialogTitle: string;
|
|
569
|
+
applyButtonLabel: string;
|
|
570
|
+
}
|
|
556
571
|
/**
|
|
557
572
|
* Type to store the messages.
|
|
558
573
|
*/
|
|
@@ -562,6 +577,7 @@ interface Messages {
|
|
|
562
577
|
inputPhone: InputPhoneMessages;
|
|
563
578
|
timePicker: TimePickerMessages;
|
|
564
579
|
fileUpload: FileUploadMessages;
|
|
580
|
+
cropper: CropperMessages;
|
|
565
581
|
}
|
|
566
582
|
|
|
567
583
|
/**
|
|
@@ -589,26 +605,25 @@ interface InputDatePickerSingleProps extends Omit<InputTextProps, 'onChange' | '
|
|
|
589
605
|
value?: string;
|
|
590
606
|
onChange?: (value?: string, calendarDate?: Date) => void;
|
|
591
607
|
numberOfMonths?: CalendarProps['numberOfMonths'];
|
|
592
|
-
portal?: PopoverContentProps['portal'];
|
|
593
608
|
placeholder?: string;
|
|
594
609
|
className?: string;
|
|
595
610
|
disabledDates?: CalendarProps['disabled'];
|
|
596
611
|
onClean?: VoidFunction;
|
|
612
|
+
popoverContainer?: HTMLElement | null;
|
|
597
613
|
}
|
|
598
614
|
declare const dateIsAvailable: (inputDate?: Date | null, disabledDates?: InputDatePickerSingleProps["disabledDates"]) => boolean;
|
|
599
|
-
declare const InputDatePickerSingle: ({
|
|
615
|
+
declare const InputDatePickerSingle: ({ placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDatePickerSingleProps) => react_jsx_runtime.JSX.Element;
|
|
600
616
|
|
|
601
617
|
interface InputDateTimePickerSingleProps extends Omit<InputTextProps, 'onChange' | 'value'> {
|
|
602
618
|
value?: string;
|
|
603
619
|
onChange?: (value?: string, calendarDate?: Date, inputTimeValue?: string) => void;
|
|
604
620
|
numberOfMonths?: CalendarProps['numberOfMonths'];
|
|
605
|
-
portal?: PopoverContentProps['portal'];
|
|
606
621
|
placeholder?: string;
|
|
607
622
|
className?: string;
|
|
608
623
|
disabledDates?: CalendarProps['disabled'];
|
|
609
624
|
onClean?: VoidFunction;
|
|
610
625
|
}
|
|
611
|
-
declare const InputDateTimePickerSingle: ({
|
|
626
|
+
declare const InputDateTimePickerSingle: ({ placeholder, className, value, onChange, numberOfMonths, onClean, disabledDates, ...rest }: InputDateTimePickerSingleProps) => react_jsx_runtime.JSX.Element;
|
|
612
627
|
|
|
613
628
|
type InputTimeProps = Omit<React.ComponentProps<typeof InputText>, 'onChange'> & {
|
|
614
629
|
onChange?: (value: string) => void;
|
|
@@ -706,7 +721,7 @@ interface TextAreaProps extends React$1.InputHTMLAttributes<HTMLTextAreaElement>
|
|
|
706
721
|
*/
|
|
707
722
|
declare const TextArea: React$1.ForwardRefExoticComponent<TextAreaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
708
723
|
|
|
709
|
-
interface ProfileImageProps extends Omit<FileUploadOptions, 'maxSize' | 'accept'> {
|
|
724
|
+
interface ProfileImageProps extends Omit<FileUploadOptions, 'maxSize' | 'accept' | 'initialFiles'> {
|
|
710
725
|
maxSizeMB?: number;
|
|
711
726
|
onError?: (errors: {
|
|
712
727
|
file?: File | FileMetadata;
|
|
@@ -715,12 +730,60 @@ interface ProfileImageProps extends Omit<FileUploadOptions, 'maxSize' | 'accept'
|
|
|
715
730
|
disabled?: boolean;
|
|
716
731
|
subtitle?: string;
|
|
717
732
|
onRemove?: VoidFunction;
|
|
733
|
+
image?: string;
|
|
718
734
|
}
|
|
719
735
|
declare const ProfileImage: {
|
|
720
|
-
({ maxSizeMB, subtitle, onError, maxFiles, onRemove, ...rest }: ProfileImageProps): react_jsx_runtime.JSX.Element;
|
|
736
|
+
({ maxSizeMB, subtitle, onError, maxFiles, onRemove, image, ...rest }: ProfileImageProps): react_jsx_runtime.JSX.Element;
|
|
721
737
|
displayName: string;
|
|
722
738
|
};
|
|
723
739
|
|
|
740
|
+
type Area = {
|
|
741
|
+
x: number;
|
|
742
|
+
y: number;
|
|
743
|
+
width: number;
|
|
744
|
+
height: number;
|
|
745
|
+
};
|
|
746
|
+
interface CropperRootProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
747
|
+
image: string;
|
|
748
|
+
cropPadding?: number;
|
|
749
|
+
aspectRatio?: number;
|
|
750
|
+
minZoom?: number;
|
|
751
|
+
maxZoom?: number;
|
|
752
|
+
zoomSensitivity?: number;
|
|
753
|
+
keyboardStep?: number;
|
|
754
|
+
zoom?: number;
|
|
755
|
+
onCropChange?: (pixels: Area | null) => void;
|
|
756
|
+
onZoomChange?: (zoom: number) => void;
|
|
757
|
+
children: React$1.ReactNode;
|
|
758
|
+
}
|
|
759
|
+
declare const Cropper$1: {
|
|
760
|
+
Root: React$1.FC<CropperRootProps>;
|
|
761
|
+
Image: React$1.FC<Omit<React$1.ImgHTMLAttributes<HTMLImageElement>, "draggable" | "style" | "alt" | "src">>;
|
|
762
|
+
CropArea: React$1.FC<React$1.HTMLAttributes<HTMLDivElement>>;
|
|
763
|
+
Description: React$1.FC<React$1.HTMLAttributes<HTMLDivElement>>;
|
|
764
|
+
};
|
|
765
|
+
|
|
766
|
+
declare function CropperDescription({ className, ...props }: React.ComponentProps<typeof Cropper$1.Description>): react_jsx_runtime.JSX.Element;
|
|
767
|
+
declare function CropperImage({ className, ...props }: React.ComponentProps<typeof Cropper$1.Image>): react_jsx_runtime.JSX.Element;
|
|
768
|
+
declare function CropperCropArea({ className, rounded, ...props }: React.ComponentProps<typeof Cropper$1.CropArea> & {
|
|
769
|
+
rounded?: boolean;
|
|
770
|
+
}): react_jsx_runtime.JSX.Element;
|
|
771
|
+
interface CropperProps {
|
|
772
|
+
open?: boolean;
|
|
773
|
+
onOpenChange: (open: boolean) => void;
|
|
774
|
+
previewUrl?: string;
|
|
775
|
+
onRemove: VoidFunction;
|
|
776
|
+
onApply: (finalImageUrl: string, file: Blob) => void;
|
|
777
|
+
rounded?: boolean;
|
|
778
|
+
portal?: boolean;
|
|
779
|
+
}
|
|
780
|
+
declare function Cropper({ onOpenChange, open, previewUrl, onRemove: removeFile, onApply, rounded, portal, }: CropperProps): react_jsx_runtime.JSX.Element;
|
|
781
|
+
|
|
782
|
+
declare function Slider({ className, defaultValue, value, min, max, ...props }: React$1.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
783
|
+
|
|
784
|
+
declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
785
|
+
declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime.JSX.Element;
|
|
786
|
+
|
|
724
787
|
interface Content {
|
|
725
788
|
/**
|
|
726
789
|
* Path to `node_modules` where `flowbite-react` is installed
|
|
@@ -786,4 +849,9 @@ declare const NebulaI18nProvider: ({ children, customI18nStorageKey, }: NebulaI1
|
|
|
786
849
|
*/
|
|
787
850
|
declare const useNebulaI18n: () => NebulaI18nContextType;
|
|
788
851
|
|
|
789
|
-
|
|
852
|
+
type PossibleRefs<T extends HTMLElement> = MutableRefObject<T | undefined | null> | MutableRefObject<T | undefined | null>[];
|
|
853
|
+
declare function useClickOutside<T extends HTMLElement>(refs: PossibleRefs<T>, onClickOutside: VoidFunction): void;
|
|
854
|
+
|
|
855
|
+
declare function useKeyPress(key: string, callback: VoidFunction): void;
|
|
856
|
+
|
|
857
|
+
export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, Cropper, CropperCropArea, CropperDescription, CropperImage, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FileMetadata, FileUpload, type FileUploadActions, FileUploadError, type FileUploadOptions, type FileUploadProps, type FileUploadState, type FileWithPreview, Heading, type HeadingProps, InputDatePickerSingle, type InputDatePickerSingleProps, InputDateTimePickerSingle, type InputDateTimePickerSingleProps, InputPhone, InputText, type InputTextProps, InputTime, type InputTimeProps, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, ProfileImage, type ProfileImageProps, RadioGroup, RadioGroupItem, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, Slider, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useClickOutside, useFileUpload, useKeyPress, useNebulaI18n };
|