@ikatec/nebula-react 1.0.16 → 1.0.18

package/dist/index.d.mts

@@ -498,7 +498,7 @@ declare const Paragraph: React__default.ForwardRefExoticComponent<ParagraphProps
 interface CaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {
 }
 declare const Caption: React__default.ForwardRefExoticComponent<CaptionProps & React__default.RefAttributes<HTMLTableCaptionElement>>;
-interface LinkProps extends HTMLAttributes<HTMLAnchorElement> {
+interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
     size?: 'md' | 'sm';
     asChild?: boolean;
     children: ReactNode;
@@ -550,6 +550,9 @@ interface InputPhoneMessages {
 interface TimePickerMessages {
     label: string;
 }
+interface FileUploadMessages {
+    deleteAll: string;
+}
 /**
  * Type to store the messages.
  */
@@ -558,6 +561,7 @@ interface Messages {
     inputSelect: InputSelectMessages;
     inputPhone: InputPhoneMessages;
     timePicker: TimePickerMessages;
+    fileUpload: FileUploadMessages;
 }
 
 /**
@@ -609,6 +613,48 @@ type InputTimeProps = Omit<React.ComponentProps<typeof InputText>, 'onChange'> &
 };
 declare const InputTime: React$1.ForwardRefExoticComponent<Omit<InputTimeProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
+type FileMetadata = {
+    name: string;
+    size: number;
+    type: string;
+    url: string;
+    id: string;
+};
+type FileWithPreview = {
+    file: File | FileMetadata;
+    id: string;
+    preview?: string;
+};
+type FileUploadOptions = {
+    maxFiles?: number;
+    maxSize?: number;
+    accept?: string;
+    multiple?: boolean;
+    initialFiles?: FileMetadata[];
+    onFilesChange?: (files: FileWithPreview[]) => void;
+    onFilesAdded?: (addedFiles: FileWithPreview[]) => void;
+};
+declare enum FileUploadError {
+    MAX_FILES_EXCEEDED = "MAX_FILES_EXCEEDED",
+    MAXIMUM_FILE_SIZE_EXCEEDED = "MAXIMUM_FILE_SIZE_EXCEEDED",
+    INVALID_FORMAT = "INVALID_FORMAT"
+}
+declare const formatBytes: (bytes: number, decimals?: number) => string;
+
+interface FileUploadProps extends Omit<FileUploadOptions, 'maxSize'> {
+    maxSizeMB?: number;
+    title: string;
+    subtitle: string;
+    showPreview?: boolean;
+    imagePreview?: (file?: FileWithPreview) => ReactNode;
+    onError?: (errors: {
+        file?: File | FileMetadata;
+        error: FileUploadError;
+    }[]) => void;
+    disabled?: boolean;
+}
+declare function FileUpload({ maxSizeMB, subtitle, title, imagePreview, showPreview, onError, maxFiles, ...rest }: FileUploadProps): react_jsx_runtime.JSX.Element;
+
 interface TextAreaProps extends React$1.InputHTMLAttributes<HTMLTextAreaElement> {
     isError?: boolean;
     resize?: boolean;
@@ -696,4 +742,4 @@ declare const NebulaI18nProvider: ({ children, customI18nStorageKey, }: NebulaI1
  */
 declare const useNebulaI18n: () => NebulaI18nContextType;
 
-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, 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, 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, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, 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, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };
+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, 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, FileUploadError, type FileUploadOptions, 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, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, 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, useNebulaI18n };

package/dist/index.d.ts

@@ -498,7 +498,7 @@ declare const Paragraph: React__default.ForwardRefExoticComponent<ParagraphProps
 interface CaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {
 }
 declare const Caption: React__default.ForwardRefExoticComponent<CaptionProps & React__default.RefAttributes<HTMLTableCaptionElement>>;
-interface LinkProps extends HTMLAttributes<HTMLAnchorElement> {
+interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
     size?: 'md' | 'sm';
     asChild?: boolean;
     children: ReactNode;
@@ -550,6 +550,9 @@ interface InputPhoneMessages {
 interface TimePickerMessages {
     label: string;
 }
+interface FileUploadMessages {
+    deleteAll: string;
+}
 /**
  * Type to store the messages.
  */
@@ -558,6 +561,7 @@ interface Messages {
     inputSelect: InputSelectMessages;
     inputPhone: InputPhoneMessages;
     timePicker: TimePickerMessages;
+    fileUpload: FileUploadMessages;
 }
 
 /**
@@ -609,6 +613,48 @@ type InputTimeProps = Omit<React.ComponentProps<typeof InputText>, 'onChange'> &
 };
 declare const InputTime: React$1.ForwardRefExoticComponent<Omit<InputTimeProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
+type FileMetadata = {
+    name: string;
+    size: number;
+    type: string;
+    url: string;
+    id: string;
+};
+type FileWithPreview = {
+    file: File | FileMetadata;
+    id: string;
+    preview?: string;
+};
+type FileUploadOptions = {
+    maxFiles?: number;
+    maxSize?: number;
+    accept?: string;
+    multiple?: boolean;
+    initialFiles?: FileMetadata[];
+    onFilesChange?: (files: FileWithPreview[]) => void;
+    onFilesAdded?: (addedFiles: FileWithPreview[]) => void;
+};
+declare enum FileUploadError {
+    MAX_FILES_EXCEEDED = "MAX_FILES_EXCEEDED",
+    MAXIMUM_FILE_SIZE_EXCEEDED = "MAXIMUM_FILE_SIZE_EXCEEDED",
+    INVALID_FORMAT = "INVALID_FORMAT"
+}
+declare const formatBytes: (bytes: number, decimals?: number) => string;
+
+interface FileUploadProps extends Omit<FileUploadOptions, 'maxSize'> {
+    maxSizeMB?: number;
+    title: string;
+    subtitle: string;
+    showPreview?: boolean;
+    imagePreview?: (file?: FileWithPreview) => ReactNode;
+    onError?: (errors: {
+        file?: File | FileMetadata;
+        error: FileUploadError;
+    }[]) => void;
+    disabled?: boolean;
+}
+declare function FileUpload({ maxSizeMB, subtitle, title, imagePreview, showPreview, onError, maxFiles, ...rest }: FileUploadProps): react_jsx_runtime.JSX.Element;
+
 interface TextAreaProps extends React$1.InputHTMLAttributes<HTMLTextAreaElement> {
     isError?: boolean;
     resize?: boolean;
@@ -696,4 +742,4 @@ declare const NebulaI18nProvider: ({ children, customI18nStorageKey, }: NebulaI1
  */
 declare const useNebulaI18n: () => NebulaI18nContextType;
 
-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, 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, 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, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, 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, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };
+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, 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, FileUploadError, type FileUploadOptions, 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, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, 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, useNebulaI18n };

package/dist/index.js

@@ -3717,9 +3717,10 @@ var Calendar = ({
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: cn("flex justify-between items-center !h-9 mb-3", {
+            className: cn("flex justify-between items-center !h-9", {
               "ps-3": numberOfMonths === 1,
-              "mb-0": showMonthGridSelection
+              "mb-0": showMonthGridSelection,
+              "mb-3": !showMonthGridSelection
             }),
             children: [
               !hideNavigation && numberOfMonths > 1 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -3800,7 +3801,8 @@ var Calendar = ({
         return /* @__PURE__ */ jsxRuntime.jsx(
           Box,
           {
-            className: "nebula-ds z-40 !p-0 flex gap-2 flex-col justify-between w-full",
+            paddingSize: "none",
+            className: "nebula-ds z-40 flex gap-2 flex-col justify-between w-full",
             border: false,
             children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds z-40 grid grid-cols-2 gap-1 bg-inherit pt-2", children: MONTHS.map((monthOption) => {
               const monthOptionAsDate = new Date(monthOption);
@@ -3851,17 +3853,7 @@ var Calendar = ({
         return /* @__PURE__ */ jsxRuntime.jsx("tr", { ...props2 });
       },
       Weekday(props2) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "th",
-          {
-            ...props2,
-            className: cn(
-              props2.className,
-              "font-medium text-xs !text-calendar-weekDay-color"
-            ),
-            children: String(props2.children)?.toUpperCase()?.[0]
-          }
-        );
+        return /* @__PURE__ */ jsxRuntime.jsx("th", { ...props2, className: cn(props2.className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds font-medium text-xs !text-calendar-weekDay-color text-center pb-2", children: String(props2.children)?.toUpperCase()?.[0] }) });
       },
       Footer(props2) {
         if (showMonthGridSelection) return void 0;
@@ -4835,7 +4827,7 @@ var TextArea = React8__namespace.forwardRef(
       };
     }, [asInput, autoResize, props.value]);
     React8__namespace.useImperativeHandle(ref, () => innerRef.current);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds relative", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds relative w-full", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {

package/dist/index.mjs

@@ -3677,9 +3677,10 @@ var Calendar = ({
         return /* @__PURE__ */ jsxs(
           "div",
           {
-            className: cn("flex justify-between items-center !h-9 mb-3", {
+            className: cn("flex justify-between items-center !h-9", {
               "ps-3": numberOfMonths === 1,
-              "mb-0": showMonthGridSelection
+              "mb-0": showMonthGridSelection,
+              "mb-3": !showMonthGridSelection
             }),
             children: [
               !hideNavigation && numberOfMonths > 1 && /* @__PURE__ */ jsx(
@@ -3760,7 +3761,8 @@ var Calendar = ({
         return /* @__PURE__ */ jsx(
           Box,
           {
-            className: "nebula-ds z-40 !p-0 flex gap-2 flex-col justify-between w-full",
+            paddingSize: "none",
+            className: "nebula-ds z-40 flex gap-2 flex-col justify-between w-full",
             border: false,
             children: /* @__PURE__ */ jsx("div", { className: "nebula-ds z-40 grid grid-cols-2 gap-1 bg-inherit pt-2", children: MONTHS.map((monthOption) => {
               const monthOptionAsDate = new Date(monthOption);
@@ -3811,17 +3813,7 @@ var Calendar = ({
         return /* @__PURE__ */ jsx("tr", { ...props2 });
       },
       Weekday(props2) {
-        return /* @__PURE__ */ jsx(
-          "th",
-          {
-            ...props2,
-            className: cn(
-              props2.className,
-              "font-medium text-xs !text-calendar-weekDay-color"
-            ),
-            children: String(props2.children)?.toUpperCase()?.[0]
-          }
-        );
+        return /* @__PURE__ */ jsx("th", { ...props2, className: cn(props2.className), children: /* @__PURE__ */ jsx("div", { className: "nebula-ds font-medium text-xs !text-calendar-weekDay-color text-center pb-2", children: String(props2.children)?.toUpperCase()?.[0] }) });
       },
       Footer(props2) {
         if (showMonthGridSelection) return void 0;
@@ -4795,7 +4787,7 @@ var TextArea = React8.forwardRef(
       };
     }, [asInput, autoResize, props.value]);
     React8.useImperativeHandle(ref, () => innerRef.current);
-    return /* @__PURE__ */ jsxs("div", { className: "nebula-ds relative", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "nebula-ds relative w-full", children: [
       /* @__PURE__ */ jsx(
         "div",
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "React components",
   "publishConfig": {
     "access": "public"